SSM项目+HTML页面的修改功能-CFANZ编程社区

1.首先是接口包

2.然后是实体类，get，set，有参，无参会用吧

3.在次是mapper包，写sql语句的

4.然后是Service层，实现dao包接口

5.最后是Controller功能层

6.要跳转到修改页面的主html页面，使用弹出层拿到要修改的id

7.最后再跳转到修改的弹出层html页面进行修改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改</title>
    <link rel="stylesheet" href="plugins/layui/css/layui.css"  media="all">
</head>
<body>
<form class="layui-form" action="../../../api/orders/updateOrders">
    <div class="layui-form-item">
        <label class="layui-form-label">订单编号</label>
        <div class="layui-input-block" id="input">
            <!-- <input type="text" name="id" class="layui-input" />-->
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">订单状态</label>
        <div class="layui-input-block">
            <select name="status" >
                <option value="3">已完成</option>
                <option value="0">刚下单</option>
                <option value="1">已结单</option>
                <option value="2">已到达正在修</option>
                <option value="4">已评价</option>
                <option value="-1">已作废</option>
            </select>
        </div>
    </div>
    <div align="center">
        <button class="layui-btn" id="btn" lay-submit>提交</button>
    </div>
</form>
</body>
</html>
<script src="plugins/layui/layui.js" charset="utf-8"></script>
<script>
    layui.use(['form','layer'],function (){
        var form=layui.form;
        var layer=layer;
        var $=layui.jquery;


        $.ajax({
            type:"post",
            url:'../../../api/orders/findByIdOrders?id='+window.location.href.slice(-1),
            datatype: 'json',
            success:function (data){
                var obj=$("#input")
                var obj1="<input type='text' name='id' class='layui-input' value='"+data[0].id+"' />"
                obj.append(obj1);
            },


        });
        $("#btn").click(function (){
            var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
            parent.layer.close(index);//关闭弹出的子页面窗口
        })

    });


</script>