用戶添加技術(shù)點(diǎn)：#
性別下拉列表框（固定值的下拉列表框）
角色下拉列表框（來自數(shù)據(jù)庫的角色列表）
學(xué)生演示上述功能
關(guān)鍵代碼
新增菜單項(xiàng)
{id: "splitter", text: "用戶管理", pid: "layouts",url:"/admin/user/goUser"},
controller跳轉(zhuǎn)到用戶管理頁
@RequestMapping("/goUser")
public String goMenu() {
return "userlist";
}
userlist.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>用戶管理</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link href="<%=request.getContextPath() %>/css/demo.css" rel="stylesheet" type="text/css" />
<script src="<%=request.getContextPath() %>/js/boot.js" type="text/javascript"></script>
</head>
<body>
<h1>用戶管理</h1>
<div style="padding-top:5px;padding-bottom:5px;">
<input type="button" value="Add" onclick="addRow()"/>
<input type="button" value="Remove" onclick="removeRow()" />
<input type="button" value="Save" onclick="saveData()" style="margin-left:100px;"/>
</div>
<div id="datagrid1" class="mini-datagrid" style="width:820px;height:250px;"
url="<%=request.getContextPath() %>/admin/user/adminlist" idField="id"
multiSelect="true" allowResize="true"
>
<div property="columns">
<div type="checkcolumn"></div>
<div field="id" width="120" headerAlign="center" allowSort="true">用戶編號(hào)</div>
<div field="name" width="100" allowSort="true">用戶名稱</div>
<div field="sex" width="100" allowSort="true" renderer="onGenderRenderer" align="center" headerAlign="center">性別</div>
<div field="email" width="100" allowSort="true">郵箱</div>
<div field="birthday" width="100" allowSort="true" dateFormat="yyyy-MM-dd">生日</div>
<div field="roleid" width="100" allowSort="true">角色編號(hào)</div>
</div>
</div>
<fieldset style="width:800px;border:solid 1px #aaa;margin-top:8px;position:relative;">
<legend>員工詳細(xì)信息</legend>
<div id="editForm1" style="padding:5px;">
<input class="mini-hidden" name="id"/>
<table style="width:100%;">
<tr>
<td style="width:120px;" >用戶編號(hào)：</td>
<td style="width:150px;"><input id="id" name="id" class="mini-textbox" readonly="readonly"/></td>
<td style="width:120px;">用戶名稱：</td>
<td style="width:150px;"><input id="name" name="name" class="mini-textbox" /></td>
<td style="width:120px;">性別：</td>
<td style="width:150px;">
<input id="sex" name="sex" class="mini-combobox" data="Genders"/>
</td>
</tr>
<tr>
<td>郵箱：</td>
<td><input id="email" name="email" class="mini-textbox" /></td>
<td>生日：</td>
<td><input id="birthday" name="birthday" class="mini-datepicker" minValue="0" maxValue="200" value="25" /></td>
<td>角色編號(hào)：</td>
<td>
<input id="roleid" name="roleid" showNullItem="true" class="mini-combobox"
url="<%=request.getContextPath()%>/admin/power/getRole"
emptyText="請(qǐng)選擇..."
nullItemText="請(qǐng)選擇..."
textField="rolename" valueField="roleid"/>
</td>
</tr>
</table>
</div>
</fieldset>
<script type="text/javascript">
var Genders = [{ id: 1, text: '男' }, { id: 2, text: '女'}];
mini.parse();
var grid = mini.get("datagrid1");
grid.load();
//綁定表單
var db = new mini.DataBinding();
db.bindForm("editForm1", grid);
///////////////////////////////////////////////////////
function onGenderRenderer(e) {
for (var i = 0, l = Genders.length; i < l; i++) {
var g = Genders[i];
if (g.id == e.value) return g.text;
}
return "";
}
//////////////////////////////////////////////////////
function addRow() {
var newRow = { name: "New Row" };
//添加一行
grid.addRow(newRow, 0);
//取消選中舊的數(shù)據(jù)行
grid.deselectAll();
//選中新增加的數(shù)據(jù)行
grid.select(newRow);
}
function removeRow() {
//得到選中的行
var rows = grid.getSelecteds();
if (rows.length > 0) {
if (confirm("確定刪除選中記錄祈远？")) {
//定義一個(gè)數(shù)組
var ids = [];
for (var i = 0, l = rows.length; i < l; i++) {
var r = rows[i];
//循環(huán)rows，將id兩側(cè)加上單引號(hào)后放入數(shù)組
ids.push("'"+r.id+"'");
}
//用逗號(hào)分隔數(shù)組中的數(shù) '1','2','3'
var id = ids.join(',');
grid.loading("操作中看疙，請(qǐng)稍后......");
$.ajax({
url: "<%=request.getContextPath()%>/admin/user/del?id=" + id,
success: function (text) {
grid.reload();
},
error: function () {
}
});
}
} else {
alert("請(qǐng)選中一條記錄");
}
}
function saveData() {
//獲取變動(dòng)的數(shù)據(jù)
var data = grid.getChanges();
var json = mini.encode(data);//反序列成json數(shù)據(jù)
grid.loading("保存中拉宗，請(qǐng)稍后......");
//json數(shù)組
alert(json);
$.ajax({
headers: {//公有配置旺韭，可以封裝復(fù)用
'Accept': 'application/json',
'Content-Type': 'application/json'
},
url: "<%=request.getContextPath()%>/admin/user/adduser",//method是操作標(biāo)識(shí)匣掸。save update del
data: json,
type: "post",
success: function (result) {
//alert(result.code);
grid.reload();
},
error: function (jqXHR, textStatus, errorThrown) {
alert(jqXHR.responseText);
}
});
}
</script>
<div class="description">
<h3>Description</h3>
</div>
</body>
</html>
UserController.java
package com.neuedu.controller;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import com.neuedu.module.service.IUserService;
import com.neuedu.pojo.ResultMsg;
import com.neuedu.pojo.UserList;
@Controller
@RequestMapping("/admin/user")
public class UserController {
@Autowired
IUserService UserServiceImpl;
@RequestMapping("/goUser")
public String goMenu() {
return "userlist";
}
@RequestMapping("/adminlist")
@ResponseBody
public Map adminlist(int pageIndex,int pageSize,String key,String sortField,String sortOrder) {
// 第一步，讀取滿足條件的記錄數(shù)
int total = UserServiceImpl.getUserCount();
List<UserList> list = null;
// 如果total>0辣往，執(zhí)行第二步驼侠，查詢滿足條件的記錄數(shù)
if (total > 0) {
list = UserServiceImpl.getUserAll();
}
Map map = new HashMap();
map.put("total", total);
map.put("data", list);
return map;
}
@RequestMapping("/adduser")
@ResponseBody
public ResultMsg adduser(@RequestBody UserList[] adduser,String method) {
int i=0;
ResultMsg msg=new ResultMsg();
String oper=adduser[0].get_state();
if(oper.equals("added")){
i=UserServiceImpl.addAdminUser(adduser);
}else if(oper.equals("modified")){
i=UserServiceImpl.updateUser(adduser);
}
if(i==adduser.length){
msg.setCode(0);
msg.setMsg("success");
}else{
msg.setCode(-1);
msg.setMsg("failure");
}
return msg;
}
@ResponseBody
@RequestMapping("/del")
public ResultMsg del(String id){
int i=0;
ResultMsg msg=new ResultMsg();
i=UserServiceImpl.delUser(id);
if(i>0){
msg.setCode(0);
msg.setMsg("success");
}else{
msg.setCode(-1);
msg.setMsg("failure");
}
return msg;
}
}
IUserService.java
public interface IUserService {
public int addAdminUser(UserList[] adduser);
public int getUserCount();
public List<UserList> getUserAll();
public int updateUser(UserList[] adduser);
public int delUser(String id);
}
UserServiceImpl.java
@Override
public int getUserCount() {
// TODO Auto-generated method stub
return userMapper.getUserCount();
}
@Override
public List<UserList> getUserAll() {
return userMapper.getUserAll();
}
@Override
public int addAdminUser(UserList[] adduser) {
int i=0;
for(UserList u:adduser){
String id=UuidGenerateUtil.getUUID();
u.setId(id);
int count=userMapper.addAdminUser(u);
i+=count;
}
return i;
}
@Override
public int updateUser(UserList[] adduser) {
int i=0;
for(UserList u:adduser){
int count=userMapper.updateUser(u);
i+=count;
}
return i;
}
@Override
public int delUser(String id) {
// TODO Auto-generated method stub
return userMapper.delUser(id);
}
