交互注释

src/main/resources/static/js/ad_manage.js

@@ -1,220 +1,259 @@
-var pageNum=1;
-var pageSize=8;
-var l;
-
+// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数
+var pageNum=1;// 当前页码，初始为第1页
+var pageSize=8;// 每页显示8条数据
+var l;// 用于记录当前页实际加载的数据条数
+// 页面DOM加载完成后执行
 $(document).ready(function(){
-	getStaffList();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
+    getStaffList(); // 调用函数，调用获取员工列表的函数，初始化页面数据
+    // 绑定"上一页"按钮点击事件，点击时调用getPre()函数
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    // 绑定"下一页"按钮点击事件，点击时调用getNext()函数
+    $("#next").on('click',function(){
+        getNext();
+    });
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e) // 遍历对象属性，若存在属性则说明非空
+        return 0;
+    return 1;
 }
 
-
-
+// 存储当前页的员工列表数据
 var list;
+// 获取员工列表数据的函数
 function getStaffList(){
-	$.ajax({
-		type:"post",
-		url:"../user/getAllUser.do",
-		dataType:"JSON",
-		data:{
-			"pageNum":pageNum,
-			"pageSize":pageSize
-		},
-		success:function(data){
-			if(data.code=="0"){
-				if(isEmptyObject(data.List)&&pageNum>0){
-					pageNum=pageNum-1;
-					getStaffList();
-				}
-				else{
-					var power=" ";
-					var htmlStr=" ";
-					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){
-						if(list[i].power=="0") {
-							power="管理员";
-							btnStr=" ";
-						}
-						else if(list[i].power=="1") {
-							power="经理";
-							btnStr="<input type=\"button\" id=\"setStaff\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为员工\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
-						}
-						else if(list[i].power=="2") {
-							power="员工";
-							btnStr="<input type=\"button\" id=\"setManage\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为经理\"/> <input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
-						}
-						else {
-							power="清洁工";
-							btnStr="<input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <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>"+power+"</td><td>"+list[i].phonenumber+"</td><td>"+btnStr+"</td></tr>";
-						$("#staffList").append(htmlStr);
-						l++;
-						//console.log(htmlStr)
-					}
-					if(pageNum=="1") $("#pre").css("display","none");
-					if(pageSize>l) $("#next").css("display","none");
-					btnOn();
-
-				}
-			}
-			else{
-				alert("获取员工列表失败")
-			}
-			
-
-			
-		},
-		error:function(){
-			alert("获取员工列表发生错误")
-		}
-	})
+    $.ajax({
+        type:"post",// 请求类型为POST
+        url:"../user/getAllUser.do",// 请求后端接口地址
+        dataType:"JSON",// 预期返回数据类型为JSON
+        data:{// 传递给后端的参数：当前页码和每页数量
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            // 后端返回状态码为"0"表示成功
+            if(data.code=="0"){
+                // 若当前页数据为空且页码大于0，回退到上一页并重新加载
+                if(isEmptyObject(data.List)&&pageNum>0){
+                    pageNum=pageNum-1;
+                    getStaffList();
+                }
+                else{
+                    var power=" ";// 存储职位名称
+                    var htmlStr=" ";// 存储表格行HTML
+                    var btnStr=" ";// 存储操作按钮HTML
+                    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){
+                        // 根据权限值(power)设置职位名称和操作按钮
+                        if(list[i].power=="0") {
+                            power="管理员";
+                            btnStr=" ";// 管理员无操作按钮
+                        }
+                        else if(list[i].power=="1") {
+                            power="经理";
+                            // 经理的操作按钮：设置为员工、删除
+                            btnStr="<input type=\"button\" id=\"setStaff\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为员工\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
+                        }
+                        else if(list[i].power=="2") {
+                            power="员工";// 员工的操作按钮：设置为经理、重置密码、删除
+                            btnStr="<input type=\"button\" id=\"setManage\" data-userid=\""+list[i].userid+"\" class=\"btn btn-success\" value=\"设置为经理\"/> <input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/>"
+                        }
+                        else {
+                            power="清洁工";
+                            // 清洁工的操作按钮：重置密码、删除
+                            btnStr="<input type=\"button\" id=\"setPwd\" data-userid=\""+list[i].userid+"\" class=\"btn btn-info\" value=\"重置密码\"/> <input type=\"button\" id=\"delUser\" data-userid=\""+list[i].userid+"\" class=\"btn btn-danger\" value=\"删除\"/> "
+                        }
+                        // 拼接当前员工的表格行HTML
+                        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>"+power+"</td><td>"+list[i].phonenumber+"</td><td>"+btnStr+"</td></tr>";
+                        // 将表格行添加到表格中
+                        $("#staffList").append(htmlStr);
+                        l++;// 累加当前页数据条数
+                        //console.log(htmlStr)
+                    }
+
+                    // 若当前是第1页，隐藏"上一页"按钮
+                    if(pageNum=="1") $("#pre").css("display","none");
+                    // 若当前页数据条数小于每页显示数量，说明是最后一页，隐藏"下一页"按钮
+                    if(pageSize>l) $("#next").css("display","none");
+
+                    // 绑定操作按钮的点击事件
+                    btnOn();
+
+                }
+            }
+            else{
+                alert("获取员工列表失败")
+            }
+
+
+
+        },
+        // 请求失败的回调函数
+        error:function(){
+            alert("获取员工列表发生错误")
+        }
+    })
 }
 
+// 绑定操作按钮的点击事件
 function btnOn(){
-	$("input").filter("#setStaff").on('click',function(event){
+    // 绑定"设置为员工"按钮事件，调用setPosition并传递权限值"2"
+    $("input").filter("#setStaff").on('click',function(event){
         setPosition(event,"2");
-	});
-	$("input").filter("#setManage").on('click',function(event){
-		setPosition(event,"1");
-	});
-	$("input").filter("#setPwd").on('click',function(event){
+    });
+    // 绑定"设置为经理"按钮事件，调用setPosition并传递权限值"1"
+    $("input").filter("#setManage").on('click',function(event){
+        setPosition(event,"1");
+    });
+    // 绑定"重置密码"按钮事件，调用setPwd
+    $("input").filter("#setPwd").on('click',function(event){
         setPwd(event);
-	});
-	$("input").filter("#delUser").on('click',function(event){
-		delUser(event);
-	});
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	})
+    });
+    // 绑定"删除"按钮事件，调用delUser
+    $("input").filter("#delUser").on('click',function(event){
+        delUser(event);
+    });
+    // 绑定"跳转页码"按钮事件，调用setPage
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    })
 }
 
+// 上一页功能：页码减1并重新加载列表
 function getPre(){
-	pageNum=pageNum-1;
-	getStaffList();
+    pageNum=pageNum-1;
+    getStaffList();
 }
 
+// 下一页功能：页码加1并重新加载列表
 function getNext(){
-	pageNum=pageNum+1;
-	getStaffList();
-	
+    pageNum=pageNum+1;
+    getStaffList();
+
 }
 
+// 跳转指定页码功能
 function setPage(){
-	
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getStaffList();
-	}
-	
+    // 验证输入的页码是否合法（大于0）
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val(); // 更新页码
+        getStaffList();// 重新加载列表
+    }
+
 }
 
