ssm+ajax实现新增和修改(layerui后台系统模板)

最新推荐文章于 2021-08-31 08:30:01 发布

摆烂兔

最新推荐文章于 2021-08-31 08:30:01 发布

阅读量3.3k

点赞数

本文链接：https://blog.csdn.net/qq_38337245/article/details/84887725

版权

本文介绍了如何在基于layerui的后台管理系统中实现添加和编辑功能。通过jsp页面、admin_list.jsp的数据展示，利用onclick事件触发admin.js中的addAdmin()和updateAdmin()函数。此外，还涉及到Admin实体类、控制器、Service、ServiceImpl、Dao、mapper.xml等关键组件的使用。

摘要由CSDN通过智能技术生成

最近使用layerui后台模板实现的一个新增和修改，大家looklook、、、、、

一、jsp页面

admin_list.jsp页面，该页面显示数据（代码太多了，我就只写一部分就行了）

添加：οnclick="addAdmin()" ，调用admin.js中的函数

<a title="添加" href="javascript:;" onclick="addAdmin()"  class="btn btn-success radius"><i class="Hui-iconfont">&#xe600;</i>添加</a>

编辑：οnclick="updateAdmin(this)"，this为取到点击编辑当前的对象

<td class="td-manage"> <a title="编辑" href="javascript:;" onclick="updateAdmin(this)" class="ml-5" style="text-decoration:none">编辑</a>

好的，table：

<table class="table table-border table-sort table-bordered table-bg" id="tableId">
		<thead>
			<tr>
				<th scope="col" colspan="9">管理员列表</th>
			</tr>
			<tr class="text-c">
				<th width="25"><input type="checkbox" id="ad_all" value="" name="ad_all"></th>
				<th width="40">ID</th>
				<th width="150">管理员账号</th>
				<th width="100">管理员密码</th>
				<th width="100">管理员级别</th>
				<th width="120">手机号码</th>
				<th width="40">性别</th>
				<th width="100">注册时间</th>
				<th width="100">操作</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach items="${adminlist}" var="item">
				<tr class="text-c">
					<td><input type="checkbox" value="${item.ad_id}" name="check_id"></td>
					<td>${item.ad_id}</td>
					<td>${item.ad_account}</td>
					<td>${item.ad_pwd}</td>
					<td>${item.ad_level}</td>
					<td>${item.phone}</td>
					<td>${item.sex}</td>
					<fmt:formatDate value="${item.ad_time}" var="day" pattern="yyyy-MM-dd"/>
					<td class="">${day}</td>
					<td class="td-manage"> <a title="编辑" href="javascript:;" onclick="updateAdmin(this)" class="ml-5" style="text-decoration:none">编辑</a> <a title="删除" href="javascript:;" onclick="admin_del(this)" class="ml-5" style="text-decoration:none">删除</a></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>

2.修改和添加填写数据的页面，admin_add.jsp

<form class="form form-horizontal" id="form-admin-add" method="post">
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>管理员账号：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"  id="id" name="ad_id" readonly="readonly" style="display: none;"/>
			<input type="text" class="input-text"  id="account" name="ad_account" autocomplete="off">
		</div>
	<