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

环境配置:
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 APP端

员工登录,员工进入app,输入自己的账号和密码,并选择对应的角色进行系统登录操作,如图5-1所示。

uniapp 引入node_modules 中的文件_信息管理

 

图5-1员工登录界面图

注册员工,在注册员工页面通过输入员工工号、员工姓名、密码、性别、职位、年龄、电话号码等信息进行员工注册操作,如图5-2所示。

uniapp 引入node_modules 中的文件_uni-app_02

 

图5-2注册员工界面图

员工登陆app后,可以对首页、商品信息、我的等功能进行详细操作,如图5-3所示。

uniapp 引入node_modules 中的文件_uni-app_03

 

图5-3 app首页界面图

商品信息,在商品信息页面可以查看商品名称、商品编号、商品分类、品牌、图片、数量、生产日期、保质期、成本、售价、员工工号、员工姓名、审核回复、商品详情等详细内容,如图5-4所示。

uniapp 引入node_modules 中的文件_node.js_04

 

图5-4商品信息界面图

我的,员工在我的页面可以查看商品信息、销售统计等内容进行详细操作,如图5-5所示。

uniapp 引入node_modules 中的文件_课程设计_05

 

图5-5我的界面图

销售统计,在销售统计页面可以查看统计编号、商品分类、图片、成本、售价、件数、统计时间、员工工号、员工姓名、备注等详细内容,如图5-6所示。

uniapp 引入node_modules 中的文件_系统管理_06

 

图5-6销售统计界面图

用户信息,员工在用户信息页面通过填写员工工号、员工姓名、密码、性别、头像、职位、年龄、电话号码等内容可进行保存和退出登录操作,如图5-7所示。

uniapp 引入node_modules 中的文件_uni-app_07

 

图5-7员工信息界面图

5.2管理员功能模块  

管理员登录,管理员通过输入用户名,密码,在角色中选择管理员,点击登录进入系统操作进行操作,如图5-8所示。

uniapp 引入node_modules 中的文件_课程设计_08

 

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

管理员登陆系统后,可以查看首页、个人中心、员工管理、商品分类管理、商品信息管理、销售统计管理、利润统计管理、系统管理等功能,还能对每个功能逐一进行相应操作,如图5-9所示。

uniapp 引入node_modules 中的文件_系统管理_09

 

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

员工管理,在员工管理页面可以对索引、员工工号、员工姓名、性别、头像、职位、年龄、电话号码等内容进行详情,修改或删除等操作,如图5-10所示。

uniapp 引入node_modules 中的文件_课程设计_10

 

图5-10员工管理界面图

商品分类管理,在商品分类管理页面可以对索引、商品分类等内容进行详情,修改或删除等操作,如图5-11所示。

uniapp 引入node_modules 中的文件_信息管理_11

 

图5-11商品分类管理界面图

商品信息管理,在商品信息管理页面可以对索引、商品编号、商品名称、商品分类、图片、品牌、数量、生产日期、保质期、成本、售价、员工工号、员工姓名、审核回复、审核状态、审核等内容进行详情,修改和删除等操作,如图5-12所示。

uniapp 引入node_modules 中的文件_课程设计_12

 

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

销售统计管理,在销售统计管理页面可以对索引、统计编号、商品名称、商品分类、成本、售价、件数、统计时间、图片、员工工号、员工姓名等内容进行详情,修改和删除等操作,如图5-13所示。

uniapp 引入node_modules 中的文件_uni-app_13

 

图5-13销售统计管理界面图

利润统计管理,在利润统计管理页面可以对索引、统计编号、商品名称、商品分类、利润、数量、总利润、统计时间等内容进行详情,修改和删除等操作,如图5-14所示。

uniapp 引入node_modules 中的文件_信息管理_14

 

图5-14利润统计管理界面图

系统管理,在公告信息页面可以对索引、标题、图片等内容进行详情,修改和删除等操作,还可以对轮播图管理进行详细操作;如图5-15所示。

uniapp 引入node_modules 中的文件_系统管理_15

 

图5-15系统管理界面图

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