编辑页面

原创于 2019-09-24 09:23:27 发布 · 858 阅读

CC 4.0 BY-SA版权

本文探讨了在Web应用中实现页面编辑功能的方法，通过点击编辑按钮触发页面跳转至编辑页面，展示了如何使用JavaScript和HTML进行页面元素的动态生成，并详细解释了后端控制器如何通过路径参数接收ID，完成页面的路由映射。

1.点击编辑，页面跳转到edit.html

return [
                '<a class="btn active" href="javascript:;" onclick="School.edit(\'ID\')">编辑</a>',
                '<a class="btn active" href="#">档案</a>',
                '<a class="btn btn-default" href="#">记录</a>',
                '<a class="btn active" href="#">准入</a>'
            ].join('').replace(/ID/g, value);

School.eidt

edit: function(id) {
                var url = '/' + id + '/new';   // 1/new
                alert('...id:' + url);
                location.href = url;
            }

new.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>编辑</title>
</head>
<body>
    编辑页面
</body>
</html>

SchoolController

 @RequestMapping("/{id}/new")  //{id} 占位符
    public String newEidt(@PathVariable int id) {
        System.out.println(".....id:" + id);
        return "new";
    }