+// 修改员工职位（权限）的函数
 function setPosition(event,alter){
-	var userid=$(event.target).data("userid");
-	var info;
-	for(i in list){
-		if(list[i].userid==userid){
-			info=list[i];
-		}
-	}
-	$.ajax({
-		type:"POST",
-		url:"../user/updateUser.do",
-		dataType:"JSON",
-		data:{
-			"userid":info.userid,
-			"power":alter
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				getStaffList();
-			}
-			else
-				alert("修改失败")
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    var userid=$(event.target).data("userid"); // 获取目标员工的ID
+    var info;// 存储目标员工的详细信息
+    // 从当前列表中查找目标员
+    for(i in list){
+        if(list[i].userid==userid){
+            info=list[i];
+        }
+    }
+    // 发送AJAX请求修改权限
+    $.ajax({
+        type:"POST",
+        url:"../user/updateUser.do",// 后端修改用户接口
+        dataType:"JSON",
+        data:{// 传递用户ID和新权限值
+            "userid":info.userid,
+            "power":alter
+        },
+        success:function(data){
+            if(data.code==0){// 修改成功
+                alert("修改成功");
+                getStaffList();// 重新加载列表刷新数据
+            }
+            else
+                alert("修改失败")
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 
 }
 
+// 重置员工密码的函数
 function setPwd(event){
-	var userid=$(event.target).data("userid");
-	var info;
-	for(i in list){
-		if(list[i].userid==userid){
-			info=list[i];
-		}
-	}
-	info.password="111111";
-	$.ajax({
-		type:"POST",
-		url:"../user/updateUser.do",
-		dataType:"JSON",
-		data:{
-			"userid":info.userid,
-			"password":info.password
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				getStaffList();
-			}
-			else
-				alert("修改失败")
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    var userid=$(event.target).data("userid");// 获取目标员工的ID
+    var info;// 存储目标员工的详细信息
+    // 从当前列表中查找目标员工
+    for(i in list){
+        if(list[i].userid==userid){
+            info=list[i];
+        }
+    }
+    info.password="111111"; // 重置密码为"111111"
+    // 发送AJAX请求修改密码
+    $.ajax({
+        type:"POST",
+        url:"../user/updateUser.do",// 后端修改用户接口
+        dataType:"JSON",
+        data:{// 传递用户ID和新密码
+            "userid":info.userid,
+            "password":info.password
+        },
+        success:function(data){
+            if(data.code==0){// 修改成功
+                alert("修改成功");
+                getStaffList(); // 重新加载列表刷新数据
+            }
+            else
+                alert("修改失败")
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 }
-
+// 删除员工的函数
 function delUser(event){
-	var userid=$(event.target).data("userid");
-	$.ajax({
-		type:"POST",
-		url:"../user/delUser.do",
-		dataType:"JSON",
-		data:{
-			"userid":userid
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("删除成功");
-				if(l==1)
-					pageNum=pageNum-1;
-				getStaffList();
-			}
-			else
-				alert("删除失败")
-		},
-		error:function(){
-			alert("删除出现错误");
-		}
-	})
+    var userid=$(event.target).data("userid"); // 获取目标员工的ID
+    // 发送AJAX请求删除用户
+    $.ajax({
+        type:"POST",
+        url:"../user/delUser.do",// 后端删除用户接口
+        dataType:"JSON",
+        data:{ // 传递用户ID
+            "userid":userid
+        },
+        success:function(data){
+            if(data.code==0){// 删除成功
+                alert("删除成功");
+                // 若当前页只剩1条数据，删除后页码回退1页
+                if(l==1)
+                    pageNum=pageNum-1;
+                getStaffList();// 重新加载列表刷新数据
+            }
+            else
+                alert("删除失败")
+        },
+        error:function(){
+            alert("删除出现错误");
+        }
+    })
 
 }

src/main/resources/static/js/ad_order.js

@@ -1,215 +1,253 @@
-var pageNum=1;
-var pageSize=8;
-var l;
+// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数
+var pageNum=1;// 当前页码，初始为第1页
+var pageSize=8;// 每页显示8条数据
+var l;// 记录当前页实际加载的数据条数
 
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	getorderList();
-	getConfig();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
+    getorderList(); // 加载订单列表
+    getConfig();// 加载系统配置信息
+    // 绑定"上一页"按钮点击事件
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    // 绑定"下一页"按钮点击事件
+    $("#next").on('click',function(){
+        getNext();
+    });
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e)// 遍历对象属性，存在属性则非空
+        return 0;
+    return 1;
 }
 
+// 存储当前页的订单列表数据
 var list;
+// 获取订单列表数据
 function getorderList(){
-	$.ajax({
-		type:"post",
-		url:"../order/getAllOrder.do",
-		dataType:"JSON",
-		data:{
-			"pageNum":pageNum,
-			"pageSize":pageSize		
-		},
-		success:function(data){
-			if(isEmptyObject(data.List)&&pageNum>0){
-				pageNum=pageNum-1;
-				getorderList();
-			}
-			else{
-				list=data.List;
-				var htmlStr=" ";
-				var btnStr=" ";
-				var state=" ";
-				var sdate;
-				var edate;
-				l=0;
-				$("#pre").css("display","block");
-				$("#next").css("display","block");
-				$("#orderList").empty();
-				$("#orderList").append("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
-				
-				for(i in list){
-					sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
-					edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
-					if(list[i].state=="0"){
-						state="未付款";
-						btnStr="<input  type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
-					}
-					else if(list[i].state=="1"){
-						state="已付款";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> ";
-					}
-					else if(list[i].state=="2"){
-						state="已完成";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\" class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
-					}
-					else{
-						state="已取消";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
-					}
-					htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
-					$("#orderList").append(htmlStr);
-					l++;
-				}
-				if(pageNum=="1") $("#pre").css("display","none");
-				if(pageSize>l) $("#next").css("display","none");
-				btnOn();
-			}
-
-		},
-		error:function(){
-			alert("获取订单列表发生错误")
-		}
-	})
+    $.ajax({
+        type:"post",// 请求类型为POST
+        url:"../order/getAllOrder.do", // 后端获取订单列表的接口
+        dataType:"JSON",// 预期返回JSON格式数据
+        data:{// 传递分页参数
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            // 若当前页数据为空且页码>0，回退到上一页重新加载
+            if(isEmptyObject(data.List)&&pageNum>0){
+                pageNum=pageNum-1;
+                getorderList();
+            }
+            else{
+                list=data.List;// 存储订单列表数据
+                var htmlStr=" ";// 表格行HTML字符串
+                var btnStr=" ";// 操作按钮HTML字符串
+                var state=" ";// 订单状态文本
+                var sdate;// 入住日期（格式化后）
+                var edate;// 退房日期（格式化后）
+                l=0;// 重置当前页数据计数
+
+                // 显示分页按钮（默认先显示，后续根据情况隐藏）
+                $("#pre").css("display","block");
+                $("#next").css("display","block");
+                // 清空表格并添加表头
+                $("#orderList").empty();
+                $("#orderList").append("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
+
+                for(i in list){
+                    // 从时间字符串中提取日期部分（格式：年-月-日）
+                    sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
+                    edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
+                    // 根据订单状态（state）设置状态文本和操作按钮
+                    if(list[i].state=="0"){
+                        state="未付款";
+                        // 未付款订单：仅显示"查看房间"按钮（关联模态框）
+                        btnStr="<input  type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
+                    }
+                    else if(list[i].state=="1"){
+                        state="已付款";
+                        // 已付款订单：仅显示"查看房间"按钮
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> ";
+                    }
+                    else if(list[i].state=="2"){
+                        state="已完成";
+                        // 已完成订单：显示"查看房间"和"删除"按钮
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\" class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
+                    }
+                    else{
+                        state="已取消";
+                        // 已取消订单：显示"查看房间"和"删除"按钮
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"delOrder\" value=\"删除\">";
+                    }
+
+                    // 拼接订单表格行HTML
+                    htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
+                    // 添加到表格中
+                    $("#orderList").append(htmlStr);
+                    l++;// 累加当前页数据条数
+                }
+                // 若为第1页，隐藏"上一页"按钮
+                if(pageNum=="1") $("#pre").css("display","none");
+                // 若当前页数据少于每页数量，说明是最后一页，隐藏"下一页"按钮
+                if(pageSize>l) $("#next").css("display","none");
+                // 绑定操作按钮事件
+                btnOn();
+            }
+
+        },
+        // 请求失败的回调
+        error:function(){
+            alert("获取订单列表发生错误")
+        }
+    })
 }
 
+// 绑定操作按钮的点击事件
 function btnOn(){
-
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	});
-	$("input").filter("#showRoom").on('click',function(event){
-		showRoom(event);
-	})
-	$("input").filter("#delOrder").on('click',function(event){
-		delOrder(event);
-	});
+// 绑定"跳转页码"按钮事件
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    });
+    // 绑定"查看房间"按钮事件
+    $("input").filter("#showRoom").on('click',function(event){
+        showRoom(event);
+    })
+    // 绑定"删除订单"按钮事件
+    $("input").filter("#delOrder").on('click',function(event){
+        delOrder(event);
+    });
 }
 
+// 上一页功能：页码减1并重新加载列表
 function getPre(){
-	pageNum=pageNum-1;
-	getorderList();
+    pageNum=pageNum-1;
+    getorderList();
 }
 
+// 下一页功能：页码加1并重新加载列表
 function getNext(){
-	pageNum=pageNum+1;
-	getorderList();	
+    pageNum=pageNum+1;
+    getorderList();
 }
-
+// 跳转指定页码功能
 function setPage(){
-	
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getorderList();
-	}
-	
+    // 验证页码合法性（必须大于0）
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();// 更新页码
+        getorderList();// 重新加载列表
+    }
+
 }
 
+// 删除订单功能
 function delOrder(event){
-	var orderid=$(event.target).data("orderid");
-	$.ajax({
-		type:"POST",
-		url:"../order/delOrder.do",
-		dataType:"JSON",
-		data:{
-			"orderid":orderid
-		},
-		success:function(data){
-				if(data.code==0){
-					alert("删除成功");
-				if(l==1)
-					pageNum=pageNum-1;
-				getorderList();
-			}
-			else
-				alert("删除失败")
-		},
-		error:function(){
-			alert("删除出现错误");
-		}
-	})
+    var orderid=$(event.target).data("orderid");// 获取订单ID
+    $.ajax({
+        type:"POST",
+        url:"../order/delOrder.do",// 后端删除订单接口
+        dataType:"JSON",
+        data:{// 传递订单ID
+            "orderid":orderid
+        },
+        success:function(data){
+            if(data.code==0){// 删除成功
+                alert("删除成功");
+                // 若当前页只剩1条数据，删除后页码回退1页
+                if(l==1)
+                    pageNum=pageNum-1;
+                getorderList();// 重新加载列表刷新数据
+            }
+            else
+                alert("删除失败")
+        },
+        error:function(){
+            alert("删除出现错误");
+        }
+    })
 
 }
 
-
+// 查看房间详情功能（点击后显示模态框）
 function showRoom(event){
-	var roomid=$(event.target).data("roomid");
-	$.ajax({
-		type:"POST",
-		url:"../room/getRoomById.do",
-		dataType:"JSON",
-		data:{
-			"roomid":roomid
-		},
-		success:function(data){
-			var room=data.room;
-			if(data.code==0){
-				var htmlStr=" ";
-				var state=" ";
-				var type=" ";
-				$("#roomTable").empty();
-				if(room.state=="0")
-					state="停用";
-				else if(room.state=="1")
-					state="未预定";
-				else if(room.state=="2")
-					state="已预定(入住)";
-				else
-					state="待清扫";
-				if(room.type=="1")
-					type="单人间";
-				else if(room.type=="2")
-					type="双人间";
-				else if(room.type=="3")
-					type="大床房";
-				else
-					type="套房";
-				htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
-				$("#roomTable").append(htmlStr);
-			}
-			else
-				alert("获取失败")
-		},
-		error:function(){
-			alert("获取信息出现错误");
-		}
-	})
+    var roomid=$(event.target).data("roomid");// 获取房间ID
+    $.ajax({
+        type:"POST",
+        url:"../room/getRoomById.do",// 后端获取房间详情接口
+        dataType:"JSON",
+        data:{// 传递房间ID
+            "roomid":roomid
+        },
+        success:function(data){
+            var room=data.room;// 房间详情数据
+            if(data.code==0){// 获取成功
+                var htmlStr=" ";// 房间信息表格HTML
+                var state=" ";// 房间状态文本
+                var type=" ";// 房间类型文本
+                // 清空模态框中的表格
+                $("#roomTable").empty();
+                // 转换房间状态编码为文本
+                if(room.state=="0")
+                    state="停用";
+                else if(room.state=="1")
+                    state="未预定";
+                else if(room.state=="2")
+                    state="已预定(入住)";
+                else
+                    state="待清扫";
+                // 转换房间类型编码为文本
+                if(room.type=="1")
+                    type="单人间";
+                else if(room.type=="2")
+                    type="双人间";
+                else if(room.type=="3")
+                    type="大床房";
+                else
+                    type="套房";
+                // 拼接房间信息表格HTML
+                htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
+                // 添加到模态框表格中
+                $("#roomTable").append(htmlStr);
+            }
+            else
+                alert("获取失败")
+        },
+        error:function(){
+            alert("获取信息出现错误");
+        }
+    })
 }
 
+// 获取系统配置信息（如总营业额、总房间数）
 function getConfig(){
-	$.ajax({
-		type:"POST",
-		url:"../config/getConfig.do",
-		dataType:"JSON",
-		data:{},
-		success:function(data){
-			if(data.code=="0"){
-				var config=data.config;
-				$("#totalMoney").text(config.totalmoney);
-				$("#totalRoom").text(config.totalroom);
-			}
-			else{
-				alert("获取配置错误");
-			}
-
-		},
-		error:function(){
-			alert("获取配置发生错误")
-		}
-
-	});
+    $.ajax({
+        type:"POST",
+        url:"../config/getConfig.do",// 后端获取配置接口
+        dataType:"JSON",
+        data:{},// 无参数
+        success:function(data){
+            if(data.code=="0"){// 获取成功
+                var config=data.config;// 配置数据
+                // 更新页面上的总金额和总房间数显示
+                $("#totalMoney").text(config.totalmoney);
+                $("#totalRoom").text(config.totalroom);
+            }
+            else{
+                alert("获取配置错误");
+            }
+
+        },
+        error:function(){
+            alert("获取配置发生错误")
+        }
+
+    });
 }

src/main/resources/static/js/ad_salary.js

@@ -1,103 +1,129 @@
+// 页面DOM加载完成后执行的初始化函数
 $(document).ready(function(){
-	getConfig();
-	$("#showConfig").click(function(){
-		changeTab();
-	});
-	$("#alterConfig").click(function(){
-		changeTab();
-	});
-	$("#alterConfigBtn").click(function(){
-		alterConfig();
-	})
+// 加载配置信息
+    getConfig();
+    // 给"查看配置"按钮绑定点击事件，点击时切换显示的标签页
+    $("#showConfig").click(function(){
+        changeTab();
+    });
+    // 给"修改配置"按钮绑定点击事件，点击时切换显示的标签页
+    $("#alterConfig").click(function(){
+        changeTab();
+    });
+    // 给"确认修改"按钮绑定点击事件，点击时执行修改配置的逻辑
+    $("#alterConfigBtn").click(function(){
+        alterConfig();
+    })
 })
-
+// 全局变量，用于存储从后端获取的配置信息
 var config;
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
-	if(str=='null'||str=='')
-		return 1;
-	return 0;
+    // 如果字符串是'null'或空字符串，视为空
+    if(str=='null'||str=='')
+        return 1;
+    return 0;
 }
 
-
+// 从后端获取配置信息并展示
 function getConfig(){
-	$.ajax({
-		type:"POST",
-		url:"../config/getConfig.do",
-		dataType:"JSON",
-		data:{},
-		success:function(data){
-			if(data.code=="0"){
-				config=data.config;
-				var htmlStr="<tr><td>经理</td><td>"+config.manage+"</td><td>"+config.managesalary+"%</td></tr>"+
-				"<tr><td>员工</td><td>"+config.staff+"</td><td>"+config.staffsalary+"%</td></tr>"+
-				"<tr><td>清洁工</td><td>"+config.cleaner+"</td><td>"+config.cleanerssalary+"%</td></tr>";
-				$("#configList").append(htmlStr);
-				$("#inputMS").val(config.manage);
-				$("#inputSS").val(config.staff);
-				$("#inputCS").val(config.cleaner);
-				$("#inputM").val(config.managesalary);
-				$("#inputS").val(config.staffsalary);
-				$("#inputC").val(config.cleanerssalary);
-			}
-			else{
-				alert("获取配置错误");
-			}
+// 发起AJAX POST请求
+    $.ajax({
+        type:"POST",// 请求类型
+        url:"../config/getConfig.do", // 请求后端接口地址
+        dataType:"JSON", // 预期后端返回的数据类型
+        data:{},// 请求参数（无参数）
+        // 请求成功的回调函数
+        success:function(data){
+            // 后端返回成功状态码（假设code="0"为成功）
+            if(data.code=="0"){
+                // 存储配置信息到全局变量
+                config=data.config;
+                // 拼接配置信息的HTML字符串（用于展示表格）
+                var htmlStr="<tr><td>经理</td><td>"+config.manage+"</td><td>"+config.managesalary+"%</td></tr>"+
+                    "<tr><td>员工</td><td>"+config.staff+"</td><td>"+config.staffsalary+"%</td></tr>"+
+                    "<tr><td>清洁工</td><td>"+config.cleaner+"</td><td>"+config.cleanerssalary+"%</td></tr>";
+                // 将HTML添加到表格中展示
+                $("#configList").append(htmlStr);
+                // 给修改表单的输入框赋值（默认显示当前配置）
+                $("#inputMS").val(config.manage);
+                $("#inputSS").val(config.staff);
+                $("#inputCS").val(config.cleaner);
+                $("#inputM").val(config.managesalary);
+                $("#inputS").val(config.staffsalary);
+                $("#inputC").val(config.cleanerssalary);
+            }
+            else{
+                // 后端返回失败，提示错误
+                alert("获取配置错误");
+            }
 
-		},
-		error:function(){
-			alert("获取配置发生错误")
-		}
+        },
+        // 请求失败的回调函数
+        error:function(){
+            alert("获取配置发生错误")
+        }
 
-	});
+    });
 }
 
+// 切换标签页（切换"查看配置"和"修改配置"区域的显示状态）
 function changeTab(){
-	var info=$("#showConfigDiv").css("display");
-	var alter=$("#alterConfigDiv").css("display");
-	if(info=="block"){
-		$("#showConfigDiv").css("display","none");
-		$("#alterConfigDiv").fadeIn();	
-	}
-	else{
-		$("#alterConfigDiv").css("display","none")
-		$("#showConfigDiv").fadeIn();
-	}
+// 获取两个区域当前的显示状态
+    var info=$("#showConfigDiv").css("display"); // 查看配置区域
+    var alter=$("#alterConfigDiv").css("display");// 修改配置区域
+    // 如果查看区域正在显示，则隐藏查看区域，显示修改区域（带动画）
+    if(info=="block"){
+        $("#showConfigDiv").css("display","none");
+        $("#alterConfigDiv").fadeIn();	// 淡入动画
+    }
+    else{
+        // 否则隐藏修改区域，显示查看区域（带动画）
+        $("#alterConfigDiv").css("display","none")
+        $("#showConfigDiv").fadeIn();// 淡入动画
+    }
 }
 
+// 提交修改配置的请求
 function alterConfig(){
-	if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val()))
-		alert("请填写全内容");
-	else{
-		$.ajax({
-			type:"POST",
-			url:"../config/updateConfig.do",
-			dataType:"JSON",
-			data:{
-				"managesalary":$("#inputM").val(),
-				"staffsalary":$("#inputS").val(),
-				"cleanerssalary":$("#inputC").val(),
-				"manage":$("#inputMS").val(),
-				"staff":$("#inputSS").val(),
-				"cleaner":$("#inputCS").val()
-			},
-			success:function(data){
-				if(data.code=="0"){
-					alert("修改成功");
-					
-				}
-				else{
-					alert("修改配置错误");
-				}
-				window.location.reload();
+// 校验输入框是否为空（调用isEmptyString函数）
+    if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val()))
+        alert("请填写全内容");// 有空值则提示
+    else{
+        // 输入完整，发起修改请求
+        $.ajax({
+            type:"POST", // 请求类型
+            url:"../config/updateConfig.do",// 后端修改接口地址
+            dataType:"JSON", // 预期返回数据类型
+            // 请求参数（从输入框获取新的配置值）
+            data:{
+                "managesalary":$("#inputM").val(),
+                "staffsalary":$("#inputS").val(),
+                "cleanerssalary":$("#inputC").val(),
+                "manage":$("#inputMS").val(),
+                "staff":$("#inputSS").val(),
+                "cleaner":$("#inputCS").val()
+            },
+            // 请求成功的回调函数
+            success:function(data){
+                if(data.code=="0"){
+                    alert("修改成功");
+
+                }
+                else{
+                    alert("修改配置错误");
+                }
+                // 无论成功与否，刷新页面重新加载配置
+                window.location.reload();
 
-			},
-			error:function(){
-				alert("修改配置发生错误")
-			}
+            },
+            // 请求失败的回调函数
+            error:function(){
+                alert("修改配置发生错误")
+            }
 
-		});
+        });
 
-	}
+    }
 }

