From 5e13bad523ba6bd50a2ca97a1d170fa260a7c350 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Tue, 21 Oct 2025 23:17:42 +0800 Subject: [PATCH 1/6] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_manage.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/main/resources/static/js/ad_manage.js b/src/main/resources/static/js/ad_manage.js index 564c700..a6b8c94 100644 --- a/src/main/resources/static/js/ad_manage.js +++ b/src/main/resources/static/js/ad_manage.js @@ -2,8 +2,10 @@ var pageNum=1; var pageSize=8; var l; -$(document).ready(function(){ - getStaffList(); +//测试代码提交 + +$(document).ready(function() { + getStaffList(); // 调用函数 $("#pre").on('click',function(){ getPre(); }); -- 2.34.1 From b27194da2613fade3a54a858c6db2dd65c916b6d Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Tue, 21 Oct 2025 23:23:07 +0800 Subject: [PATCH 2/6] =?UTF-8?q?=E6=B5=8B=E8=AF=95=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=8F=90=E4=BA=A4=E7=AC=AC=E4=BA=8C=E6=AC=A1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_manage.js | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/main/resources/static/js/ad_manage.js b/src/main/resources/static/js/ad_manage.js index a6b8c94..250bb07 100644 --- a/src/main/resources/static/js/ad_manage.js +++ b/src/main/resources/static/js/ad_manage.js @@ -1,10 +1,8 @@ var pageNum=1; var pageSize=8; var l; - -//测试代码提交 - -$(document).ready(function() { +//测试代码提交2 +$(document).ready(function(){ getStaffList(); // 调用函数 $("#pre").on('click',function(){ getPre(); -- 2.34.1 From 064dc2964a465bb3d0dac374f7072da373741c1b Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 00:25:04 +0800 Subject: [PATCH 3/6] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20?= =?UTF-8?q?=E7=9A=84=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=9B=E8=AF=A5=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E5=AE=9E=E7=8E=B0=E4=BA=86=E4=B8=80=E4=B8=AA=E5=AE=8C?= =?UTF-8?q?=E6=95=B4=E7=9A=84=E5=91=98=E5=B7=A5=E7=AE=A1=E7=90=86=E5=89=8D?= =?UTF-8?q?=E7=AB=AF=E4=BA=A4=E4=BA=92=E9=80=BB=E8=BE=91=EF=BC=8C=E9=80=9A?= =?UTF-8?q?=E8=BF=87=20AJAX=20=E4=B8=8E=E5=90=8E=E7=AB=AF=E6=8E=A5?= =?UTF-8?q?=E5=8F=A3=E9=80=9A=E4=BF=A1=EF=BC=8C=E5=AE=9E=E7=8E=B0=E4=BA=86?= =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9A=84=E5=8A=A0=E8=BD=BD=E3=80=81=E5=88=86?= =?UTF-8?q?=E9=A1=B5=E5=92=8C=20CRUD=20=E6=93=8D=E4=BD=9C=EF=BC=8C?= =?UTF-8?q?=E5=B9=B6=E4=B8=94=E6=A0=B9=E6=8D=AE=E4=B8=8D=E5=90=8C=E8=A7=92?= =?UTF-8?q?=E8=89=B2=E5=B1=95=E7=A4=BA=E4=B8=8D=E5=90=8C=E7=9A=84=E6=93=8D?= =?UTF-8?q?=E4=BD=9C=E6=9D=83=E9=99=90=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_manage.js | 125 ++++++++++++++-------- 1 file changed, 82 insertions(+), 43 deletions(-) diff --git a/src/main/resources/static/js/ad_manage.js b/src/main/resources/static/js/ad_manage.js index 250bb07..c2d3bde 100644 --- a/src/main/resources/static/js/ad_manage.js +++ b/src/main/resources/static/js/ad_manage.js @@ -1,12 +1,15 @@ -var pageNum=1; -var pageSize=8; -var l; -//测试代码提交2 +// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数 +var pageNum=1;// 当前页码，初始为第1页 +var pageSize=8;// 每页显示8条数据 +var l;// 用于记录当前页实际加载的数据条数 +// 页面DOM加载完成后执行 $(document).ready(function(){ - getStaffList(); // 调用函数 + getStaffList(); // 调用函数，调用获取员工列表的函数，初始化页面数据 + // 绑定"上一页"按钮点击事件，点击时调用getPre()函数 $("#pre").on('click',function(){ getPre(); }); + // 绑定"下一页"按钮点击事件，点击时调用getNext()函数 $("#next").on('click',function(){ getNext(); }); @@ -16,64 +19,82 @@ $(document).ready(function(){ //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { var t; - for (t in e) + for (t in e) // 遍历对象属性，若存在属性则说明非空 return 0; return 1; } - - +// 存储当前页的员工列表数据 var list; +// 获取员工列表数据的函数 function getStaffList(){ $.ajax({ - type:"post", - url:"../user/getAllUser.do", - dataType:"JSON", - data:{ + 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=" "; - var btnStr=" "; - list=data.List; - l=0; + 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("账号员工号姓名年龄职位联系方式操作") + + // 遍历员工列表，生成表格内容 for(i in list){ + // 根据权限值(power)设置职位名称和操作按钮 if(list[i].power=="0") { power="管理员"; - btnStr=" "; + btnStr=" ";// 管理员无操作按钮 } else if(list[i].power=="1") { power="经理"; + // 经理的操作按钮：设置为员工、删除 btnStr=" " } else if(list[i].power=="2") { - power="员工"; + power="员工";// 员工的操作按钮：设置为经理、重置密码、删除 btnStr=" " } else { power="清洁工"; + // 清洁工的操作按钮：重置密码、删除 btnStr=" " } - + // 拼接当前员工的表格行HTML htmlStr=""+list[i].useraccount+""+list[i].idnumber+""+list[i].username+""+list[i].age+""+power+""+list[i].phonenumber+""+btnStr+""; + // 将表格行添加到表格中 $("#staffList").append(htmlStr); - l++; + l++;// 累加当前页数据条数 //console.log(htmlStr) } + + // 若当前是第1页，隐藏"上一页"按钮 if(pageNum=="1") $("#pre").css("display","none"); + // 若当前页数据条数小于每页显示数量，说明是最后一页，隐藏"下一页"按钮 if(pageSize>l) $("#next").css("display","none"); + + // 绑定操作按钮的点击事件 btnOn(); } @@ -85,72 +106,85 @@ function getStaffList(){ }, + // 请求失败的回调函数 error:function(){ alert("获取员工列表发生错误") } }) } +// 绑定操作按钮的点击事件 function btnOn(){ + // 绑定"设置为员工"按钮事件，调用setPosition并传递权限值"2" $("input").filter("#setStaff").on('click',function(event){ setPosition(event,"2"); }); + // 绑定"设置为经理"按钮事件，调用setPosition并传递权限值"1" $("input").filter("#setManage").on('click',function(event){ setPosition(event,"1"); }); + // 绑定"重置密码"按钮事件，调用setPwd $("input").filter("#setPwd").on('click',function(event){ setPwd(event); }); + // 绑定"删除"按钮事件，调用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(); } +// 下一页功能：页码加1并重新加载列表 function getNext(){ pageNum=pageNum+1; getStaffList(); } +// 跳转指定页码功能 function setPage(){ - + // 验证输入的页码是否合法（大于0） if($("#inputPage").val()<0 || $("#inputPage").val()==0) alert("请输入正确页码"); else{ - pageNum=$("#inputPage").val(); - getStaffList(); + pageNum=$("#inputPage").val(); // 更新页码 + getStaffList();// 重新加载列表 } } +// 修改员工职位（权限）的函数 function setPosition(event,alter){ - var userid=$(event.target).data("userid"); - var info; + 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", + url:"../user/updateUser.do",// 后端修改用户接口 dataType:"JSON", - data:{ + data:{// 传递用户ID和新权限值 "userid":info.userid, "power":alter }, success:function(data){ - if(data.code==0){ + if(data.code==0){// 修改成功 alert("修改成功"); - getStaffList(); + getStaffList();// 重新加载列表刷新数据 } else alert("修改失败") @@ -162,27 +196,30 @@ function setPosition(event,alter){ } +// 重置员工密码的函数 function setPwd(event){ - var userid=$(event.target).data("userid"); - var info; + var userid=$(event.target).data("userid");// 获取目标员工的ID + var info;// 存储目标员工的详细信息 + // 从当前列表中查找目标员工 for(i in list){ if(list[i].userid==userid){ info=list[i]; } } - info.password="111111"; + info.password="111111"; // 重置密码为"111111" + // 发送AJAX请求修改密码 $.ajax({ type:"POST", - url:"../user/updateUser.do", + url:"../user/updateUser.do",// 后端修改用户接口 dataType:"JSON", - data:{ + data:{// 传递用户ID和新密码 "userid":info.userid, "password":info.password }, success:function(data){ - if(data.code==0){ + if(data.code==0){// 修改成功 alert("修改成功"); - getStaffList(); + getStaffList(); // 重新加载列表刷新数据 } else alert("修改失败") @@ -192,22 +229,24 @@ function setPwd(event){ } }) } - +// 删除员工的函数 function delUser(event){ - var userid=$(event.target).data("userid"); + var userid=$(event.target).data("userid"); // 获取目标员工的ID + // 发送AJAX请求删除用户 $.ajax({ type:"POST", - url:"../user/delUser.do", + url:"../user/delUser.do",// 后端删除用户接口 dataType:"JSON", - data:{ + data:{ // 传递用户ID "userid":userid }, success:function(data){ - if(data.code==0){ + if(data.code==0){// 删除成功 alert("删除成功"); + // 若当前页只剩1条数据，删除后页码回退1页 if(l==1) pageNum=pageNum-1; - getStaffList(); + getStaffList();// 重新加载列表刷新数据 } else alert("删除失败") -- 2.34.1 From c17bba3f216cff563a72107d997fb1863ebd37e6 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 00:44:20 +0800 Subject: [PATCH 4/6] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20?= =?UTF-8?q?=E7=9A=84=E8=AE=A2=E5=8D=95=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?= =?UTF-8?q?=E5=89=8D=E7=AB=AF=E9=80=BB=E8=BE=91=EF=BC=9B=E8=AF=A5=E4=BB=A3?= =?UTF-8?q?=E7=A0=81=E9=80=9A=E8=BF=87=20AJAX=20=E4=B8=8E=E5=90=8E?= =?UTF-8?q?=E7=AB=AF=E4=BA=A4=E4=BA=92=EF=BC=8C=E5=AE=9E=E7=8E=B0=E4=BA=86?= =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=9A=84=E5=8A=A0=E8=BD=BD=E3=80=81=E5=88=86?= =?UTF-8?q?=E9=A1=B5=E3=80=81=E7=8A=B6=E6=80=81=E5=B1=95=E7=A4=BA=E3=80=81?= =?UTF-8?q?=E5=88=A0=E9=99=A4=E5=8F=8A=E5=85=B3=E8=81=94=E6=88=BF=E9=97=B4?= =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E7=AD=89=E5=8A=9F=E8=83=BD=EF=BC=8C=E5=90=8C?= =?UTF-8?q?=E6=97=B6=E6=8F=90=E4=BE=9B=E4=BA=86=E7=B3=BB=E7=BB=9F=E7=BB=9F?= =?UTF-8?q?=E8=AE=A1=E4=BF=A1=E6=81=AF=E5=B1=95=E7=A4=BA=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_order.js | 122 +++++++++++++++-------- 1 file changed, 80 insertions(+), 42 deletions(-) diff --git a/src/main/resources/static/js/ad_order.js b/src/main/resources/static/js/ad_order.js index cf08731..e377506 100644 --- a/src/main/resources/static/js/ad_order.js +++ b/src/main/resources/static/js/ad_order.js @@ -1,13 +1,17 @@ -var pageNum=1; -var pageSize=8; -var l; +// 定义分页相关变量：当前页码、每页显示数量、当前页数据条数 +var pageNum=1;// 当前页码，初始为第1页 +var pageSize=8;// 每页显示8条数据 +var l;// 记录当前页实际加载的数据条数 +// 页面DOM加载完成后执行初始化操作 $(document).ready(function(){ - getorderList(); - getConfig(); + getorderList(); // 加载订单列表 + getConfig();// 加载系统配置信息 + // 绑定"上一页"按钮点击事件 $("#pre").on('click',function(){ getPre(); - }); + }); + // 绑定"下一页"按钮点击事件 $("#next").on('click',function(){ getNext(); }); @@ -17,123 +21,150 @@ $(document).ready(function(){ //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { var t; - for (t in e) + for (t in e)// 遍历对象属性，存在属性则非空 return 0; return 1; } +// 存储当前页的订单列表数据 var list; +// 获取订单列表数据 function getorderList(){ $.ajax({ - type:"post", - url:"../order/getAllOrder.do", - dataType:"JSON", - data:{ + 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=" "; - var btnStr=" "; - var state=" "; - var sdate; - var edate; - l=0; + 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("入住人身份证号开始时间结束时间总金额状态操作") 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=""; } else if(list[i].state=="1"){ state="已付款"; + // 已付款订单：仅显示"查看房间"按钮 btnStr=" "; } else if(list[i].state=="2"){ state="已完成"; + // 已完成订单：显示"查看房间"和"删除"按钮 btnStr=" "; } else{ state="已取消"; + // 已取消订单：显示"查看房间"和"删除"按钮 btnStr=" "; } + + // 拼接订单表格行HTML htmlStr=""+list[i].householdname+""+list[i].id+""+sdate+""+edate+""+list[i].money+""+state+""+btnStr+""; + // 添加到表格中 $("#orderList").append(htmlStr); - l++; + 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); }); } +// 上一页功能：页码减1并重新加载列表 function getPre(){ pageNum=pageNum-1; getorderList(); } +// 下一页功能：页码加1并重新加载列表 function getNext(){ pageNum=pageNum+1; getorderList(); } - +// 跳转指定页码功能 function setPage(){ - + // 验证页码合法性（必须大于0） if($("#inputPage").val()<0 || $("#inputPage").val()==0) alert("请输入正确页码"); else{ - pageNum=$("#inputPage").val(); - getorderList(); + pageNum=$("#inputPage").val();// 更新页码 + getorderList();// 重新加载列表 } } +// 删除订单功能 function delOrder(event){ - var orderid=$(event.target).data("orderid"); + var orderid=$(event.target).data("orderid");// 获取订单ID $.ajax({ type:"POST", - url:"../order/delOrder.do", + url:"../order/delOrder.do",// 后端删除订单接口 dataType:"JSON", - data:{ + data:{// 传递订单ID "orderid":orderid }, success:function(data){ - if(data.code==0){ + if(data.code==0){// 删除成功 alert("删除成功"); + // 若当前页只剩1条数据，删除后页码回退1页 if(l==1) pageNum=pageNum-1; - getorderList(); + getorderList();// 重新加载列表刷新数据 } else alert("删除失败") @@ -145,23 +176,25 @@ function delOrder(event){ } - +// 查看房间详情功能（点击后显示模态框） function showRoom(event){ - var roomid=$(event.target).data("roomid"); + var roomid=$(event.target).data("roomid");// 获取房间ID $.ajax({ type:"POST", - url:"../room/getRoomById.do", + url:"../room/getRoomById.do",// 后端获取房间详情接口 dataType:"JSON", - data:{ + data:{// 传递房间ID "roomid":roomid }, success:function(data){ - var room=data.room; - if(data.code==0){ - var htmlStr=" "; - var state=" "; - var type=" "; + 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") @@ -170,6 +203,7 @@ function showRoom(event){ state="已预定(入住)"; else state="待清扫"; + // 转换房间类型编码为文本 if(room.type=="1") type="单人间"; else if(room.type=="2") @@ -178,7 +212,9 @@ function showRoom(event){ type="大床房"; else type="套房"; + // 拼接房间信息表格HTML htmlStr="位置"+room.local+"价格"+room.money+"类型"+type+"状态"+state+"" + // 添加到模态框表格中 $("#roomTable").append(htmlStr); } else @@ -190,15 +226,17 @@ function showRoom(event){ }) } +// 获取系统配置信息（如总营业额、总房间数） function getConfig(){ $.ajax({ type:"POST", - url:"../config/getConfig.do", + url:"../config/getConfig.do",// 后端获取配置接口 dataType:"JSON", - data:{}, + data:{},// 无参数 success:function(data){ - if(data.code=="0"){ - var config=data.config; + if(data.code=="0"){// 获取成功 + var config=data.config;// 配置数据 + // 更新页面上的总金额和总房间数显示 $("#totalMoney").text(config.totalmoney); $("#totalRoom").text(config.totalroom); } -- 2.34.1 From cbb5575bdfcf26f6bbc265e862d74ab9560135c9 Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 20:59:26 +0800 Subject: [PATCH 5/6] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20?= =?UTF-8?q?=E7=9A=84=E5=89=8D=E7=AB=AF=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91?= =?UTF-8?q?=EF=BC=8C=E4=B8=BB=E8=A6=81=E5=AE=9E=E7=8E=B0=E5=91=98=E5=B7=A5?= =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=BF=A1=E6=81=AF=E7=9A=84=E6=9F=A5=E7=9C=8B?= =?UTF-8?q?=E5=92=8C=E4=BF=AE=E6=94=B9=E5=8A=9F=E8=83=BD=EF=BC=8C=E7=94=A8?= =?UTF-8?q?=E4=BA=8E=E7=AE=A1=E7=90=86=E5=91=98=E5=B7=A5=E7=9B=B8=E5=85=B3?= =?UTF-8?q?=E7=9A=84=E9=85=8D=E7=BD=AE=E4=BF=A1=E6=81=AF=EF=BC=8C=E4=BE=9D?= =?UTF-8?q?=E8=B5=96=20jQuery=20=E5=AE=9E=E7=8E=B0=20DOM=20=E6=93=8D?= =?UTF-8?q?=E4=BD=9C=E5=92=8C=20AJAX=20=E8=AF=B7=E6=B1=82=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/ad_salary.js | 54 +++++++++++++++++------ 1 file changed, 40 insertions(+), 14 deletions(-) diff --git a/src/main/resources/static/js/ad_salary.js b/src/main/resources/static/js/ad_salary.js index adb3168..150a50b 100644 --- a/src/main/resources/static/js/ad_salary.js +++ b/src/main/resources/static/js/ad_salary.js @@ -1,39 +1,52 @@ +// 页面DOM加载完成后执行的初始化函数 $(document).ready(function(){ +// 加载配置信息 getConfig(); + // 给"查看配置"按钮绑定点击事件，点击时切换显示的标签页 $("#showConfig").click(function(){ changeTab(); }); + // 给"修改配置"按钮绑定点击事件，点击时切换显示的标签页 $("#alterConfig").click(function(){ changeTab(); }); + // 给"确认修改"按钮绑定点击事件，点击时执行修改配置的逻辑 $("#alterConfigBtn").click(function(){ alterConfig(); }) }) - +// 全局变量，用于存储从后端获取的配置信息 var config; //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ + // 如果字符串是'null'或空字符串，视为空 if(str=='null'||str=='') return 1; return 0; } - +// 从后端获取配置信息并展示 function getConfig(){ +// 发起AJAX POST请求 $.ajax({ - type:"POST", - url:"../config/getConfig.do", - dataType:"JSON", - data:{}, + type:"POST",// 请求类型 + url:"../config/getConfig.do", // 请求后端接口地址 + dataType:"JSON", // 预期后端返回的数据类型 + data:{},// 请求参数（无参数） + // 请求成功的回调函数 success:function(data){ + // 后端返回成功状态码（假设code="0"为成功） if(data.code=="0"){ + // 存储配置信息到全局变量 config=data.config; + // 拼接配置信息的HTML字符串（用于展示表格） var htmlStr="经理"+config.manage+""+config.managesalary+"%"+ "员工"+config.staff+""+config.staffsalary+"%"+ "清洁工"+config.cleaner+""+config.cleanerssalary+"%"; + // 将HTML添加到表格中展示 $("#configList").append(htmlStr); + // 给修改表单的输入框赋值（默认显示当前配置） $("#inputMS").val(config.manage); $("#inputSS").val(config.staff); $("#inputCS").val(config.cleaner); @@ -42,10 +55,12 @@ function getConfig(){ $("#inputC").val(config.cleanerssalary); } else{ + // 后端返回失败，提示错误 alert("获取配置错误"); } }, + // 请求失败的回调函数 error:function(){ alert("获取配置发生错误") } @@ -53,27 +68,35 @@ function getConfig(){ }); } +// 切换标签页（切换"查看配置"和"修改配置"区域的显示状态） function changeTab(){ - var info=$("#showConfigDiv").css("display"); - var alter=$("#alterConfigDiv").css("display"); +// 获取两个区域当前的显示状态 + var info=$("#showConfigDiv").css("display"); // 查看配置区域 + var alter=$("#alterConfigDiv").css("display");// 修改配置区域 + // 如果查看区域正在显示，则隐藏查看区域，显示修改区域（带动画） if(info=="block"){ $("#showConfigDiv").css("display","none"); - $("#alterConfigDiv").fadeIn(); + $("#alterConfigDiv").fadeIn(); // 淡入动画 } else{ + // 否则隐藏修改区域，显示查看区域（带动画） $("#alterConfigDiv").css("display","none") - $("#showConfigDiv").fadeIn(); + $("#showConfigDiv").fadeIn();// 淡入动画 } } +// 提交修改配置的请求 function alterConfig(){ +// 校验输入框是否为空（调用isEmptyString函数） if(isEmptyString($("#inputMS").val())||isEmptyString($("#inputM").val())||isEmptyString($("#inputSS").val())||isEmptyString($("#inputS").val())||isEmptyString($("#inputCS").val())||isEmptyString($("#inputC").val())) - alert("请填写全内容"); + alert("请填写全内容");// 有空值则提示 else{ + // 输入完整，发起修改请求 $.ajax({ - type:"POST", - url:"../config/updateConfig.do", - dataType:"JSON", + type:"POST", // 请求类型 + url:"../config/updateConfig.do",// 后端修改接口地址 + dataType:"JSON", // 预期返回数据类型 + // 请求参数（从输入框获取新的配置值） data:{ "managesalary":$("#inputM").val(), "staffsalary":$("#inputS").val(), @@ -82,6 +105,7 @@ function alterConfig(){ "staff":$("#inputSS").val(), "cleaner":$("#inputCS").val() }, + // 请求成功的回调函数 success:function(data){ if(data.code=="0"){ alert("修改成功"); @@ -90,9 +114,11 @@ function alterConfig(){ else{ alert("修改配置错误"); } + // 无论成功与否，刷新页面重新加载配置 window.location.reload(); }, + // 请求失败的回调函数 error:function(){ alert("修改配置发生错误") } -- 2.34.1 From f6187f909e4fd5b9a6ba2bd1174a16d059c17b2d Mon Sep 17 00:00:00 2001 From: gaoyating <927787984@qq.com> Date: Wed, 22 Oct 2025 22:07:25 +0800 Subject: [PATCH 6/6] =?UTF-8?q?=E8=BF=99=E6=AE=B5=E4=BB=A3=E7=A0=81?= =?UTF-8?q?=E6=98=AF=E4=B8=80=E4=B8=AA=E5=9F=BA=E4=BA=8E=20jQuery=20?= =?UTF-8?q?=E7=9A=84=E7=94=A8=E6=88=B7=E4=BF=A1=E6=81=AF=E7=AE=A1=E7=90=86?= =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E9=80=BB=E8=BE=91=EF=BC=8C=E4=B8=BB=E8=A6=81?= =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E7=94=A8=E6=88=B7=E4=B8=AA=E4=BA=BA=E4=BF=A1?= =?UTF-8?q?=E6=81=AF=E7=9A=84=E6=9F=A5=E7=9C=8B=E3=80=81=E4=BF=AE=E6=94=B9?= =?UTF-8?q?=E4=BB=A5=E5=8F=8A=E5=AF=86=E7=A0=81=E4=BF=AE=E6=94=B9=E5=8A=9F?= =?UTF-8?q?=E8=83=BD=EF=BC=8C=E5=90=8C=E6=97=B6=E6=A0=B9=E6=8D=AE=E7=94=A8?= =?UTF-8?q?=E6=88=B7=E6=9D=83=E9=99=90=E5=B1=95=E7=A4=BA=E5=AF=B9=E5=BA=94?= =?UTF-8?q?=E7=9A=84=E8=96=AA=E8=B5=84=E4=BF=A1=E6=81=AF=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/main/resources/static/js/all_infor.js | 139 ++++++++++++++-------- 1 file changed, 88 insertions(+), 51 deletions(-) diff --git a/src/main/resources/static/js/all_infor.js b/src/main/resources/static/js/all_infor.js index 2bce4cd..436f5a1 100644 --- a/src/main/resources/static/js/all_infor.js +++ b/src/main/resources/static/js/all_infor.js @@ -1,31 +1,44 @@ +// 扩展jQuery方法：添加获取URL参数的功能 (function($){ +// 定义$.getData方法，用于从URL查询参数中获取指定名称的值 $.getData=function(name){ + // 构建正则表达式，匹配URL中"name=value"的参数格式 var reg=new RegExp("(^|&)"+name+"=([^&]+)(&|$)?"); + // 从URL的查询字符串（?后的部分）中提取参数并匹配正则 var result = window.location.search.substr(1).match(reg); - if (result!= null) return result[2]; return null; + // 若匹配到结果则返回参数值，否则返回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); + // 给隐藏输入框赋值userid（可能用于表单提交时传递用户ID） $("#inputNone").attr("value",userid); + // 绑定"查看信息"按钮点击事件，切换标签页 $("#showInfo").click(function(){ changeTab(); }); + // 绑定"修改信息"按钮点击事件，切换标签页 $("#showAlter").click(function(){ changeTab(); }); + // 加载用户基本信息 getInfo(); + // 加载用户薪资信息（根据权限判断是否显示） getSalary(); + // 绑定"确认修改信息"按钮点击事件，执行修改信息逻辑 $("#alterInfoBtn").click(function(){ alterInfo(); }); + // 绑定"确认修改密码"按钮点击事件，执行修改密码逻辑 $("#alterPwdBtn").click(function(){ alterPwd(); }) @@ -35,6 +48,7 @@ $(document).ready(function(){ //判断对象/JSON是否为空 空返回1 非空返回0 function isEmptyObject(e) { var t; + // 遍历对象，若存在属性则非空 for (t in e) return 0; return 1; @@ -42,85 +56,97 @@ function isEmptyObject(e) { //判断字符串是否为空 空返回1 非空返回0 function isEmptyString(str){ +// 若字符串为'null'或空字符串，视为空 if(str=='null'||str=='') return 1; return 0; } - +// 切换标签页（切换"查看信息"和"修改信息"区域的显示状态） function changeTab(){ - var info=$("#showInfodiv").css("display"); - var alter=$("#showAlterdiv").css("display"); +// 获取两个区域当前的显示状态 + var info=$("#showInfodiv").css("display");// 查看信息区域 + var alter=$("#showAlterdiv").css("display"); // 修改信息区域 + // 若查看区域显示，则隐藏查看区域，淡入显示修改区域 if(info=="block"){ $("#showInfodiv").css("display","none"); - $("#showAlterdiv").fadeIn(); + $("#showAlterdiv").fadeIn(); } else{ + // 否则隐藏修改区域，淡入显示查看区域 $("#showAlterdiv").css("display","none") $("#showInfodiv").fadeIn(); } } - +// 全局变量，用于存储用户信息 var info; - +// 从后端获取用户详情信息并展示 function getInfo(){ $.ajax({ - type:"POST", - url:"../user/getUserById.do", - dataType:"JSON", + type:"POST", // 请求类型 + url:"../user/getUserById.do",// 后端接口地址（根据用户ID获取信息） + dataType:"JSON",// 预期返回数据类型 data:{ - "userid":userid + "userid":userid // 请求参数：用户ID }, + // 请求成功的回调函数 success:function(data){ - if(data.code==0){ - info=data.user; - var span=$("span"); + 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("获取信息失败"); + 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", + url:"../user/updateUser.do",// 后端修改用户信息接口 dataType:"JSON", data:{ - "userid":userid, - "password":info.password, - "username":name, - "age":age, - "power":power, - "IDnumber":info.idnumber, - "phonenumber":phone + "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(); + window.location.reload();// 刷新页面加载最新信息 } else alert("修改失败") @@ -131,32 +157,36 @@ function alterInfo(){ }) } } - +// 提交密码修改请求 function alterPwd(){ - var oldPwd=$("#inputoldPwd").val(); - var newPwd=$("#inputnewPwd").val(); - var renewPwd=$("#inputrenewPwd").val(); +// 从输入框获取密码信息 + 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", + url:"../user/updateUser.do",// 后端修改用户信息接口（复用） dataType:"JSON", data:{ - "userid":userid, - "password":newPwd + "userid":userid,// 用户ID + "password":newPwd // 新密码 }, success:function(data){ if(data.code==0){ alert("修改成功"); - window.location.reload(); + window.location.reload(); // 刷新页面 } else alert("修改失败") @@ -168,31 +198,38 @@ function alterPwd(){ } } +// 获取并展示用户薪资信息（根据权限判断是否显示） function getSalary(){ +// 若权限不为"0"（假设0为非员工/游客，1/2/3为不同角色），则显示薪资区域 if(power!="0"){ - $("#showS").css("display","block"); - $("#showC").css("display","block"); + $("#showS").css("display","block");// 显示薪资标签 + $("#showC").css("display","block");// 显示提成标签 + + // 从后端获取薪资配置信息 $.ajax({ type:"POST", - url:"../config/getConfig.do", + url:"../config/getConfig.do",// 后端获取配置接口 dataType:"JSON", - data:{}, + data:{},// 无参数 success:function(data){ - if(data.code=="0"){ - var config=data.config; - if(power=="1"){ - $("#salary").text(config.manage); - $("#commission").text(config.managesalary+"%"); + if(data.code=="0"){// 配置获取成功 + var config=data.config;// 薪资配置信息 + + // 根据权限等级显示对应角色的薪资和提成比例 + if(power=="1"){ // 假设1为经理 + $("#salary").text(config.manage); // 经理基础薪资 + $("#commission").text(config.managesalary+"%");// 经理提成比例 } - else if(power=="2"){ - $("#salary").text(config.staff); - $("#commission").text(config.staffsalary+"%"); + else if(power=="2"){// 假设2为员工 + + $("#salary").text(config.staff);// 员工基础薪资 + $("#commission").text(config.staffsalary+"%");// 员工提成比例 } - else{ - $("#salary").text(config.cleaner); - $("#commission").text(config.cleanerssalary+"%"); + else{ // 其他权限（假设为清洁工） + $("#salary").text(config.cleaner); // 清洁工基础薪资 + $("#commission").text(config.cleanerssalary+"%");// 清洁工提成比例 } - + } else{ alert("获取配置错误"); -- 2.34.1