前後臺交互(下)

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)