src/main/resources/static/js/all_infor.js

@@ -1,208 +1,245 @@
+// 扩展jQuery方法：添加获取URL参数的功能
 (function($){
-	$.getData=function(name){
-		var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
-		var result = window.location.search.substr(1).match(reg);
-		if (result!= null) return result[2]; return null;		
-	}
+// 定义$.getData方法，用于从URL查询参数中获取指定名称的值
+    $.getData=function(name){
+        // 构建正则表达式，匹配URL中"name=value"的参数格式
+        var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
+        // 从URL的查询字符串（?后的部分）中提取参数并匹配正则
+        var result = window.location.search.substr(1).match(reg);
+        // 若匹配到结果则返回参数值，否则返回null
+        if (result!= null) return result[2]; return null;
+    }
 })(jQuery);
 
-
+// 从URL参数中获取userid和power（用户ID和权限等级）
 var userid=$.getData('userid');
 var power=$.getData('power');
 
-
+// 页面DOM加载完成后执行的初始化函数
 $(document).ready(function(){
-	var w=$("#userpic").width();
-  	$("#userpic").height(w);
-	$("#inputNone").attr("value",userid);
-	$("#showInfo").click(function(){
-		changeTab();
-	});
-	$("#showAlter").click(function(){
-		changeTab();
-	});
-	getInfo();
-	getSalary();
-	$("#alterInfoBtn").click(function(){
-		alterInfo();
-	});
-	$("#alterPwdBtn").click(function(){
-		alterPwd();
-	})
+// 设置用户头像的宽高相等（正方形）
+    var w=$("#userpic").width();
+    $("#userpic").height(w);
+    // 给隐藏输入框赋值userid（可能用于表单提交时传递用户ID）
+    $("#inputNone").attr("value",userid);
+    // 绑定"查看信息"按钮点击事件，切换标签页
+    $("#showInfo").click(function(){
+        changeTab();
+    });
+    // 绑定"修改信息"按钮点击事件，切换标签页
+    $("#showAlter").click(function(){
+        changeTab();
+    });
+    // 加载用户基本信息
+    getInfo();
+    // 加载用户薪资信息（根据权限判断是否显示）
+    getSalary();
+    // 绑定"确认修改信息"按钮点击事件，执行修改信息逻辑
+    $("#alterInfoBtn").click(function(){
+        alterInfo();
+    });
+    // 绑定"确认修改密码"按钮点击事件，执行修改密码逻辑
+    $("#alterPwdBtn").click(function(){
+        alterPwd();
+    })
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    // 遍历对象，若存在属性则非空
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
-	if(str=='null'||str=='')
-		return 1;
-	return 0;
+// 若字符串为'null'或空字符串，视为空
+    if(str=='null'||str=='')
+        return 1;
+    return 0;
 }
 
-
+// 切换标签页（切换"查看信息"和"修改信息"区域的显示状态）
 function changeTab(){
-	var info=$("#showInfodiv").css("display");
-	var alter=$("#showAlterdiv").css("display");
-	if(info=="block"){
-		$("#showInfodiv").css("display","none");
-		$("#showAlterdiv").fadeIn();	
-	}
-	else{
-		$("#showAlterdiv").css("display","none")
-		$("#showInfodiv").fadeIn();
-	}
+// 获取两个区域当前的显示状态
+    var info=$("#showInfodiv").css("display");// 查看信息区域
+    var alter=$("#showAlterdiv").css("display"); // 修改信息区域
+    // 若查看区域显示，则隐藏查看区域，淡入显示修改区域
+    if(info=="block"){
+        $("#showInfodiv").css("display","none");
+        $("#showAlterdiv").fadeIn();
+    }
+    else{
+        // 否则隐藏修改区域，淡入显示查看区域
+        $("#showAlterdiv").css("display","none")
+        $("#showInfodiv").fadeIn();
+    }
 }
-
+// 全局变量，用于存储用户信息
 var info;
-
+// 从后端获取用户详情信息并展示
 function getInfo(){
-	$.ajax({
-		type:"POST",
-		url:"../user/getUserById.do",
-		dataType:"JSON",
-		data:{
-			"userid":userid
-		},
-		success:function(data){
-			if(data.code==0){
-				info=data.user;
-				var span=$("span");
-				$("#userpic").attr("src",'../'+info.photourl)
-				span.filter("#account").text(info.useraccount);
-				span.filter("#idnum").text(info.idnumber);
-				span.filter("#name").text(info.username);
-				$("#inputName").val(info.username);
-				span.filter("#age").text(info.age);
-				$("#inputAge").val(info.age)
-				span.filter("#phone").text(info.phonenumber);
-				$("#inputPhone").val(info.phonenumber)
-			}
-			else{
-				alert("获取信息失败");
-			}
-		},
-		error:function(){
-			alert("获取信息出现错误");
-		}
-	})
+    $.ajax({
+        type:"POST", // 请求类型
+        url:"../user/getUserById.do",// 后端接口地址（根据用户ID获取信息）
+        dataType:"JSON",// 预期返回数据类型
+        data:{
+            "userid":userid   // 请求参数：用户ID
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(data.code==0){// 后端返回成功状态（code=0）
+                info=data.user;// 存储用户信息到全局变量
+                var span=$("span");// 获取所有span标签
+                // 设置用户头像图片路径
+                $("#userpic").attr("src",'../'+info.photourl)
+                // 填充查看区域的用户信息（账号、身份证号、姓名、年龄、手机号）
+                span.filter("#account").text(info.useraccount);
+                span.filter("#idnum").text(info.idnumber);
+                span.filter("#name").text(info.username);
+                $("#inputName").val(info.username);
+                // 填充修改区域的输入框（默认显示当前信息）
+                span.filter("#age").text(info.age);
+                $("#inputAge").val(info.age)
+                span.filter("#phone").text(info.phonenumber);
+                $("#inputPhone").val(info.phonenumber)
+            }
+            else{
+                alert("获取信息失败");// 后端返回失败
+            }
+        },
+        // 请求失败的回调函数
+        error:function(){
+            alert("获取信息出现错误");
+        }
+    })
 }
-
+// 提交用户基本信息修改请求
 function alterInfo(){
-	var name=$("#inputName").val();
-	var age=$("#inputAge").val();
-	var phone=$("#inputPhone").val();
-	if(isEmptyString(name) || isEmptyString(age) || isEmptyString(phone)){
-		alert("请填写全信息");
-	}
-	else{
-		$.ajax({
-			type:"POST",
-			url:"../user/updateUser.do",
-			dataType:"JSON",
-			data:{
-				"userid":userid,
-				"password":info.password,
-				"username":name,
-				"age":age,
-				"power":power,
-				"IDnumber":info.idnumber,
-				"phonenumber":phone
-
-			},
-			success:function(data){
-				if(data.code==0){
-					alert("修改成功");
-					window.location.reload();
-				}
-				else
-					alert("修改失败")
-			},
-			error:function(){
-				alert("修改信息出现错误");
-			}
-		})
-	}
+// 从输入框获取修改后的信息
+    var name=$("#inputName").val();
+    var age=$("#inputAge").val();
+    var phone=$("#inputPhone").val();
+    // 校验输入是否为空
+    if(isEmptyString(name) || isEmptyString(age) || isEmptyString(phone)){
+        alert("请填写全信息");
+    }
+    else{
+        // 输入完整，发起修改请求
+        $.ajax({
+            type:"POST",
+            url:"../user/updateUser.do",// 后端修改用户信息接口
+            dataType:"JSON",
+            data:{
+                "userid":userid, // 用户ID（不变）
+                "password":info.password, // 密码（不变，从原有信息获取）
+                "username":name,// 新姓名
+                "age":age, // 新年龄
+                "power":power,// 权限等级（不变）
+                "IDnumber":info.idnumber, // 身份证号（不变）
+                "phonenumber":phone // 新手机号
+
+            },
+            success:function(data){
+                if(data.code==0){
+                    alert("修改成功");
+                    window.location.reload();// 刷新页面加载最新信息
+                }
+                else
+                    alert("修改失败")
+            },
+            error:function(){
+                alert("修改信息出现错误");
+            }
+        })
+    }
 }
-
+// 提交密码修改请求
 function alterPwd(){
-	var oldPwd=$("#inputoldPwd").val();
-	var newPwd=$("#inputnewPwd").val();
-	var renewPwd=$("#inputrenewPwd").val();
-	if(isEmptyString(oldPwd) || isEmptyString(newPwd) || isEmptyString(renewPwd)){
-		alert("请填写全信息");
-	}
-	else if(oldPwd!=info.password)
-		alert("原密码不正确");
-	else if(newPwd!=renewPwd)
-		alert("新密码输入错误")
-	else{
-		$.ajax({
-			type:"POST",
-			url:"../user/updateUser.do",
-			dataType:"JSON",
-			data:{
-				"userid":userid,
-				"password":newPwd
-
-			},
-			success:function(data){
-				if(data.code==0){
-					alert("修改成功");
-					window.location.reload();
-				}
-				else
-					alert("修改失败")
-			},
-			error:function(){
-				alert("修改密码出现错误");
-			}
-		})
-	}
+// 从输入框获取密码信息
+    var oldPwd=$("#inputoldPwd").val();// 原密码
+    var newPwd=$("#inputnewPwd").val(); // 新密码
+    var renewPwd=$("#inputrenewPwd").val();  // 确认新密码
+    if(isEmptyString(oldPwd) || isEmptyString(newPwd) || isEmptyString(renewPwd)){
+        alert("请填写全信息");
+    }
+    // 校验原密码是否正确（与原有信息比对）
+    else if(oldPwd!=info.password)
+        alert("原密码不正确");
+    // 校验新密码两次输入是否一致
+    else if(newPwd!=renewPwd)
+        alert("新密码输入错误")
+    else{
+        // 校验通过，发起密码修改请求
+        $.ajax({
+            type:"POST",
+            url:"../user/updateUser.do",// 后端修改用户信息接口（复用）
+            dataType:"JSON",
+            data:{
+                "userid":userid,// 用户ID
+                "password":newPwd // 新密码
+
+            },
+            success:function(data){
+                if(data.code==0){
+                    alert("修改成功");
+                    window.location.reload(); // 刷新页面
+                }
+                else
+                    alert("修改失败")
+            },
+            error:function(){
+                alert("修改密码出现错误");
+            }
+        })
+    }
 }
 
+// 获取并展示用户薪资信息（根据权限判断是否显示）
 function getSalary(){
-	if(power!="0"){
-		$("#showS").css("display","block");
-		$("#showC").css("display","block");
-		$.ajax({
-			type:"POST",
-			url:"../config/getConfig.do",
-			dataType:"JSON",
-			data:{},
-			success:function(data){
-				if(data.code=="0"){
-					var config=data.config;
-					if(power=="1"){
-						$("#salary").text(config.manage);
-						$("#commission").text(config.managesalary+"%");
-					}
-					else if(power=="2"){
-						$("#salary").text(config.staff);
-						$("#commission").text(config.staffsalary+"%");
-					}
-					else{
-						$("#salary").text(config.cleaner);
-						$("#commission").text(config.cleanerssalary+"%");
-					}
-					
-				}
-				else{
-					alert("获取配置错误");
-				}
-
-			},
-			error:function(){
-				alert("获取配置发生错误")
-			}
-
-		});
-	}
+// 若权限不为"0"（假设0为非员工/游客，1/2/3为不同角色），则显示薪资区域
+    if(power!="0"){
+        $("#showS").css("display","block");// 显示薪资标签
+        $("#showC").css("display","block");// 显示提成标签
+
+        // 从后端获取薪资配置信息
+        $.ajax({
+            type:"POST",
+            url:"../config/getConfig.do",// 后端获取配置接口
+            dataType:"JSON",
+            data:{},// 无参数
+            success:function(data){
+                if(data.code=="0"){// 配置获取成功
+                    var config=data.config;// 薪资配置信息
+
+                    // 根据权限等级显示对应角色的薪资和提成比例
+                    if(power=="1"){ // 假设1为经理
+                        $("#salary").text(config.manage); // 经理基础薪资
+                        $("#commission").text(config.managesalary+"%");// 经理提成比例
+                    }
+                    else if(power=="2"){// 假设2为员工
+
+                        $("#salary").text(config.staff);// 员工基础薪资
+                        $("#commission").text(config.staffsalary+"%");// 员工提成比例
+                    }
+                    else{ // 其他权限（假设为清洁工）
+                        $("#salary").text(config.cleaner); // 清洁工基础薪资
+                        $("#commission").text(config.cleanerssalary+"%");// 清洁工提成比例
+                    }
+
+                }
+                else{
+                    alert("获取配置错误");
+                }
+
+            },
+            error:function(){
+                alert("获取配置发生错误")
+            }
+
+        });
+    }
 }

src/main/resources/static/js/cleaner_room.js

@@ -2,134 +2,148 @@ var pageNum=1;
 var pageSize=8;
 var l;
 
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	getroomList();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
+    getroomList();
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    $("#next").on('click',function(){
+        getNext();
+    });
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 
 var list;
+// 从后端获取房间列表并展示
 function getroomList(){
-	$.ajax({
-		type:"post",
-		url:"../room/getRoom.do",
-		dataType:"JSON",
-		data:{
-			"state":"3",
-			"type":"-1",
-			"pageNum":pageNum,
-			"pageSize":pageSize			
-		},
-		success:function(data){
-			if(isEmptyObject(data.List)&&pageNum>0){
-				pageNum=pageNum-1;
-				getroomList();
-			}
-			else{
-				list=data.List;
-				var power=" ";
-				var htmlStr=" ";
-				var btnStr=" ";
-				var state=" ";
-				var type=" ";
-				l=0;
-				$("#pre").css("display","block");
-				$("#next").css("display","block");
-				$("#roomList").empty();
-				$("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>");
-				state="未清扫";
-				for(i in list){		
-					if(list[i].type=="1")
-						type="单人间";
-					else if(list[i].type=="2")
-						type="双人间";
-					else if(list[i].type=="3")
-						type="大床房";
-					else
-						type="套房"
-					btnStr="<input type=\"button\"  class=\"btn btn-success\" data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"已清扫\">";
-					htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
-					$("#roomList").append(htmlStr);
-					l++;
-				}
-				if(pageNum=="1") $("#pre").css("display","none");
-				if(pageSize>l) $("#next").css("display","none");
-				btnOn();
-			}
+    $.ajax({
+        type:"post",
+        url:"../room/getRoom.do",
+        dataType:"JSON",
+        data:{
+            "state":"3",
+            "type":"-1",
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            // 若当前页无数据且页码大于0，回退到上一页并重新加载
+            if(isEmptyObject(data.List)&&pageNum>0){
+                pageNum=pageNum-1;
+                getroomList();
+            }
+            else{
+                // 存储房间列表数据
+                list=data.List;
+                var power=" ";
+                var htmlStr=" ";
+                var btnStr=" ";
+                var state=" ";
+                var type=" ";
+                l=0;
+                // 默认显示上一页、下一页按钮
+                $("#pre").css("display","block");
+                $("#next").css("display","block");
+                $("#roomList").empty();
+                $("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>");
+                state="未清扫";
+                // 遍历房间列表，拼接表格内容
+                for(i in list){
+                    if(list[i].type=="1")
+                        type="单人间";
+                    else if(list[i].type=="2")
+                        type="双人间";
+                    else if(list[i].type=="3")
+                        type="大床房";
+                    else
+                        type="套房"
+                    btnStr="<input type=\"button\"  class=\"btn btn-success\" data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"已清扫\">";
+                    htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
+                    $("#roomList").append(htmlStr);
+                    l++;
+                }
+                if(pageNum=="1") $("#pre").css("display","none");
+                if(pageSize>l) $("#next").css("display","none");
+                btnOn();
+            }
 
-		},
-		error:function(){
-			alert("获取房间列表发生错误")
-		}
-	})
+        },
+        // 请求失败的回调函数
+        error:function(){
+            alert("获取房间列表发生错误")
+        }
+    })
 }
 
+// 绑定页面中操作按钮的点击事件
 function btnOn(){;
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	});
-	$("input").filter("#setRoom").on('click',function(event ){
-		setRoom(event);
-	});
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    });
+    $("input").filter("#setRoom").on('click',function(event ){
+        setRoom(event);
+    });
 }
 
