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>
上一篇：
初学者怎么学习java编程
下一篇：
什么是慢查询？如何优化？