该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
3.1 系统的结构划分
本网站可以分为:用户、商家使用的功能、管理员进行管理的功能。
用户使用功能:首页、个人中心、订单评价管理、我的收藏管理等。
商家使用功能:首页、个人中心、商品信息管理、销售记录管理、订单评价管理等。
管理员管理功能:首页、个人中心、商家管理、商品分类管理、商品信息管理、销售记录管理、用户管理、订单评价管理、管理员管理、系统管理、订单管理等。
3.1.1 系统结构图
菜篮子系统的结构图3-1所示:
![](https://img-blog.csdnimg.cn/img_convert/61f3722790114957a27f653420b7a2c3.png)
图3-1 系统结构
登录系统结构图,如图3-2所示:
![](https://img-blog.csdnimg.cn/img_convert/a3b6bb072a59ef223125262c4a3d1d95.png)
图3-2 登录结构图
这些功能可以充分满足菜篮子系统的需求。此系统功能较为全面如下图系统功能结构如图3-3所示。
![](https://img-blog.csdnimg.cn/img_convert/6952be6e3ed5bd1f8d0aaa8ef9ac310d.png)
图3-3系统功能结构图
3.2 系统的流程分析
3.2.1操作流程
系统登录流程图,如图所示:
![](https://img-blog.csdnimg.cn/img_convert/b32c93be08504d6ebc1dcd2398d110fa.png)
图3-4登录流程图
3.2.2添加信息流程
添加信息流程图,如图所示:
![](https://img-blog.csdnimg.cn/img_convert/c5bf405d65879823cd383467fac0da7e.png)
图3-5添加信息流程图
3.2.3删除信息流程
删除信息流程图,如图所示:
![](https://img-blog.csdnimg.cn/img_convert/0e0e8df9658c27ee94307a47370c4563.png)
图3-6删除信息流程图
3.3 数据库设计
3.3.1 数据库实体
管理员信息结构图,如图3-7所示:
![](https://img-blog.csdnimg.cn/img_convert/1acc81f1760a3d0dd32c513145ad1947.png)
图3-7 管理员信息实体结构图
商家信息实体属性图,如图3-8所示:
![](https://img-blog.csdnimg.cn/img_convert/a3ab88f2a5d2dcf190bb99bd85f1ae61.png)
图3-8商家信息实体属性图
用户信息实体属性图如图3-9所示。
![](https://img-blog.csdnimg.cn/img_convert/91f4183da76c1678ecfd354336025cba.png)
图3-9用户信息实体属性图
商品信息实体属性图如图3-10所示。
![](https://img-blog.csdnimg.cn/img_convert/924bcf99850ddbb4c5d596afb8f76747.png)
图3-10商品信息实体属性图
订单信息实体属性图如图3-11所示。
![](https://img-blog.csdnimg.cn/img_convert/c09bfe53fc0caa894a0c864cb6b8bb8e.png)
图3-11订单信息实体属性图
4.2.1商家功能模块
商家登录进入菜篮子系统可以查看首页、个人中心、商品信息管理、销售记录管理、订单评价管理等内容。
商品信息管理,在商品信息管理页面可以查看商品名称、分类、图片、规格、地区、商家编号、商家名称、联系电话、价格、单限、库存等详细内容,进行详情、修改,如图4-1所示。
![](https://img-blog.csdnimg.cn/img_convert/8e47009a0c56aea6a118648f65619fe0.png)
图4-1商品信息管理界面图
订单评价管理,在订单评价管理页面可以查看订单编号、评价标题、订单评分、商家编号、商家名称 、评价日期、用户名、手机、审核回复、审核状态、审核等详细内容,进行详情如图4-2所示。
![](https://img-blog.csdnimg.cn/img_convert/9809e25e97f89e7c7d78178b0c117351.png)
图4-2订单评价管理界面图
4.2.2管理员功能模块
管理员登录,通过填写用户名、密码、角色进行登录,如图4-3所示。
![](https://img-blog.csdnimg.cn/img_convert/7f0c45a9d32d18be3a635fa22130729e.png)
图4-3管理员登录界面图
管理员登录进入菜篮子系统可以查看首页、个人中心、商家管理、商品分类管理、商品信息管理、销售记录管理、用户管理、订单评价管理、管理员管理、系统管理、订单管理等信息。
商家管理,在商家管理页面中可以通过查看商家编号、密码、商家名称、经营范围、图片、商家地址、联系电话等内容进行详情、修改、删除,如图4-4所示。还可以根据需要对商品分类管理进行详情,修改或删除等详细操作,如图4-5所示。
![](https://img-blog.csdnimg.cn/img_convert/dcf4038c5db2fa0f01f6c6122a6dd22a.png)
图4-4商家管理界面图
![](https://img-blog.csdnimg.cn/img_convert/d260be3e4633fb3f295f64c30d4c41f4.png)
图4-5商品分类管理界面图
商品信息管理,在商品信息管理页面中可以查看商品名称、分类、图片、规格、地区、商家编号、商家名称、联系电话、价格、单限、库存等信息,并可根据需要对已有商品信息管理进行修改或删除等操作,如图4-6所示。
![](https://img-blog.csdnimg.cn/img_convert/1e565c8ee79ef083134b73cf1c531249.png)
图4-6商品信息管理界面图
销售记录管理,在销售记录管理页面中可以查看商品名称、分类、图片、价格、数量、总价格、更新日期、销售备注、商家编号、商家名称等信息,并可根据需要对已有销售记录管理进行修改或删除等详细操作,如图4-7所示。
![](https://img-blog.csdnimg.cn/img_convert/6cf04a3af1923e7da669c2e69fdd8549.png)
图4-7销售记录管理界面图
用户管理,在用户管理页面中可以查看用户名、密码、姓名、性别、头像、手机、邮箱等内容,并且根据需要对已有用户管理进行详情,修改或删除等详细操作,如图4-8所示。
![](https://img-blog.csdnimg.cn/img_convert/c8f9dad1042cbb17084a9d2a40896961.png)
图4-8用户管理界面图
订单评价管理,在订单评价管理页面中可以查看订单编号、评价标题、订单评分、商家编号、商家名称 、评价日期、用户名、手机、审核回复、审核状态等内容,并且根据需要对已有订单评价管理进行详情,修改或删除等详细操作,如图4-9所示。
![](https://img-blog.csdnimg.cn/img_convert/49de9bed97baa2975716648599694d9b.png)
图4-9订单评价管理界面图