+// 修改房间状态为"已清扫"
 function setRoom(event){
-	var roomid=$(event.target).data("roomid");
-	$.ajax({
-		type:"POST",
-		url:"../room/updateRoom.do",
-		dataType:"JSON",
-		data:{
-			"roomid":roomid,
-			"state":"1"
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				getroomList();
-			}
-			else{
-				alert("修改失败");
-				getroomList();
-			}
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    var roomid=$(event.target).data("roomid");
+    $.ajax({
+        type:"POST",
+        url:"../room/updateRoom.do",
+        dataType:"JSON",
+        data:{
+            "roomid":roomid,
+            "state":"1"
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(data.code==0){
+                alert("修改成功");
+                getroomList();
+            }
+            else{
+                alert("修改失败");
+                getroomList();
+            }
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 }
 
+// 加载上一页数据
 function getPre(){
-	pageNum=pageNum-1;
-	getroomList();
+    pageNum=pageNum-1;
+    getroomList();
 }
 
+// 加载下一页数据
 function getNext(){
-	pageNum=pageNum+1;
-	getroomList();	
+    pageNum=pageNum+1;
+    getroomList();
 }
 
+// 跳转到指定页码
 function setPage(){
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getroomList();
-	}
-	
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();
+        getroomList();
+    }
+
 }
 

src/main/resources/static/js/index.js

@@ -1,47 +1,51 @@
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	getCode();
-	var h=$(window).height();
-	$("#main").css("height",h);
-	$("#loginBtn").click(function(){
-		login();
-	})
-	$("#code").click(function(){
-		getCode();
-	})
+    getCode();
+    var h=$(window).height();
+    $("#main").css("height",h);
+    $("#loginBtn").click(function(){
+        login();
+    })
+    $("#code").click(function(){
+        getCode();
+    })
 })
 
 
 //获取验证码
 function getCode(){
-	$("#code").attr("src","./user/createImage?code="+Math.random());
+    $("#code").attr("src","./user/createImage?code="+Math.random());
 }
 
 //登录
 function login(){
-	var user=$("#inputName").val();
-	var pwd=$("#inputPassword").val();
-	var code=$("#inputCode").val();
-	$.ajax({
-		type:"POST",
-		url:"./user/login.do",
-		dataType:"JSON",
-		data:{
-			"useraccount":user,
-			"password":pwd,
-			"icode":code
-		},
-		success:function(data){
-			console.log(data)
-			if(data.code=="0"){
-				var urlString="pages/myCenter.html?power="+data.power+"&userid="+data.userid;
-				window.location.href=urlString;
-			}
-			else if(data.code=="-1"){
-				alert("验证码或密码错误")
-			}
-		},
-		error:function(){
-			alert("登录 发生错误");
-		}
-	});
+    var user=$("#inputName").val();
+    var pwd=$("#inputPassword").val();
+    var code=$("#inputCode").val();
+    // 发起AJAX登录请求
+    $.ajax({
+        type:"POST",
+        url:"./user/login.do",
+        dataType:"JSON",
+        data:{
+            "useraccount":user,
+            "password":pwd,
+            "icode":code
+        },
+        // 请求成功的回调函数（后端返回数据后执行）
+        success:function(data){
+            console.log(data)
+            if(data.code=="0"){
+                var urlString="pages/myCenter.html?power="+data.power+"&userid="+data.userid;
+                window.location.href=urlString;
+            }
+            else if(data.code=="-1"){
+                alert("验证码或密码错误")
+            }
+        },
+        // 请求失败的回调函数（网络错误或接口异常时执行）
+        error:function(){
+            alert("登录 发生错误");
+        }
+    });
 }

src/main/resources/static/js/manage_room.js

@@ -2,283 +2,298 @@ var pageNum=1;
 var pageSize=8;
 var l;
 
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	getroomList();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
-	$("input").filter("#setRoomBtn").on('click',function( ){
-		setRoomajax( );
-	});
+    getroomList();
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    $("#next").on('click',function(){
+        getNext();
+    });
+    $("input").filter("#setRoomBtn").on('click',function( ){
+        setRoomajax( );
+    });
 
-	$("input").filter("#addRoomBtn").on('click',function(){
-		addRoom();
-	});
+    $("input").filter("#addRoomBtn").on('click',function(){
+        addRoom();
+    });
 
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
-	if(str=='null'||str=='')
-		return 1;
-	return 0;
+    if(str=='null'||str=='')
+        return 1;
+    return 0;
 }
 
 
 
 var list;
