1、 前端样式
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<th:block th:include="include :: header('用户列表')" />
</head>
<body class="gray-bg">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="formId">
<input type="text" id="Id" name="Id" style="display: none" th:value="${Id}"/>
<input type="text" id="Ida" name="Ida" style="display: none" th:value="${Ida}"/>
<div class="select-list">
<ul>
<li>
<label>姓名:</label>
<input type="text" name="userName"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i> 搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i> 重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
<th:block th:include="include :: footer" />
<script th:inline="javascript">
var prefix = ctx + "abc/user";
$(function() {
var options = {
url: prefix + "/list/data",
createUrl: prefix + "/add",
modalName: "用户添加",
columns: [{
checkbox: true
},
{
field: 'userId',
title: '用户ID'
},
{
field: 'userName',
title: '用户姓名'
}
]
};
$.table.init(options);
});
$("#form-add").validate({
focusCleanup: true
});
function submitHandler() {
if ($.validate.form()) {
adduser();
}
}
function adduser() {
table.set();
var rows = $.table.selectColumns("userId");
if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录");
return;
}
var ids = rows.join();
var userName = $.table.selectColumns("userName");
console.log(userName)
var Id= $('#Id').val();
var Ida= $('#Ida').val();
$.ajax({
cache : true,
type : "POST",
url : prefix + "/add",
data : {
ids:ids,
userName:userName,
Id:Id,
Ida:Ida,
},
async : false,
error : function(request) {
$.modal.alertError("系统错误");
},
success : function(data) {
$.operate.successCallback(data);
}
});
}
</script>
</body>
</html>
2、后台
@Controller
@RequestMapping("/abc/user")
public class UserController extends BaseController {
private String prefix = "abc/user";
@PostMapping ({"/list/data"})
@ResponseBody
public TableDataInfo userlist(User user) {
startPage();
List<User> list = UserService.selectUserList(user);
return getDataTable(list);
}
@PostMapping("/add")
@ResponseBody
public AjaxResult adduser(String ids,String Id,String Ida){
int res=0;
User user = new User();
user.setIda(Ida);
user.setId(Id);
List<User> Users = UserService.selectUserList(user);
if (Users.size()>0){
return AjaxResult.warn("已添加管理员,请勿添加");
}
SysUser sUser = SysUserservice.selectSysUserById(Long.valueOf(ids));
String name = sUser.getName();
User lineUser = new User();
lineUser.setUserId(Long.valueOf(ids));
lineUser.setUserName(name);
lineUser.setIda(Ida);
lineUser.setId(Id);
List<User> userList = UserService.selectUserList(lineUser);
res+=UserService.insertUser(lineUser);
return toAjax(res);
}
}