SSM项目+HTML页面的修改功能
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>
下一篇:
什么是慢查询?如何优化?