
1.系统介绍随着美业消费的升级与数字化运营的普及传统小型美甲店普遍面临预约流程混乱、客户与技师管理低效、服务流程不规范等问题人工记录数据易丢失且难以统筹严重影响店铺运营效率与用户消费体验因此开发一套轻量化、高效化的美甲店预约与服务系统具有迫切的现实需求。本系统采用 Java 语言开发后端基于 SpringBoot 框架简化开发流程前端依托 Vue 框架构建友好交互界面数据层采用 MySQL 数据库实现安全存储与高效查询完整实现用户端、美甲技师端、管理员端三大终端的核心功能涵盖注册登录、预约管理、服务维护、客服沟通等全流程业务需求。该系统的实现有效解决了传统美甲店的运营痛点提升了店铺数字化管理水平与用户消费体验同时为同类线下美业门店的数字化转型提供了可行的技术参考与实践借鉴具有一定的实用价值与行业推广意义。2.系统用例分析本系统功能性需求围绕用户端、美甲技师端、管理员端三大终端展开全面覆盖各角色核心业务场景。用户端需支持注册登录、个人中心管理实现美甲技师与服务项目查看、在线预约、支付及取消同时具备会员申请、客服聊天、公告查看功能。美甲技师端需完成注册登录、个人中心维护实现用户管理、取消预约处理、服务项目维护、客服聊天及服务预约管理。管理员端需支持登录与个人中心操作承担全系统统筹管理涵盖服务预约、技师、用户、会员申请等多模块管理及轮播图、公告维护保障系统有序运行。用户端支持注册登录与个人中心管理可查看美甲技师、服务项目及公告实现技师与服务的在线预约、支付及取消操作可发起客服聊天咨询问题。同时系统会精准推送适配的美甲款式、技师与优惠活动支持会员申请结合积分权益、等级晋升机制实现会员精细化管理提升用户体验与粘性。用户用例图如图所示。美甲技师端具备注册登录与个人中心维护功能可管理自身对接的用户信息处理用户取消预约申请维护服务项目相关信息还能与用户进行客服聊天沟通。核心负责服务预约管理实时查看用户预约订单、确认服务安排配合系统推送的相关信息高效完成服务对接提升服务效率与用户满意度。美甲技师用例图如图所示。管理员端仅支持登录与个人中心管理承担全系统统筹管控职责可管理服务预约、美甲技师、用户及会员申请维护服务项目、轮播图与公告内容。同时负责客服聊天、取消预约的全局管理监督各端功能正常运行统筹推进会员精细化运营保障系统有序高效服务于美甲店日常运营。管理员用例图如图所示。3.系统结构功能系统的功能模块设计着重于满足用户的基本需求主要分为以下几个模块注册登录模块实现用户、美甲技师、管理员的注册、登录、密码修改等功能。在用户完成注册后密码被md5加密在登录时用户提交的密码需要被md5算法加密后得到的字符串与数据库中的密码比较验证同时区分不同角色登录权限确保系统访问安全。用户管理模块实现系统所有用户的全流程管理管理员可查看、编辑、管控所有用户信息美甲技师可管理自身对接的用户资料用户可维护个人中心信息同时支持用户信息的查询、筛选确保用户数据的规范管理与便捷调用。服务预约模块实现美甲服务与技师的在线预约全流程功能用户可查看服务项目、技师档期发起预约、完成支付、申请取消预约美甲技师可处理预约订单、管理预约记录管理员可统筹监管所有服务预约及取消预约申请详细如下图4.1所示。会员申请模块实现用户会员身份的申请、审核与管理功能用户可提交会员申请信息管理员可对会员申请进行审核、管控同时记录会员相关信息为后续会员精细化管理、权益发放提供支撑保障会员服务有序开展。美甲技师模块实现美甲技师信息的全流程管理管理员可添加、编辑、管控技师信息美甲技师可维护个人资料及服务相关信息用户可查看技师详情及档期实现技师资源的规范管理与高效对接详细如下图所示。4.数据库设计E-R图表可以清楚地显示出系统中的每一个实体及其相互关系。利用图形化的方法使开发者能够更加精确地了解系统的结构与数据流从而避免在以后的数据库设计与开发中产生混乱与误会。该方法可以帮助对数据库结构进行规划明确各实体的属性及其相互关系为其标准化与优化奠定了依据使其设计更为合理、高效能够更好地适应系统的服务需要增强系统的稳定与可扩充性。用户实体属性图如图所示。会员申请实体属性图如图所示。5.系统功能实现5.1注册登录模块注册登录模块包括用户注册子模块用户登录子模块美甲技师注册子模块美甲技师登录子模块管理员登录子模块用户使用首页中的注册账号按钮注册定义方法名为register接收YonghuEntity类型的参数yonghu表示要注册的用户信息。方法返回类型为自定义响应类R。通过调用yonghuService.selectOne()方法查询数据库中是否已存在相同用户名的用户。如果存在则返回一个错误消息表示注册用户已存在。如果不存在相同用户名的用户那么会生成一个唯一的用户ID并将其设置到yonghu对象的id属性上。接下来通过调用yonghuService.insert()方法将用户信息插入数据库。5.2用户管理模块用户管理模块包括管理员对系统的用户信息进行管理对美甲技师的管理选择一条用户信息点击修改按钮通过href链接跳转到YonghuController中的getById方法中获取到传入到用户信息id。然后YonghuService中的getById方法查询出用户信息的id将查询到的信息返回到前端中然后将用户信息渲染出来。管理员修改用户信息点击保存触发onclick方法校验输入的用户信息的合法性。校验通过后跳转到YonghuController中的update方法通过RequestBody标签将前台传入的用户信息封装到YonghuEntity对象中调用YonghuService中的update方法将YonghuEntity对象传入将用户信息更新到数据库中。删除原先的用户信息。5.3服务预约模块服务预约模块包括用户对服务项目的查看进行服务预约取消预约预约支付美甲师以及管理员进行预约审核取消预约审核以及服务项目的管理。选择一条服务预约信息点击修改按钮通过href链接跳转到fuwuyuyueController中的shBatch方法中获取到传入到服务预约信息id。管理员对服务预约信息进行审核点击提交按钮触发onclick方法校验输入的审核信息的合法性。校验通过后跳转到fuwuyuyueController中的update方法通过RequestBody标签将前台传入的服务预约信息封装到fuwuyuyueEntity对象中对id进行遍历对服务预约信息进行保存调用fuwuyuyueService中的updateBatchById方法将服务预约信息更新到数据库中。5.4会员申请模块会员申请模块包括用户会员申请子模块管理员会员申请管理子模块用户通过个人中心的会员申请增加按钮对会员申请进行添加。通过href链接跳转到huiyuanshenqingAddVue中作者输入相关的会员申请点击保存触发onclick事件中的checkForm方法检验输入信息的合法性。校验通过后跳转到huiyuanshenqingController中的save方法通过RequestBody标签将前台传入的会员申请封装到huiyuanshenqingEntity对象中调用huiyuanshenqingService中的insert方法将huiyuanshenqingEntity对象传入将会员申请更新到数据库中。5.5美甲技师模块美甲技师模块包括查看美甲技师子模块美甲技师审核子模块以及美甲技师管理子模块用户点击‘美甲技师’后通过href链接跳转到meijiajishiController中的list方法通过RequestParam标签将查询条件封装到Map集合中。然后调用meijiajishiService中的queryPage方法将存有查询条件的map传入进入查询出美甲技师封装到meijiajishiEntity中保存到Page中。通过R.ok.put方法将美甲技师返回到前台页面中通过组件将美甲技师遍历出来。