java家政服务管理平台springbootvueweb

5系统的详细设计与实现

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:


三、运行截图:


3.1前台模块设计

系统首页的主要功能展示了首页、服务信息、公告信息、留言反馈、个人中心、后台管理等,用户可根据权限进行相应操作。运行结果如图3-1所示。

58e635df21715b5e090e1a9d8001fb81.jpeg

图3-1 系统首页界面图

用户注册,通过填写账号、密码、确认密码、姓名、邮箱、手机号码等内容进行注册等操作,如图3-2所示。

6a6b06457a526aeeb548951f057a0bd3.jpeg

图3-2用户注册界面图

服务信息,在服务信息页面可以查看服务名称、 服务价格、服务简介、发布日期、合同信息等内容进行预约、详情或收藏等操作;如图3-3所示。

be8cd15a320295f77e09dea72fcfb0b9.jpeg

图3-3服务信息界面图

个人中心,在个人中心页面中通过填写账号、密码、性别、姓名、邮箱、手机号码、图片等内容进行更新信息等操作,并可根据需要对我的收藏进行相应等操作,如图3-4所示。

cce9525199c11bd63da2f3c5944edba8.jpeg

图3-4个人中心界面图

3.2后台功能模块

用户进入系统前在登录页面根据要求填写用户名、密码和验证码,选择角色等信息,点击登录进行登录操作,如图3-5所示。

6c4312e4cae9def5e1fde75fbf6d4e49.jpeg

图3-5后台登录界面图

3.2.1管理员功能模块

管理员登录系统后,可以对首页、个人中心、用户管理、服务人员管理、服务信息管理、服务类型管理、服务预约管理、服务取消管理、服务分配管理、服务进度管理、评价信息管理、留言反馈、系统管理等功能进行相应的操作管理,如图3-6所示。

8eb4a3a33c494d57fe1b961a41305af1.jpeg

图3-6管理员功能界面图

用户管理,在用户管理页面可以对索引、账号、姓名、性别、邮箱、手机号码、相片等内容进行详情、修改或删除等操作,如图3-7所示。

5db5d8ea4299342ca14cedf199595e40.jpeg

图3-7用户管理界面图

服务人员管理,在服务人员管理页面可以对索引、工号、员工姓名、性别、邮箱、联系手机、相片等内容进行详情、修改或删除等操作,如图3-8所示。

839017182423eb9936ce265f298e0871.jpeg

图3-8服务人员管理界面图

服务信息管理,在服务信息管理页面可以对索引、服务名称、服务图片、服务类型、合同信息、服务价格、发布日期等内容进行详情、修改或删除等操作,如图3-9所示。

eb3d1dfcc77b60bf50c757853b22e4a7.jpeg

图3-9服务信息管理界面图

服务类型管理,在服务类型管理页面可以对索引、服务类型等内容进行详情、修改或删除等操作;如图3-10所示。

f7e9dbcf28c73c264b138e7695506753.jpeg

图3-10服务类型管理界面图

服务预约管理,在服务预约管理页面可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、是否支付、审核回复、审核状态、审核等内容进行详情、取消、修改或删除等操作,如图3-11所示。

f0d227bfac51e03da3932f80aff6d206.jpeg

图3-11服务预约管理界面图

服务分配管理,在服务分配管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、员工姓名、联系手机、分配日期等内容进行详情、取消、修改或删除等操作如图3-12所示。

cb045030cf01a1a68d24d54fa850d3d2.jpeg

图3-12服务分配管理界面图

服务进度管理,在服务进度管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、工号、员工姓名、联系手机、服务进度、更新时间等内容进行详情或删除等操作,如图3-13所示。

bff1f8baf00ac50705af5be8e14ae754.jpeg

图3-13服务进度管理界面图

评价信息管理,在评价信息管理页面中可以对索引、服务名称、服务类型、服务价格、账号、姓名、手机号码、地址、工号、员工姓名、联系手机、联系手机、评价日期等内容进行详情或删除等操作,如图3-14所示。

b4361626ff4515b96fa33f7286bcf0c8.jpeg

图3-14评价信息管理界面图

留言反馈,在留言反馈页面中可以对索引、用户名、留言内容、留言图片回复内容、回复图片等内容进行详情、回复或删除等操作,如图3-15所示。

335485fc22905cf195e97d61f3bc83f4.jpeg

图3-15留言反馈界面图

系统管理,在公告信息页面中可以对索引、标题、图片等内容进行详情、修改或删除等操作,并可以根据轮播图管理进行相应等操作,如图3-16所示。

a3766fa968d81dea4fba5b7a3a50deff.jpeg

图3-16系统管理界面图

3.2.2用户功能模块

用户登录系统后,可以对首页、个人中心、服务预约管理、服务分配管理、服务取消管理、服务进度管理、评价信息管理、留言反馈、我的收藏管理等功能进行相应的操作,如图3-17所示。

6b8e7d288050beac4e3a6afde5246fa3.jpeg

图3-17用户功能界面图

服务预约管理,在服务预约管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、是否支付、审核回复、审核状态等内容进行详情、取消、修改或删除等操作,如图3-18所示。

fb655f4a69910cb8984b3b5471fd50d1.jpeg

图3-18服务预约管理界面图

服务取消管理,在服务取消管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、取消原因、取消日期、审核回复、审核状态等内容进行详情、修改或删除等操作,如图3-19所示。

5f471cd8ad8105f5d3c015d0036ab7de.jpeg

图3-19服务取消管理界面图

服务进度管理,在服务进度管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、工号、员工姓名、联系手机、服务进度、更新时间等内容进行详情或评价等操作如图3-20所示。

0865276c675c24768bdd8fed71c58fac.jpeg

图3-20服务进度管理界面图

留言反馈,在留言反馈页面中可以对索引、用户名、留言内容、留言图片回复内容、回复图片等内容进行详情、修改或删除等操作,如图3-21所示。

cda733525b77d99df9ffcb44a27b4c25.jpeg

图3-21留言反馈界面图

我的收藏管理,在我的收藏管理页面中可以对索引、收藏名称、收藏图片、推荐类型等内容进行详情或删除等操作,如图3-22所示。

de2427fa4777d4a7f76bcf17025c021b.jpeg

图3-22我的收藏管理界面图

3.2.3服务人员功能模块

服务人员登录系统后,可以对首页、个人中心、服务分配管理、服务进度管理、评价信息管理等功能进行相应的操作,如图3-23所示。

caa2df314d35062a14de6e8fb646c533.jpeg

图3-23服务人员功能界面图

服务分配管理,在服务分配管理页面中可以对索引、服务名称、服务类型、服务价格、预约时间、账号、姓名、手机号码、地址、下单时间、员工姓名、联系手机、分配日期等内容进行详或进度等操作,如图3-24所示。

97b23ef75be2fee38b722937555ef6b3.jpeg

图3-24服务分配管理界面图

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值