+// 从后端获取房间列表并展示
 function getroomList(){
-	$.ajax({
-		type:"post",
-		url:"../room/getRoom.do",
-		dataType:"JSON",
-		data:{
-			"state":"-1",
-			"type":"-1",
-			"pageNum":pageNum,
-			"pageSize":pageSize		
-		},
-		success:function(data){
-			if(isEmptyObject(data.List)&&pageNum>0){
-				pageNum=pageNum-1;
-				getroomList();
-			}
-			else{
-				list=data.List;
-				var power=" ";
-				var htmlStr=" ";
-				var btnStr=" ";
-				var state=" ";
-				var type=" ";
-				l=0;
-				$("#pre").css("display","block");
-				$("#next").css("display","block");
-				$("#roomList").empty();
-				$("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>")
-				for(i in list){
-					if(list[i].state=="0"){
-						state="停用";
-						btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStart\" value=\"开始使用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
-					}
-					else if(list[i].state=="1"){
-						state="未预定";
-						btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
-					}
-					else if(list[i].state=="2"){
-						state="已预定(入住)";
-						btnStr="<input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\">";
-					}
-					else{
-						state="待清扫";
-						btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
-					}
+    $.ajax({
+        type:"post",
+        url:"../room/getRoom.do",
+        dataType:"JSON",
+        data:{
+            "state":"-1",
+            "type":"-1",
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(isEmptyObject(data.List)&&pageNum>0){
+                pageNum=pageNum-1;
+                getroomList();
+            }
+            else{
+                list=data.List;
+                var power=" ";
+                var htmlStr=" ";
+                var btnStr=" ";
+                var state=" ";
+                var type=" ";
+                l=0;
+                // 默认显示上一页、下一页按钮
+                $("#pre").css("display","block");
+                $("#next").css("display","block");
+                $("#roomList").empty();
+                $("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>")
+                // 遍历房间列表，生成表格内容
+                for(i in list){
+                    if(list[i].state=="0"){
+                        state="停用";
+                        btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStart\" value=\"开始使用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
+                    }
+                    else if(list[i].state=="1"){
+                        state="未预定";
+                        btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
+                    }
+                    else if(list[i].state=="2"){
+                        state="已预定(入住)";
+                        btnStr="<input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\">";
+                    }
+                    else{
+                        state="待清扫";
+                        btnStr="<input type=\"button\" class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"setStop\" value=\"改为停用\"> <input type=\"button\" class=\"btn btn-success\"  data-toggle=\"modal\" data-target=\"#alterRoom\"  data-roomid=\""+list[i].roomid+"\" id=\"setRoom\" value=\"修改信息\"> <input type=\"button\" class=\"btn btn-danger\" data-roomid=\""+list[i].roomid+"\" value=\"删除\" id=\"delRoom\">";
+                    }
+                    // 根据房间类型编码转换为文本
 
-					if(list[i].type=="1")
-						type="单人间";
-					else if(list[i].type=="2")
-						type="双人间";
-					else if(list[i].type=="3")
-						type="大床房";
-					else
-						type="套房"
+                    if(list[i].type=="1")
+                        type="单人间";
+                    else if(list[i].type=="2")
+                        type="双人间";
+                    else if(list[i].type=="3")
+                        type="大床房";
+                    else
+                        type="套房"
+                    // 拼接表格行（包含房间信息和操作按钮）
 
-					htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
-					$("#roomList").append(htmlStr);
-					l++;
-				}
-				if(pageNum=="1") $("#pre").css("display","none");
-				if(pageSize>l) $("#next").css("display","none");
-				btnOn();
-			}
+                    htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
+                    $("#roomList").append(htmlStr);
+                    l++;
+                }
+                if(pageNum=="1") $("#pre").css("display","none");
+                if(pageSize>l) $("#next").css("display","none");
+                btnOn();
+            }
 
-		},
-		error:function(){
-			alert("获取房间列表发生错误")
-		}
-	})
+        },
+        // 请求失败的回调函数
+        error:function(){
+            alert("获取房间列表发生错误")
+        }
+    })
 }
 
+// 绑定页面中所有操作按钮的点击事件
 function btnOn(){
-	$("input").filter("#delRoom").on('click',function(event){
-		delRoom(event);
-	});
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	})
-	$("input").filter("#setStop").on('click',function(event){
-		setState(event,"0");
-	});
-	$("input").filter("#setStart").on('click',function(event){
-		setState(event,"1");
-	});
-	$("input").filter("#setRoom").on('click',function(event){
-		setRoom(event);
-	});
+    $("input").filter("#delRoom").on('click',function(event){
+        delRoom(event);
+    });
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    })
+    $("input").filter("#setStop").on('click',function(event){
+        setState(event,"0");
+    });
+    $("input").filter("#setStart").on('click',function(event){
+        setState(event,"1");
+    });
+    $("input").filter("#setRoom").on('click',function(event){
+        setRoom(event);
+    });
 
 }
-
+// 加载上一页数据
 function getPre(){
-	pageNum=pageNum-1;
-	getroomList();
+    pageNum=pageNum-1;
+    getroomList();
 }
-
+// 加载下一页数据
 function getNext(){
-	pageNum=pageNum+1;
-	getroomList();	
+    pageNum=pageNum+1;
+    getroomList();
 }
-
+// 填充房间修改表单（将当前房间信息显示到修改弹窗中）
 function setRoom(event){
-	var roomid=$(event.target).data("roomid");
-	var info;
-	for(i in list){
-		if(list[i].roomid==roomid){
-			info=list[i];
-		}
-	}
-	$("#reinputLocal").val(info.local);
-	$("#reinputPrice").val(info.money);
-	$("#reinputType").val(info.type);
-	$("#reinputid").val(roomid);
+    var roomid=$(event.target).data("roomid");
+    var info;
+    for(i in list){
+        if(list[i].roomid==roomid){
+            info=list[i];
+        }
+    }
+    // 将房间信息填充到修改表单的输入框中
+    $("#reinputLocal").val(info.local);
+    $("#reinputPrice").val(info.money);
+    $("#reinputType").val(info.type);
+    $("#reinputid").val(roomid);
 }
-
+// 提交房间信息修改请求（AJAX）
 function setRoomajax( ){
-	$.ajax({
-		type:"POST",
-		url:"../room/updateRoom.do",
-		dataType:"JSON",
-		data:{
-			"roomid":$("#reinputid").val(),
-			"money":$("#reinputPrice").val(),
-			"type":$("#reinputType").val(),
-			"local":$("#reinputLocal").val()
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				$("#reinputLocal").val("");
-				$("#reinputPrice").val("");
-				$("#reinputType").val("");
-				$("#reinputid").val("");
-				$('#alterRoom').modal('toggle');
-				getroomList();
-			}
-			else{
-				alert("修改失败");
-				getroomList();
-			}
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    $.ajax({
+        type:"POST",
+        url:"../room/updateRoom.do",
+        dataType:"JSON",
+        data:{
+            "roomid":$("#reinputid").val(),
+            "money":$("#reinputPrice").val(),
+            "type":$("#reinputType").val(),
+            "local":$("#reinputLocal").val()
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(data.code==0){
+                alert("修改成功");
+                $("#reinputLocal").val("");
+                $("#reinputPrice").val("");
+                $("#reinputType").val("");
+                $("#reinputid").val("");
+                $('#alterRoom').modal('toggle');
+                // 无论成功与否，重新加载房间列表展示最新数据
+                getroomList();
+            }
+            else{
+                alert("修改失败");
+                getroomList();
+            }
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 }
-
+// 修改房间状态（启用/停用）
 function setState(event,alter){
-	var roomid=$(event.target).data("roomid");
-	$.ajax({
-		type:"POST",
-		url:"../room/updateRoom.do",
-		dataType:"JSON",
-		data:{
-			"roomid":roomid,
-			"state":alter
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				getroomList();
-			}
-			else
-				alert("修改失败")
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    var roomid=$(event.target).data("roomid");
+    $.ajax({
+        type:"POST",
+        url:"../room/updateRoom.do",
+        dataType:"JSON",
+        data:{
+            "roomid":roomid,
+            "state":alter
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(data.code==0){
+                alert("修改成功");
+                // 重新加载房间列表展示最新状态
+                getroomList();
+            }
+            else
+                alert("修改失败")
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 }
-
+// 跳转到指定页码
 function setPage(){
-	
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getroomList();
-	}
-	
-}
+    // 校验输入的页码是否合法（必须大于0）
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();
+        getroomList();
+    }
 
+}
 
+// 删除房间
 function delRoom(event){
-	var roomid=$(event.target).data("roomid");
-	$.ajax({
-		type:"POST",
-		url:"../room/delRoom.do",
-		dataType:"JSON",
-		data:{
-			"roomid":roomid
-		},
-		success:function(data){
-				if(data.code==0){
-					alert("删除成功");
-				if(l==1)
-					pageNum=pageNum-1;
-				getroomList();
-			}
-			else
-				alert("删除失败")
-		},
-		error:function(){
-			alert("删除出现错误");
-		}
-	})
+    var roomid=$(event.target).data("roomid");
+    $.ajax({
+        type:"POST",
+        url:"../room/delRoom.do",
+        dataType:"JSON",
+        data:{
+            "roomid":roomid
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(data.code==0){
+                alert("删除成功");
+                if(l==1)
+                    pageNum=pageNum-1;
+                getroomList();
+            }
+            else
+                alert("删除失败")
+        },
+        error:function(){
+            alert("删除出现错误");
+        }
+    })
 
 }
-
+// 添加新房间
 function addRoom(){
-	if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val()))
-		alert("请填写全内容");
-	else{
-		$.ajax({ 
-			type:"POST",
-			url:"../room/addRoom.do",
-			dataType:"JSON",
-			data:{
-				"local":$("#inputLocal").val(),
-				"money":$("#inputPrice").val(),
-				"state":"1",
-				"type":$("#inputType").val()
-			},
-			success:function(data){
-				if(data.code==0){
-					alert("添加成功");
-					$('#addRoom').modal('toggle');
-					$("#inputLocal").val(" ");
-					$("#inputPrice").val(" ");
-					$("#inputType").val(" ");
-					getroomList();
-				}
-				else{
-					alert("添加失败");
-					window.location.reload();
-				}
-			},
-			error:function(){
-				alert("添加出现错误");
-			}
-		})
-	}
-	
+    if(isEmptyString($("#inputLocal").val())||isEmptyString($("#inputLocal").val())||isEmptyString($("#inputType").val()))
+        alert("请填写全内容");
+    else{
+        $.ajax({
+            type:"POST",
+            url:"../room/addRoom.do",
+            dataType:"JSON",
+            data:{
+                "local":$("#inputLocal").val(),
+                "money":$("#inputPrice").val(),
+                "state":"1",
+                "type":$("#inputType").val()
+            },
+            success:function(data){
+                if(data.code==0){
+                    alert("添加成功");
+                    $('#addRoom').modal('toggle');
+                    $("#inputLocal").val(" ");
+                    $("#inputPrice").val(" ");
+                    $("#inputType").val(" ");
+                    getroomList();
+                }
+                else{
+                    alert("添加失败");
+                    window.location.reload();
+                }
+            },
+            error:function(){
+                alert("添加出现错误");
+            }
+        })
+    }
+
 }

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

@@ -1,175 +1,182 @@
 var pageNum=1;
 var pageSize=8;
 var l;
-
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	getStaffList();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
-	$("#addUserBtn").on('click',function(){
-		addUser();
-	})
+    getStaffList();
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    $("#next").on('click',function(){
+        getNext();
+    });
+    $("#addUserBtn").on('click',function(){
+        addUser();
+    })
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
-	if(str=='null'||str=='')
-		return 1;
-	return 0;
+    if(str=='null'||str=='')
+        return 1;
+    return 0;
 }
 
 
 
 var list;
+// 从后端获取员工列表并展示
 function getStaffList(){
-	$.ajax({
-		type:"post",
-		url:"../user/getUserByPower.do",
-		dataType:"JSON",
-		data:{
-			"pageNum":pageNum,
-			"pageSize":pageSize,
-			"power":"2"
-		},
-		success:function(data){
-			if(data.code=="0"){
-				if(isEmptyObject(data.List)&&pageNum>0){
-					pageNum=pageNum-1;
-					getStaffList();
-				}
-				else{
-					var power=" ";
-					var htmlStr=" ";
-					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>";
-						$("#staffList").append(htmlStr);
-						//console.log(htmlStr);
-						l++;
-					}
-					if(pageNum=="1") $("#pre").css("display","none");
-					if(pageSize>l) $("#next").css("display","none");
-					btnOn();
-				}
-			}
-			else{
-				alert("获取员工列表失败");
-			}
-			
-
-		},
-		error:function(){
-			alert("获取员工列表发生错误")
-		}
-	})
+    $.ajax({
+        type:"post",
+        url:"../user/getUserByPower.do",
+        dataType:"JSON",
+        data:{
+            "pageNum":pageNum,
+            "pageSize":pageSize,
+            "power":"2"
+        },
+        success:function(data){
+            // 后端返回成功状态（code=0）
+            if(data.code=="0"){
+                // 若当前页无数据且页码大于0，回退到上一页并重新加载
+                if(isEmptyObject(data.List)&&pageNum>0){
+                    pageNum=pageNum-1;
+                    getStaffList();
+                }
+                else{
+                    var power=" ";
+                    var htmlStr=" ";
+                    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>";
+                        $("#staffList").append(htmlStr);
+                        //console.log(htmlStr);
+                        l++;
+                    }
+                    // 若当前是第1页，隐藏"上一页"按钮
+                    if(pageNum=="1") $("#pre").css("display","none");
+                    if(pageSize>l) $("#next").css("display","none");
+                    btnOn();
+                }
+            }
+            else{
+                alert("获取员工列表失败");
+            }
+
+
+        },
+        error:function(){
+            alert("获取员工列表发生错误")
+        }
+    })
 }
-
+// 绑定页面中操作按钮的点击事件
 function btnOn(){
-	$("input").filter("#delUser").on('click',function(event){
-		delUser(event);
-	});
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	})
+    $("input").filter("#delUser").on('click',function(event){
+        delUser(event);
+    });
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    })
 }
-
+// 加载上一页数据
 function getPre(){
-	pageNum=pageNum-1;
-	getStaffList();
+    pageNum=pageNum-1;
+    getStaffList();
 }
-
+// 加载下一页数据
 function getNext(){
-	pageNum=pageNum+1;
-	getStaffList();	
+    pageNum=pageNum+1;
+    getStaffList();
 }
 
-
+// 跳转到指定页码
 function setPage(){
-	
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getStaffList();
-	}
-	
-}
 
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();
+        getStaffList();
+    }
+
+}
 
+// 删除员工
 function delUser(event){
-	var userid=$(event.target).data("userid");
-	$.ajax({
-		type:"POST",
-		url:"../user/delUser.do",
-		dataType:"JSON",
-		data:{
-			"userid":userid
-		},
-		success:function(data){
-				if(data.code==0){
-					alert("删除成功");
-				if(l==1)
-					pageNum=pageNum-1;
-				getStaffList();
-			}
-			else
-				alert("删除失败")
-		},
-		error:function(){
-			alert("删除出现错误");
-		}
-	})
+    var userid=$(event.target).data("userid");
+    $.ajax({
+        type:"POST",
+        url:"../user/delUser.do",
+        dataType:"JSON",
+        data:{
+            "userid":userid
+        },
+        success:function(data){
+            if(data.code==0){
+                alert("删除成功");
+                if(l==1)
+                    pageNum=pageNum-1;
+                getStaffList();
+            }
+            else
+                alert("删除失败")
+        },
+        error:function(){
+            alert("删除出现错误");
+        }
+    })
 
 }
-
+// 添加新员工
 function addUser(){
-	if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val()))
-		alert("请填写全内容");
-	else{
-		$.ajax({
-			type:"POST",
-			url:"../user/addUser.do",
-			dataType:"JSON",
-			data:{
-				"useraccount":$("#inputAccount").val(),
-				"password":$("#inputPwd").val(),
-				"power":"2"
-			},
-			success:function(data){
-				if(data.code==0){
-					alert("添加成功");
-					$('#addUser').modal('toggle');
-					$("#inputAccount").val("");
-					$("#inputPwd").val("")
-					getStaffList();
-				}
-				else
-					alert("添加失败")
-			},
-			error:function(){
-				alert("添加用户出现错误");
-			}
-		})
-	}
-	
+    if(isEmptyString($("#inputAccount").val())||isEmptyString($("#inputPwd").val()))
+        alert("请填写全内容");
+    else{
+        $.ajax({
+            type:"POST",
+            url:"../user/addUser.do",
+            dataType:"JSON",
+            data:{
+                "useraccount":$("#inputAccount").val(),
+                "password":$("#inputPwd").val(),
+                "power":"2"
+            },
+            success:function(data){
+                if(data.code==0){
+                    alert("添加成功");
+                    $('#addUser').modal('toggle');
+                    $("#inputAccount").val("");
+                    $("#inputPwd").val("")
+                    getStaffList();
+                }
+                else
+                    alert("添加失败")
+            },
+            // 重新加载员工列表展示新添加的员工
+            error:function(){
+                alert("添加用户出现错误");
+            }
+        })
+    }
+
 }

src/main/resources/static/js/myCenter.js

@@ -1,48 +1,49 @@
+// 定义jQuery扩展方法：从URL参数中获取指定名称的值
 (function($){
-	$.getData=function(name){
-		var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
-		var result = window.location.search.substr(1).match(reg);
-		if (result!= null) return result[2]; return null;		
-	}
+    $.getData=function(name){
+        var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
+        var result = window.location.search.substr(1).match(reg);
+        if (result!= null) return result[2]; return null;
+    }
 })(jQuery);
-
+// 从URL参数中获取用户权限（power）和用户ID（userid）
 var power=$.getData('power');
 var userid=$.getData('userid');
 
-
+// 页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
-	$("#mainFrame").attr("src","all_infor.html?userid="+userid+"&power="+power);
-	$("inputNone").attr("value",userid);
-	var h=$(window).height();
-	$("#tagList").css("height",h);
-	$("#mainFrame").css("height",h);
-	setList();
+    $("#mainFrame").attr("src","all_infor.html?userid="+userid+"&power="+power);
+    $("inputNone").attr("value",userid);
+    var h=$(window).height();
+    $("#tagList").css("height",h);
+    $("#mainFrame").css("height",h);
+    setList();
 })
