计算机毕业设计Node.js+Vue基于的防疫隔离服务系统（程序+源码+LW+部署）

该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行

环境配置：
Node.js+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue+Express。
项目技术：
Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。
环境需要
1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。
2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;
3.mysql环境：建议是用5.7版本均可
4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；
6.Navcat11：这个版本不限10/11/14/15都可以。；
Node.js毕设帮助，指导，本源码(见文末)，调试部署

第5章 系统实现

5.1系统前台功能模块

隔离人员用游客的身份进入到防疫隔离服务系统，在网站首页可以查看首页、菜品信息、商品信息、个人中心、后台管理、购物车等内容，如果需要进行购买等操作，用户则需要进行注册和登录，网站首页如图5-1所示。

图5-1网站首页界面图

点击注册，隔离人员需要通过输入账号、密码、确认密码、姓名、年龄、手机等内容，点击注册完成隔离人员注册；点击登录，通过输入账号、姓名进行登录，隔离人员注册及登录如图5-2所示。

图5-2隔离人员注册、登录界面图

菜品信息，在菜品信息页面可以查看菜品名称、图片、价格、单次购买、库存、菜品编号、菜品分类、口碑、上架日期、点击次数、菜品介绍等内容，并进行收藏、赞、踩、添加到购物车、立即购买等操作；如图5-3所示。

图5-3菜品信息界面图

在商品信息，可以查看商品名称、商品图片、价格、单次购买、库存、商品编号、商品分类、规格、品牌、点击次数、商品介绍等内容，并对商品信息进行收藏、赞、踩、添加到购物车、立即购买等操作；商品信息页面如图5-4所示。

图5-4立即购买界面图

个人中心，在个人信息页面通过填写账号、密码、姓名、年龄、性别、手机、上传图片、余额等信息进行更新信息，点击余额可以进行充值，还可以根据需要对我的订单、我的地址、我的收藏进行相对应操作，如图5-5所示。

图5-5个人中心界面图

在个人中心页面，点击我的地址，通过输入联系人、手机号码、默认地址、地址等信息进行添加我的地址，如图5-6所示。

图5-6我的地址添加界面图

5.2管理员功能模块

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

图5-7管理员登录界面图

管理员登录系统后，可以对个人中心、隔离人员管理、服务人员管理、打卡签到管理、解除申请管理、菜品信息管理、商品信息管理、打卡提醒管理、需求信息管理、服务接单管理、服务订单管理、系统管理、订单管理等进行相应的操作管理，如图5-8所示。

图5-8管理员功能界面图

在隔离人员管理页面，管理员可以对账号、姓名、年龄、性别、手机、照片等进行详情、修改、删除或新增等操作，如图5-9所示。

图5-9隔离人员管理界面图

在服务人员管理页面，管理员可以对服务账号、服务姓名、年龄、性别、联系电话、照片等内容进行详情、修改、删除或新增等操作，服务人员管理页面如图5-10所示。

图5-10服务人员管理界面图

打卡签到管理，在打卡签到管理页面可以对账号、姓名、打卡、地址、打卡时间等内容进行详情、修改、删除等操作，打卡签到管理页面如图5-11所示。

图5-11打卡签到管理界面图

解除申请管理，在解除申请管理页面可以对索引、账号、姓名、体温、申请时间、审核回复、审核状态等内容进行审核、详情、删除等操作，解除申请管理页面如图5-12所示。

图5-12解除申请管理界面图

在菜品信息管理页面，管理员可以对菜品编号、菜品名称、菜品分类、口味、图片、上架日期、价格、单限、库存等进行详情、修改、删除或新增等操作；菜品信息管理页面如图5-13所示。

图5-13菜品信息管理界面图

在商品信息管理页面，管理员可以对商品编号、商品名称、商品分类、品牌、规格、图片、价格、单限、库存等进行详情、修改、删除或新增等操作；商品信息管理页面如图5-14所示。

图5-14商品信息管理界面图

   在打卡提醒管理页面，管理员可以对标题、提醒时间、账号、姓名等进行详情、修改、删除、新增等操作，打卡提醒管理页面如图5-15所示。

图5-15打卡提醒管理界面图

在需求信息管理页面，管理员可以对标题、封面、需求时间、费用、状态、发布时间、地址、账号、姓名、手机等进行详情、删除等操作，需求信息管理页面如图5-16所示。

图5-16需求信息管理界面图

  在服务接单管理页面，管理员可以对订单编号、标题、账号、姓名、手机、地址、费用、接单时间、服务账号、服务姓名、联系电话等进行详情、删除等操作，服务接单管理页面如图5-17所示。

                                       5-17服务接单管理界面图

在服务订单管理页面，管理员可以对订单编号、标题、账号、姓名、手机、地址、费用、订单状态、完成时间、服务账号、服务姓名、联系电话、是否支付、审核状态、审核回复等进行详情、删除等操作，如图5-18所示。

图5-18服务订单管理界面图

5.3隔离人员后台功能模块

隔离人员登录到系统后台，可以对个人中心、打卡签到管理、解除申请管理、打卡提醒管理、需求信息管理、服务接单管理、服务订单管理进行操作，如图5-19所示。

图5-19隔离人员功能界面图

在打卡签到页面，点击新增，通过输入账号、姓名、打卡、地址、打卡时间、备注等信息、点击提交进行打卡签到，如图5-20所示。

图5-20打卡签到界面图

在解除申请管理页面，隔离人员通过输入账号、姓名、体温、申请时间、申请原因等内容，点击提交来进行解除申请，如图5-21所示。

图5-21解除申请管理界面图

5.4接单人员后台功能模块

接单人员登录到系统后台，可以对个人中心、需求信息管理、服务接单管理、服务订单管理进行操作，如图5-22所示。

图5-22接单人员功能界面图

在需求信息管理页面，可以对标题、封面、需求时间、费用、状态、发布时间、地址、账号、姓名、手机等进行详情、服务接单等操作，如图5-23所示。

图5-23需求信息管理界面图

在需求信息管理页面，点击服务接单，通过输入订单编号、标题、账号、姓名、手机、地址、费用、接单时间、服务账号、服务姓名、联系电话等内容，点击提交进行服务接单，如图5-24所示。

图5-24服务接单管理界面图

Node.js毕设帮助，指导，源码获取，调试部署