这段代码是员工管理页面的前端逻辑，主要用于展示、添加和删除员工信息，支持分页浏览，适用于后台管理系统中对员工账号的管理。

src/main/resources/static/js/manage_staff.js

@@ -1,7 +1,7 @@
 var pageNum=1;
 var pageSize=8;
 var l;
-
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
 	getStaffList();
 	$("#pre").on('click',function(){
@@ -34,6 +34,7 @@ function isEmptyString(str){
 
 
 var list;
+// 从后端获取员工列表并展示
 function getStaffList(){
 	$.ajax({
 		type:"post",
@@ -45,7 +46,9 @@ function getStaffList(){
 			"power":"2"
 		},
 		success:function(data){
+		// 后端返回成功状态（code=0）
 			if(data.code=="0"){
+			// 若当前页无数据且页码大于0，回退到上一页并重新加载
 				if(isEmptyObject(data.List)&&pageNum>0){
 					pageNum=pageNum-1;
 					getStaffList();
@@ -56,10 +59,12 @@ function getStaffList(){
 					var btnStr=" ";
 					list=data.List;
 					l=0;
+					// 默认显示上一页、下一页按钮
 					$("#pre").css("display","block");
 					$("#next").css("display","block");
 					$("#staffList").empty();
 					$("#staffList").append("<tr><th>账号</th><th>员工号</th><th>姓名</th><th>年龄</th><th>职位</th><th>联系方式</th><th>操作</th></tr>")
+					 // 遍历员工列表，生成表格内容
 					for(i in list){
 						btnStr="<input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
 						htmlStr="<tr data-userid=\""+list[i].userid+"\"><td>"+list[i].useraccount+"</td><td>"+list[i].idnumber+"</td><td>"+list[i].username+"</td><td>"+list[i].age+"</td><td>"+"员工"+"</td><td>"+list[i].phonenumber+"</td><td>"+btnStr+"</td></tr>";
@@ -67,6 +72,7 @@ function getStaffList(){
 						//console.log(htmlStr);
 						l++;
 					}
+					 // 若当前是第1页，隐藏"上一页"按钮
 					if(pageNum=="1") $("#pre").css("display","none");
 					if(pageSize>l) $("#next").css("display","none");
 					btnOn();
@@ -83,7 +89,7 @@ function getStaffList(){
 		}
 	})
 }
-
+// 绑定页面中操作按钮的点击事件
 function btnOn(){
 	$("input").filter("#delUser").on('click',function(event){
 		delUser(event);
@@ -92,18 +98,18 @@ function btnOn(){
 		setPage( );
 	})
 }
-
+// 加载上一页数据
 function getPre(){
 	pageNum=pageNum-1;
 	getStaffList();
 }
-
+// 加载下一页数据
 function getNext(){
 	pageNum=pageNum+1;
 	getStaffList();	
 }
 
-
+// 跳转到指定页码
 function setPage(){
 	
 	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
@@ -115,7 +121,7 @@ function setPage(){
 	
 }
 
-
+// 删除员工
 function delUser(event){
 	var userid=$(event.target).data("userid");
 	$.ajax({
@@ -141,7 +147,7 @@ function delUser(event){
 	})
 
 }
-
+// 添加新员工
 function addUser(){
 	if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val()))
 		alert("请填写全内容");
@@ -166,6 +172,7 @@ function addUser(){
 				else
 					alert("添加失败")
 			},
+			// 重新加载员工列表展示新添加的员工
 			error:function(){
 				alert("添加用户出现错误");
 			}