-
+// 根据用户权限生成侧边栏菜单
 function setList(){
-	var tagList=" ";
-	if(power=="0"){
-		tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"ad_manage.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>人员管理</a> <a href=\"ad_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a> <a href=\"ad_salary.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-usd\" aria-hidden=\"true\"></span>工资管理</a>"
-	}
-	else if(power=="1"){
-		tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\" target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"manage_staff.html\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>员工管理</a><a href=\"manage_room.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>房间管理</a><a href=\"ad_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a>"
-	}
-	else if(power=="2"){
-		tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"staff_room.html?userid="+userid+"\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>订房</a><a href=\"staff_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a><a href=\"staff_cleaner.html\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>清洁工管理</a>"
-	}
-	else if(power=="3"){
-		tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"cleaner_room.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>房间管理</a>"
-	}
-	$("#tagList").append(tagList);
-	tagList=$("#tagList").children("a");
-	tagList.on('click',function(event){
-		changeColor(event)
-	});
+    var tagList=" ";
+    if(power=="0"){
+        tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"ad_manage.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>人员管理</a> <a href=\"ad_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a> <a href=\"ad_salary.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-usd\" aria-hidden=\"true\"></span>工资管理</a>"
+    }
+    else if(power=="1"){
+        tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\" target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"manage_staff.html\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>员工管理</a><a href=\"manage_room.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>房间管理</a><a href=\"ad_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a>"
+    }
+    else if(power=="2"){
+        tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"staff_room.html?userid="+userid+"\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>订房</a><a href=\"staff_order.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-shopping-cart\" aria-hidden=\"true\"></span> 订单管理</a><a href=\"staff_cleaner.html\" target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-list\" aria-hidden=\"true\"></span>清洁工管理</a>"
+    }
+    else if(power=="3"){
+        tagList="<a href=\"all_infor.html?userid="+userid+"&power="+power+"\"  target=\"mainFrame\" class=\"list-group-item active\"><span class=\"glyphicon glyphicon-user\" aria-hidden=\"true\"></span>个人信息</a><a href=\"cleaner_room.html\"  target=\"mainFrame\" class=\"list-group-item\"><span class=\"glyphicon glyphicon-home\" aria-hidden=\"true\"></span>房间管理</a>"
+    }
+    $("#tagList").append(tagList);
+    tagList=$("#tagList").children("a");
+    tagList.on('click',function(event){
+        changeColor(event)
+    });
 }
-
+// 切换菜单选中状态（高亮当前点击的菜单，取消其他菜单的高亮）
 function changeColor(event){
-	var obj=event.target;
-	var objSi=$(obj).siblings();
-	$(obj).attr("class","list-group-item active");
-	$(objSi).attr("class","list-group-item ");
+    var obj=event.target;
+    var objSi=$(obj).siblings();
+    $(obj).attr("class","list-group-item active");
+    $(objSi).attr("class","list-group-item ");
 }

src/main/resources/static/js/staff_cleaner.js

@@ -2,7 +2,7 @@ var pageNum=1;
 var pageSize=8;
 var l;
 
-/ 页面DOM加载完成后执行初始化操作
+//页面DOM加载完成后执行初始化操作
 $(document).ready(function(){
     getStaffList();
     $("#pre").on('click',function(){

src/main/resources/static/js/staff_order.js

@@ -3,193 +3,207 @@ var pageSize=8;
 var l;
 
 $(document).ready(function(){
-	getorderList();
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
+    // 加载订单列表数据
+    getorderList();
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    $("#next").on('click',function(){
+        getNext();
+    });
 
 })
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    // 遍历对象，若存在属性则非空
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 
-
+// 全局变量：存储订单列表数据
 var list;
+// 从后端获取订单列表并展示
 function getorderList(){
-	$.ajax({
-		type:"post",
-		url:"../order/getAllOrder.do",
-		dataType:"JSON",
-		data:{
-			"pageNum":pageNum,
-			"pageSize":pageSize		
-		},
-		success:function(data){
-			if(isEmptyObject(data.List)&&pageNum>0){
-				pageNum=pageNum-1;
-				getorderList();
-			}
-			else{
-				list=data.List;
-				var htmlStr=" ";
-				var btnStr=" ";
-				var state=" ";
-				var sdate;
-				var edate;
-				l=0;
-				$("#pre").css("display","block");
-				$("#next").css("display","block");
-				$("#orderList").empty();
-				$("#orderList").append("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
-				for(i in list){
-					sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
-					edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
-					if(list[i].state=="0"){
-						state="未付款";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"setPaied\" value=\"已收款\"> <input type=\"button\"  class=\"btn btn-danger\"  data-orderid=\""+list[i].orderid+"\" id=\"setNone\" value=\"取消\">";
-					}
-					else if(list[i].state=="1"){
-						state="已付款";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"setFinish\" value=\"退房\">";
-					}
-					else if(list[i].state=="2"){
-						state="已完成";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
-					}
-					else{
-						state="已取消";
-						btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
-					}
-					htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
-					$("#orderList").append(htmlStr);
-					l++;
-				}
-				if(pageNum=="1") $("#pre").css("display","none");
-				if(pageSize>l) $("#next").css("display","none");
-				btnOn();
-			}
+    $.ajax({
+        type:"post",
+        url:"../order/getAllOrder.do",
+        dataType:"JSON",
+        data:{
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(isEmptyObject(data.List)&&pageNum>0){
+                pageNum=pageNum-1;
+                getorderList();
+            }
+            else{
+                list=data.List;
+                var htmlStr=" ";
+                var btnStr=" ";
+                var state=" ";
+                var sdate;
+                var edate;
+                l=0;
+                // 默认显示上一页、下一页按钮
+                $("#pre").css("display","block");
+                $("#next").css("display","block");
+                $("#orderList").empty();
+                $("#orderList").append("<tr><th>入住人</th><th>身份证号</th><th>开始时间</th><th>结束时间</th><th>总金额</th><th>状态</th><th>操作</th></tr>")
+                // 遍历订单列表，生成表格内容
+                for(i in list){
+                    sdate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].starttime);
+                    edate=/\d{4}-\d{1,2}-\d{1,2}/g.exec(list[i].endtime);
+                    // 根据订单状态编码设置状态文本和操作按钮
+                    if(list[i].state=="0"){
+                        state="未付款";
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"setPaied\" value=\"已收款\"> <input type=\"button\"  class=\"btn btn-danger\"  data-orderid=\""+list[i].orderid+"\" id=\"setNone\" value=\"取消\">";
+                    }
+                    else if(list[i].state=="1"){
+                        state="已付款";
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\"> <input type=\"button\"  class=\"btn btn-success\"  data-orderid=\""+list[i].orderid+"\" id=\"setFinish\" value=\"退房\">";
+                    }
+                    else if(list[i].state=="2"){
+                        state="已完成";
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
+                    }
+                    else{
+                        state="已取消";
+                        btnStr="<input type=\"button\"  class=\"btn btn-info\" data-roomid=\""+list[i].roomid+"\" id=\"showRoom\"  data-toggle=\"modal\" data-target=\"#showRoomT\" value=\"查看房间\">";
+                    }
+                    // 拼接表格行（包含订单信息和操作按钮）
+                    htmlStr="<tr data-orderid=\""+list[i].orderid+"\"><td>"+list[i].householdname+"</td><td>"+list[i].id+"</td><td>"+sdate+"</td><td>"+edate+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+btnStr+"</td></tr>";
+                    $("#orderList").append(htmlStr);
+                    l++;
+                }
+                if(pageNum=="1") $("#pre").css("display","none");
+                if(pageSize>l) $("#next").css("display","none");
+                btnOn();
+            }
 
-		},
-		error:function(){
-			alert("获取订单列表发生错误")
-		}
-	})
+        },
+        error:function(){
+            alert("获取订单列表发生错误")
+        }
+    })
 }
-
+// 绑定页面中操作按钮的点击事件
 function btnOn(){
-
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	});
-	$("input").filter("#showRoom").on('click',function(event){
-		showRoom(event);
-	})
-	$("input").filter("#setPaied").on('click',function(event){
-		setState(event,"1");
-	});
-	$("input").filter("#setFinish").on('click',function(event){
-		setState(event,"2");
-	});
-	$("input").filter("#setNone").on('click',function(event){
-		setState(event,"3");
-	});
+// 给"跳转页码"按钮绑定点击事件，触发页码跳转
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    });
+    // 给"查看房间"按钮绑定点击事件，触发查看房间详情
+    $("input").filter("#showRoom").on('click',function(event){
+        showRoom(event);
+    })
+    // 给"已收款"按钮绑定点击事件，将订单状态改为"已付款"（1）
+    $("input").filter("#setPaied").on('click',function(event){
+        setState(event,"1");
+    });
+    // 给"退房"按钮绑定点击事件，将订单状态改为"已完成"（2）
+    $("input").filter("#setFinish").on('click',function(event){
+        setState(event,"2");
+    });
+    // 给"取消"按钮绑定点击事件，将订单状态改为"已取消"（3）
+    $("input").filter("#setNone").on('click',function(event){
+        setState(event,"3");
+    });
 
 }
-
+// 加载上一页数据
 function getPre(){
-	pageNum=pageNum-1;
-	getorderList();
+    pageNum=pageNum-1;
+    getorderList();
 }
-
+// 加载下一页数据
 function getNext(){
-	pageNum=pageNum+1;
-	getorderList();	
+    pageNum=pageNum+1;
+    getorderList();
 }
-
+// 修改订单状态
 function setState(event,alter){
-	var orderid=$(event.target).data("orderid");
-	$.ajax({
-		type:"POST",
-		url:"../order/updateOrderState.do",
-		dataType:"JSON",
-		data:{
-			"orderid":orderid,
-			"state":alter
-		},
-		success:function(data){
-			if(data.code==0){
-				alert("修改成功");
-				getorderList();
-			}
-			else
-				alert("修改失败")
-		},
-		error:function(){
-			alert("修改信息出现错误");
-		}
-	})
+    var orderid=$(event.target).data("orderid");
+    $.ajax({
+        type:"POST",
+        url:"../order/updateOrderState.do",
+        dataType:"JSON",
+        data:{
+            "orderid":orderid,
+            "state":alter
+        },
+        success:function(data){
+            if(data.code==0){
+                alert("修改成功");
+                getorderList();
+            }
+            else
+                alert("修改失败")
+        },
+        error:function(){
+            alert("修改信息出现错误");
+        }
+    })
 }
-
+// 跳转到指定页码
 function setPage(){
-	
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getorderList();
-	}
-	
-}
 
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();
+        getorderList();
+    }
+
+}
+// 查看订单对应的房间详情
 function showRoom(event){
-	var roomid=$(event.target).data("roomid");
-	$.ajax({
-		type:"POST",
-		url:"../room/getRoomById.do",
-		dataType:"JSON",
-		data:{
-			"roomid":roomid
-		},
-		success:function(data){
-			if(data.code==0){
-				var htmlStr=" ";
-				var state=" ";
-				var type=" ";
-				var room=data.room;
-				$("#roomTable").empty();
-				if(room.state=="0")
-					state="停用";
-				else if(room.state=="1")
-					state="未预定";
-				else if(room.state=="2")
-					state="已预定(入住)";
-				else
-					state="待清扫";
-				if(room.type=="1")
-					type="单人间";
-				else if(room.type=="2")
-					type="双人间";
-				else if(room.type=="3")
-					type="大床房";
-				else
-					type="套房";
-				htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
-				$("#roomTable").append(htmlStr);
-			}
-			else
-				alert("获取失败")
-		},
-		error:function(){
-			alert("获取信息出现错误");
-		}
-	})
+    var roomid=$(event.target).data("roomid");
+    $.ajax({
+        type:"POST",
+        url:"../room/getRoomById.do",
+        dataType:"JSON",
+        data:{
+            "roomid":roomid
+        },
+        success:function(data){
+            if(data.code==0){
+                var htmlStr=" ";
+                var state=" ";
+                var type=" ";
+                var room=data.room;
+                $("#roomTable").empty();
+                if(room.state=="0")
+                    state="停用";
+                else if(room.state=="1")
+                    state="未预定";
+                else if(room.state=="2")
+                    state="已预定(入住)";
+                else
+                    state="待清扫";
+                // 转换房间类型编码为文本
+                if(room.type=="1")
+                    type="单人间";
+                else if(room.type=="2")
+                    type="双人间";
+                else if(room.type=="3")
+                    type="大床房";
+                else
+                    type="套房";
+                // 拼接房间详情表格内容（位置、价格、类型、状态）
+                htmlStr="<tr><th>位置</th><td>"+room.local+"</td></tr><tr><th>价格</th><td>"+room.money+"</td></tr><tr><th>类型</th><td>"+type+"</td></tr><tr><th>状态</th><td>"+state+"</td></tr>"
+                $("#roomTable").append(htmlStr);
+            }
+            else
+                alert("获取失败")
+        },
+        error:function(){
+            alert("获取信息出现错误");
+        }
+    })
 }

