普通用户编辑 - 用户管理系统
<p><%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%></p>
<html>
<head>
<meta charset="UTF-8">
<title>用户管理-普通用户-编辑</title>
<!--全局CSS-->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<link href="/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
<link href="/css/bootstrapValidator.min.css" rel="stylesheet" type="text/css" />
<link href="/static/plugins/bootstrap_table/Content/bootstrap-table.css" rel="stylesheet" type="text/css" />
<!--全局JS-->
<script src="/js/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/ArbetTable.js" type="text/javascript"></script>
<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/bootstrap-table.js" type="text/javascript"></script>
<script src="/static/plugins/bootstrap_table/Scripts/Bootstrap/locale/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="/js/bootstrap-dialog.js" type="text/javascript"></script>
<script src="/js/bootstrapValidator.min.js" type="text/javascript"></script>
<script src="/static/plugins/layer/layer.js" type="text/javascript"></script>
<script src="/static/plugins/laydate/laydate.js" type="text/javascript"></script>
<!-- 对等js -->
<script type="text/javascript" src="/static/js/main/userMgr/normalUser_edit.js"></script>
</head>
<body>
<div class="loginbox registbox">
<!-- 隐藏域 -->
<div class="form-group">
<input type="hidden" id="id" name="id">
</div>
<div class="form-group" style="padding-left:80px">
<input placeholder="用户昵称" class="form-control"
id="nickName" name="nickName" style="width: 300px;"/>
</div>
<div class="form-group" style="padding-left:80px">
<select style="width: 72%" id="userState" class="form-control">
<option value ="0" selected = "selected">--- 启用 ---</option>
<option value ="1">--- 禁用 ---</option>
</select>
</div>
<div class="form-group" style="padding-left:80px">
<input placeholder="创建时间" class="form-control"
id="createDate" name="nickName" style="width: 300px;"/>
</div>
<div class="form-group" style="padding-left: 80px;padding-top: 60px;line-height:80px;">
<button onclick="userNormal_editSubmit()" type="submit" name="submit" class="btn btn-primary" style="width: 300px;">保存</button>
</div>
</div>
</body>
<script type="text/javascript">
//日期和时间选择器
laydate.render({
elem: '#createDate',
type: 'datetime'
});
</script>
</html>
//初始化参数
var id;
var nickName;
var userState;
var createDate;
<p>//关闭子窗口
function closeWindow(){
$("#userNormalTable").bootstrapTable('refresh');
//获取窗口索引
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}</p>
<p>//全局加载
$(function () {
//获取layer父窗口参数
var data = parent.layer.methodConfig.data;
//回显
$("#id").val(data.id);
$("#nickName").val(data.nickName);
$("#userState").val(data.userState);
$("#createDate").val(data.createDate);</p>
<p>});</p>
<p>//参数值收集
function collectParams(){
id = $("#id").val();
nickName = $("#nickName").val();
userState = $("#userState").val();
createDate = $("#createDate").val();
}</p>
<p>//用户添加
function userNormal_editSubmit(){
//参数值收集
collectParams();
//发送Ajax
$.ajax({
url:"/user/edit",
type:"POST",
data:{"id":id,"nickName":nickName,"userState":userState,"createDate":createDate},
success:function(data){
//成功操作
if(data == true){
layer.msg("修改成功！");
//延迟关闭子窗口
setTimeout("closeWindow()", 1000);
}
//失败操作
else{
layer.msg("抱歉，修改失败！");
}
},
dataType:"json"
});</p>
<p>}</p>
<p>写出能更改user_status的mybatis条件查询语句内容：UPDATE user SET user_status=#{userStatus} WHERE id=#{id}</p>
原文地址: https://www.cveoy.top/t/topic/m1Bv 著作权归作者所有。请勿转载和采集!