1 引言

  • 增添了订单管理,会员选择员工,员工管理和员工薪资管理业务模块

image.png

2 前端实现

创建订单页面

  • 功能介绍:动态读取数据库中套餐列表以供选择,根据用户选择的套餐,自动查询套餐等级并从数据库读取对应等级的服务员工列表以供用户选择,并根据选择的内容自动填充订单价格。
  • 前端关键技术:根据后端传值构建下拉框列表,将用户选择的值传至后端,根据后端传值自动填充文本框。
  • 关键代码:

    顾客选择员工前端代码

    image.pngimage.png

image.pngimage.png

员工信息页面

  • 功能介绍:添加员工信息,并且将员工添加到薪水表中,使用下拉框去选择员工的职位和等级,等级作为一个提成,并且通过修改按钮去修改员工的信息
  • 前端主要代码

image.png

员工薪资页面

  • 功能介绍:结算薪资时,仅需在下拉框中选择需结算的员工,自动根据员工完成的订单计算提成,并自动计算总薪资。
  • 关键技术:动态获取在职员工名单并在下拉框中显示,选择员工后,根据后端返回的总提成和总工资等计算结果自动填充前端表单。
  • 前端主要代码:

image.pngimage.png

3 后端实现

创建订单功能后端实现

  • 关键技术1:动态查询套餐列表,根据套餐名查询套餐等级和对应等级的员工列表,根据套餐查询价格
  • 关键代码:

    顾客选择员工后端代码

    image.png

  • 关键技术2:下订单时,根据输入的手机号进行判断,存在该会员才可下订单(新增数据至订单表)

  • 关键代码:

image.png

员工信息后端实现

通过calculateSalary去计算薪资,然后将对象返回
image.png

通过baseSalary去计算员工基础薪资,根据一定的计算方法去计算提成以及总薪水
image.png
修改员工信息后通过updateSysEmployee去修改员工的薪水等
image.png

员工薪资管理后端实现

image.png
image.png

4 测试报告

编号 测试内容 测试结果 功能说明 补充
1 创建订单时能否获取到数据库中套餐列表信息 image.png
image.png
查询已启用的套餐列表,将该列表信息通过接口返回至前端构建下拉框以供用户选择套餐 用户只能选择店内正在启用的套餐,套餐列表会随套餐管理时的更改而更新,用户可选择的套餐列表是动态的
2 创建订单时,会员选择套餐后,能否获取到对应该套餐等级的服务员工列表,以及对应的价格 image.pngimage.png 从前端获取套餐名字符串,根据套餐名查询套餐价格,以及根据套餐名进行套餐等级和对应等级的员工列表的嵌套查询,通过接口返回员工列表至前端 套餐都有对应的等级要求,用户选择了某个套餐后,只能从满足该套餐等级要求的员工中选择提高服务的员工,如发型设计套餐需求的等级为5,对应等级的员工职位是高级发型师,则用户只能从高级发型师列表中选择提供服务的员工。
3 创建订单时,完成套餐选择和员工选择后,能否根据以上信息返回正确的价格 image.pngimage.png 根据用户选择的套餐和服务员工,查询计算价格,并将值传至前端 价格是根据用户选择的套餐和员工决定的,用户不能私自更改,由系统自动计算填充。
4 新增员工时,如果员工的手机号码不为11位或者不为数字 图片.png图片.png 在前端通过正则表达式去计算是否是11位数字,不为11位数字就让其重新填写
5 理论上员工手机号不会重复,如果输入重复了会显示操作失败 图片.png图片.png 添加时从数据库中读取查看是否存在有该手机号
6 修改员工的信息后,将会同时去修改他的薪资 图片.png图片.png图片.png图片.png 通过同样的比例去计算薪资,然后更新到数据库表上面去。