src/main/resources/static/js/staff_room.js

@@ -1,11 +1,12 @@
+// 定义jQuery扩展方法：从URL参数中获取指定名称的值
 (function($){
-	$.getData=function(name){
-		var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
-		var result = window.location.search.substr(1).match(reg);
-		if (result!= null) return result[2]; return null;		
-	}
+    $.getData=function(name){
+        var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?");
+        var result = window.location.search.substr(1).match(reg);
+        if (result!= null) return result[2]; return null;
+    }
 })(jQuery);
-
+// 从URL参数中获取员工ID（当前登录员工）
 var staffid=$.getData("userid");
 var pageNum=1;
 var pageSize=8;
@@ -13,36 +14,39 @@ var choose;
 var l;
 
 $(document).ready(function(){
-	getroomList();
-
-	$('#dateStart').datepicker({
-		language: 'zh-CN',
-		format: 'yyyy-mm-dd',
-		autoclose: true
-	}).on('changeDate',function(e){
-		var startTime = e.date;
-		$('#dateEnd').datepicker('setStartDate',startTime);
-	});
-
-	$('#dateEnd').datepicker({
-		language: 'zh-CN',
-		format: 'yyyy-mm-dd',
-		autoclose: true
-	}).on('changeDate',function(e){
-		var endTime = e.date;
-		$('#dateStart').datepicker('setEndDate',endTime);
-	});
-
-
-	$("#pre").on('click',function(){
-		getPre();
-	});
-	$("#next").on('click',function(){
-		getNext();
-	});
-	$("#addOrder").on('click',function(){
-		addOrder();
-	});
+// 加载可预订的房间列表
+    getroomList();
+// 初始化开始日期选择器（datepicker插件）
+    $('#dateStart').datepicker({
+        language: 'zh-CN',
+        format: 'yyyy-mm-dd',
+        autoclose: true
+    }).on('changeDate',function(e){
+        // 选择开始日期后，设置结束日期的最小可选值为开始日期
+        var startTime = e.date;
+        $('#dateEnd').datepicker('setStartDate',startTime);
+    });
+// 初始化结束日期选择器（datepicker插件）
+    $('#dateEnd').datepicker({
+        language: 'zh-CN',
+        format: 'yyyy-mm-dd',
+        autoclose: true
+    }).on('changeDate',function(e){
+        // 选择结束日期后，设置开始日期的最大可选值为结束日期
+        var endTime = e.date;
+        $('#dateStart').datepicker('setEndDate',endTime);
+    });
+
+// 绑定"上一页"按钮点击事件
+    $("#pre").on('click',function(){
+        getPre();
+    });
+    $("#next").on('click',function(){
+        getNext();
+    });
+    $("#addOrder").on('click',function(){
+        addOrder();
+    });
 
 })
 
@@ -50,149 +54,158 @@ $(document).ready(function(){
 
 //判断对象/JSON是否为空 空返回1 非空返回0
 function isEmptyObject(e) {
-	var t;
-	for (t in e)
-		return 0;
-	return 1;
+    var t;
+    for (t in e)
+        return 0;
+    return 1;
 }
 
 //判断字符串是否为空 空返回1 非空返回0
 function isEmptyString(str){
-	if(str=='null'||str=='')
-		return 1;
-	return 0;
+    if(str=='null'||str=='')
+        return 1;
+    return 0;
 }
 
 
 var list;
+// 从后端获取可预订的房间列表（状态为"未预定"）
 function getroomList(){
-	$.ajax({
-		type:"post",
-		url:"../room/getRoom.do",
-		dataType:"JSON",
-		data:{
-			"state":"1",
-			"type":"-1",
-			"pageNum":pageNum,
-			"pageSize":pageSize			
-		},
-		success:function(data){
-			if(isEmptyObject(data.List)&&pageNum>0){
-				pageNum=pageNum-1;
-				getroomList();
-			}
-			else{
-				list=data.List;
-				var power=" ";
-				var htmlStr=" ";
-				var btnStr=" ";
-				var state=" ";
-				var type=" ";
-				l=0;
-				$("#pre").css("display","block");
-				$("#next").css("display","block");
-				$("#roomList").empty();
-				$("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>");
-				state="未预定";
-				for(i in list){		
-					if(list[i].type=="1")
-						type="单人间";
-					else if(list[i].type=="2")
-						type="双人间";
-					else if(list[i].type=="3")
-						type="大床房";
-					else
-						type="套房"
-					btnStr="<input type=\"button\" class=\"btn btn-success\" data-roomid=\""+list[i].roomid+"\" id=\"chooseRoomBtn\" data-toggle=\"modal\" data-target=\"#chooseRoom\" value=\"生成订单\">";
-					htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
-					$("#roomList").append(htmlStr);
-					l++;
-				}
-				if(pageNum=="1") $("#pre").css("display","none");
-				if(pageSize>l) $("#next").css("display","none");
-				btnOn();
-			}
-
-		},
-		error:function(){
-			alert("获取房间列表发生错误")
-		}
-	})
+    $.ajax({
+        type:"post",
+        url:"../room/getRoom.do",
+        dataType:"JSON",
+        data:{
+            "state":"1",
+            "type":"-1",
+            "pageNum":pageNum,
+            "pageSize":pageSize
+        },
+        // 请求成功的回调函数
+        success:function(data){
+            if(isEmptyObject(data.List)&&pageNum>0){
+                pageNum=pageNum-1;
+                getroomList();
+            }
+            else{
+                list=data.List;
+                var power=" ";
+                var htmlStr=" ";
+                var btnStr=" ";
+                var state=" ";
+                var type=" ";
+                l=0;
+                // 默认显示分页按钮
+                $("#pre").css("display","block");
+                $("#next").css("display","block");
+                $("#roomList").empty();
+                $("#roomList").append("<tr><th>位置</th><th>价格</th><th>状态</th><th>类型</th><th>操作</th></tr>");
+                state="未预定";
+                // 遍历房间列表生成表格内容
+                for(i in list){
+                    // 转换房间类型编码为文本
+                    if(list[i].type=="1")
+                        type="单人间";
+                    else if(list[i].type=="2")
+                        type="双人间";
+                    else if(list[i].type=="3")
+                        type="大床房";
+                    else
+                        type="套房"
+                    // 操作按钮：生成订单（绑定房间ID，点击打开弹窗）
+                    btnStr="<input type=\"button\" class=\"btn btn-success\" data-roomid=\""+list[i].roomid+"\" id=\"chooseRoomBtn\" data-toggle=\"modal\" data-target=\"#chooseRoom\" value=\"生成订单\">";
+                    htmlStr="<tr data-roomid=\""+list[i].roomid+"\"><td>"+list[i].local+"</td><td>"+list[i].money+"</td><td>"+state+"</td><td>"+type+"</td><td>"+btnStr+"</td></tr>";
+                    $("#roomList").append(htmlStr);
+                    l++;// 累加记录数
+                }
+                // 分页按钮控制：第1页隐藏上一页，最后一页隐藏下一页
+                if(pageNum=="1") $("#pre").css("display","none");
+                if(pageSize>l) $("#next").css("display","none");
+                btnOn();
+            }
+
+        },
+        error:function(){
+            alert("获取房间列表发生错误")
+        }
+    })
 }
-
+// 绑定页面操作按钮的点击事件
 function btnOn(){;
-	$("input").filter("#setPageBtn").on('click',function( ){
-		setPage( );
-	});
-	$("input").filter("#chooseRoomBtn").on('click',function(event){
-		chooseRoomBtn(event);
-	});
+    $("input").filter("#setPageBtn").on('click',function( ){
+        setPage( );
+    });
+    $("input").filter("#chooseRoomBtn").on('click',function(event){
+        chooseRoomBtn(event);
+    });
 }
-
+// 加载上一页数据
 function getPre(){
-	pageNum=pageNum-1;
-	getroomList();
+    pageNum=pageNum-1;
+    getroomList();
 }
-
+// 加载下一页数据
 function getNext(){
-	pageNum=pageNum+1;
-	getroomList();	
+    pageNum=pageNum+1;
+    getroomList();
 }
-
+// 跳转到指定页码
 function setPage(){
-	if($("#inputPage").val()<0 || $("#inputPage").val()==0)
-		alert("请输入正确页码");
-	else{
-		pageNum=$("#inputPage").val();
-		getroomList();
-	}
-	
-}
+    if($("#inputPage").val()<0 || $("#inputPage").val()==0)
+        alert("请输入正确页码");
+    else{
+        pageNum=$("#inputPage").val();
+        getroomList();
+    }
 
+}
+// 选择房间并填充订单弹窗信息
 function chooseRoomBtn(event){
-	var roomid=$(event.target).data("roomid");
-	choose=roomid;
-	for(i in list){
-		if(list[i].roomid=roomid){
-			$("span").filter("#inputLocal").text(list[i].local);
-		}
-	}
+    var roomid=$(event.target).data("roomid");
+    choose=roomid;
+    for(i in list){
+        if(list[i].roomid=roomid){
+            $("span").filter("#inputLocal").text(list[i].local);
+        }
+    }
 }
-
+// 提交添加订单请求
 function addOrder(){
-	if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val()))
-		alert("请填写全内容");
-	else{
-		$.ajax({
-			type:"POST",
-			url:"../order/addOrder.do",
-			dataType:"JSON",
-			data:{
-				"userid":staffid,
-				"roomid":choose,
-				"householdname":$("#inputName").val(),
-				"id":$("#inputId").val(),
-				"starttime":$("#dateStart").val(),
-				"endtime":$("#dateEnd").val()
-			},
-			success:function(data){
-				if(data.code==0){
-					alert("添加成功");
-					$("#inputRoom").val("");
-					$("#inputName").val("");
-					$("#inputId").val("");
-					$("#dateStart").val("");
-					$("#dateEnd").val("");
-					$('#chooseRoom').modal('toggle');
-					window.location.href="staff_order.html";
-				}
-			},
-			error:function(){
-				alert("添加订单出现错误");
-			}
-		})
-	}
-	
+    if(isEmptyString($("#inputName").val())||isEmptyString($("#inputId").val())||isEmptyString($("#dateStart").val())||isEmptyString($("#dateEnd").val()))
+        alert("请填写全内容");
+    else{
+        $.ajax({
+            type:"POST",
+            url:"../order/addOrder.do",
+            dataType:"JSON",
+            data:{
+                "userid":staffid,
+                "roomid":choose,
+                "householdname":$("#inputName").val(),
+                "id":$("#inputId").val(),
+                "starttime":$("#dateStart").val(),
+                "endtime":$("#dateEnd").val()
+            },
+            success:function(data){
+                if(data.code==0){
+                    alert("添加成功");
+                    $("#inputRoom").val("");
+                    $("#inputName").val("");
+                    $("#inputId").val("");
+                    $("#dateStart").val("");
+                    $("#dateEnd").val("");
+                    // 关闭订单弹窗
+                    $('#chooseRoom').modal('toggle');
+                    // 跳转到订单管理页面
+                    window.location.href="staff_order.html";
+                }
+            },
+            error:function(){
+                alert("添加订单出现错误");
+            }
+        })
+    }
+
 
 }