1.前台实现增加

在user.jsp的最外层加"box" div

<div class="box">
	<div id="loginDiv">
	    <p class="logTitle">新增</p>
	    <div>
	      <form id="saveForm" >
	      	<input type="hidden" name="id" id="id"	/>
	        <div class="formInput"> <span>用户名:</span>
	          <input type="text" name="username" id="username"	placeholder="" />
	        </div>
	        <div class="formInput"> <span>密码:</span>
	          <input type="password" name="pwd"	id="pwd"	placeholder="" />
	        </div>
	        <div class="formInput"> <span>真实姓名:</span>
	          <input type="text"	name="realname" id="realname"	placeholder="" />
	        </div>
	        <div class="formInput"> <span>性别:</span>
	          <select name="sex">
	            <option value="1">男</option>
	            <option value="2">女</option>
	          </select>
	        </div>
	        <div class="formInput"> 
	        	<span>角色:</span>
	          <select name="role">
	          	<option value="1">管理员</option>
	            <option value="2">客户</option>
	          </select>
	        </div> 
	          <input  class="formButton" type="button" value="保存" onClick="create()" />
	      </form>
	    </div>
	</div>
</div>
	

前后台交互(下)css样式中已定义,默认隐藏(display:none)

在<script>中写function

用于显示表单

前后台交互(下)

用于添加用户

前后台交互(下)

点击“新增”按钮,弹出此div(其实是两个div嵌套)

前后台交互(下)

2.删除用户

前后台交互(下)

3.编辑用户信息

前后台交互(下)

userDao.xml中添加

前后台交互(下)

userDao.java中添加(为了在编辑时能取出已有的数据)

前后台交互(下)

太懒了。。。直接一起贴吧hhh

前后台交互(下)

UserController.java(刚开始忘了加@ResponseBody注解,一直报404)

前后台交互(下)

相关文章: