该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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.2系统流程分析
3.2.1系统开发流程
超市会员管理系统开发开发时,首先进行需求分析,进而对系统进行总体的设计规划,设计系统功能模块,数据库的选择等,本系统的开发流程如图3-1所示
![](https://i-blog.csdnimg.cn/blog_migrate/d189d06d0b2014bdbf0eb80f67bfd39f.png)
图3-1系统开发流程图
3.2.2 会员登录流程
为了保证系统的安全性,要使用本系统对系统信息进行管理,必须先登陆到系统中。如图3-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f20498de5140414254b5d4275fe7a710.png)
图3-2 登录流程图
3.2.3 系统操作流程
会员打开并进入系统后,会先显示登录界面,输入正确的会员名和密码,系统自动检测信息,若信息无误,则会员会进入系统功能界面,进行操作,否则会提示错误无法登录,操作流程如图3-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e13f676b0ed02a34d9a6549ddb4ae96e.png)
图3-3 系统操作流程图
3.2.4 添加信息流程
管理员可以对积分等级管理等进行信息的添加,会员也可以对自己权限内的信息进行添加,输入信息后,系统会自行验证输入的信息和数据,若信息正确,会将其添加到数据库内,若信息有误,则会提示重新输入信息,添加信息流程如图3-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cf204841126d4bcb2d5b21ba9f7c87a8.png)
图3-4 添加信息流程图
3.2.5 修改信息流程
管理员可以对会员卡充值管理等进行信息的修改,会员也可以对自己权限内的信息进行修改,首先进入修改信息界面,输入修改信息数据,系统进行数据的判断验证,修改信息合法则修改成功,信息更新至数据库,信息不合法则修改失败,重新输入。修改信息流程图如图3-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/29062a78eafb09dec20c629e378f047e.png)
图3-5 修改信息流程图
3.2.6 删除信息流程
管理员可以对商品信息管理等进行信息的删除,对要删除的信息进行选中后,点击删除按钮,系统会询问是否确定,若点击确定,则系统会删除掉选中的信息,并在数据库内对信息进行删除,删除信息流程图如图3-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/83d97c2cda5a07643498d5310d54f0b7.png)
图3-6 删除信息流程图
3.3系统用例分析
3.3.1管理员用例图
系统中的核心用户是管理员,管理员登录后,通过管理员菜单来管理后台系统。主要功能有:首页、个人中心、积分等级管理、会员管理、会员卡充值管理、商品分类管理、商品信息管理、订单信息管理、礼品信息管理、礼品兑换管理、系统管理等功能。管理员用例如图3-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/719aa31342577dbd2f90ba0c7a76dade.png)
图3-7 管理员用例图
3.3.2会员用例图
会员实现功能包括;首页、商品信息、礼品信息、我的等功能。会员用例如图3-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fd7d8aa644ad15d89531353e2c3e8473.png)
图3-8会员用例图
进过系统的分析后,就开始记性系统的设计,系统设计包含总体设计和详细设计。总体设计只是一个大体的设计,经过了总体设计,我们能够划分出系统的一些东西,例如文件、文档、数据等。而且我们通过总体设计,大致可以划分出了程序的模块,以及功能。但是只是一个初步的分类,并没有真正的实现。
整体设计,只是一个初步设计,而且,对于一个项目,我们可以进行多个整体设计,通过对比,包括性能的对比、成本的对比、效益的对比,来最终确定一个最优的设计方案,选择优秀的整体设计可以降低开发成本,增加公司效益,从这一点来讲,整体设计还是非常重要的。
超市会员管理系统开发工作原理图如图4-1所示:
![](https://i-blog.csdnimg.cn/blog_migrate/af61087bc7df3175607bb541ff260b35.png)
图4-1 系统工作原理图
4.2 系统结构设计
系统架构图属于系统设计阶段,系统架构图只是这个阶段一个产物,系统的总体架构决定了整个系统的模式,是系统的基础。基于超市会员管理系统开发的整体结构设计如图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e87a9e2570d22c47dcffe4935dfb3d82.png)
图4-2 系统结构图
4.3数据库设计
数据库是计算机信息系统的基础。目前,电脑系统的关键与核心部分就是数据库。数据库开发的优劣对整个系统的质量和速度有着直接影响。
4.3.1 数据库设计原则
概念模式它主要是建立在数据需求分析的基础上,它通常是用概念数据模型来表示各个数据之间的联系,并且对系统会员进行信息的处理和管理,同时建立起E-R图来表示具体的实体、属性和联系的关系。
4.3.2 数据库实体
数据模型中的实体(Entity),也称为实例,对应现实世界中可区别于其他对象的“事件”或“事物”。例如,公司中的每个会员,家里中的每个家具。
本系统的E-R图如下图所示:
(1)会员卡充值管理实体E.R图如图4.3所示:
![](https://i-blog.csdnimg.cn/blog_migrate/ee58b04bf5f1168e39ac32b75bc9d1a0.png)
图4.3 会员卡充值管理实体图
(2)商品信息管理实体E.R图如图4.4所示:
![](https://i-blog.csdnimg.cn/blog_migrate/7fb45352cf4aa8a7ac94c119774d1050.png)
图4.4 商品信息管理实体图
(3)礼品兑换管理实体E. R图,如图4.5所示:
![](https://i-blog.csdnimg.cn/blog_migrate/60681d408ddc824e1d5731aa3533b6d7.png)
图4.5礼品兑换管理实体图
5.1 管理员登录
管理员输入个人的用户名、密码、角色登录系统,这时候系统的数据库就会在进行查找相关的信息,如果我们输入的用户名、密码、角色不正确,数据库就会提示出错误的信息提示,同时会提示管理员重新输入自己的用户名、密码、角色,直到账号密码输入成功后,会提示登录成功的信息。管理员登录效果图如图5.1所示:
![](https://i-blog.csdnimg.cn/blog_migrate/e1b0124aa6ac0e2344c745f0fa73a4f1.png)
图5.1管理员登录界面
5.2 管理员服务端功能模块
5.2.1 积分等级管理
管理员对积分等级管理进行详情、删除、修改等操作。积分等级管理效果图如图5.2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/248f2391d1cabcdc5143ebc6591a9b36.png)
图5.2积分等级管理界面图
5.2.2 会员管理
管理员对会员管理进行删除、修改、详情等操作。会员管理效果图如图5.3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ac99b8d8e480bb8671da6aacae8e79bf.png)
图5.3会员管理界面图
5.2.3会员卡充值管理
管理员对会员卡充值管理进行详情、删除、修改等操作。会员卡充值管理效果图如图5.4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fdc2d829d0eaaeb1c2a6bb2d5266c887.png)
图5.4会员卡充值管理界面图
5.2.4商品信息管理
管理员对商品信息管理进行详情、删除、修改、查看等操作。商品信息管理效果图如图5.5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e82d595279b99188fb5a9f71785607ef.png)
图5.5商品信息管理界面图
5.2.5订单信息管理
管理员对订单信息管理进行详情、删除、修改、查看等操作。订单信息管理效果图如图5.6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/9f1b5b5a5ec3c8d6359daeb0a053e6e6.png)
图5.6订单信息管理界面图
5.2.6礼品信息管理
管理员对礼品信息管理进行详情、删除、修改等操作。礼品信息管理效果图如图5.7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e4d889e39fef49e699e3921e8e82981d.png)
图5.7礼品信息管理界面图
5.2.7礼品兑换管理
管理员对礼品兑换管理进行详情、删除、修改等操作。礼品兑换管理效果图如图5.8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7df35e7a323fbe9d43c75422dc7fa7c6.png)
图5.8礼品兑换管理界面图
5.3会员客户端功能模块
5.3.1会员登录
在会员登录页面填写账号、密码进行登录如图5.9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fd037596bbe8079ef4aa1a4f5d2ca879.png)
图5.9会员登录界面图
5.3.2首页
会员登录到首页可以查看首页、商品信息、礼品信息、我的等内容,如图5.10所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d1ac6ecdc729ce3990f37b9a4ba05e1c.png)
图5.10首页功能界面图
5.3.3商品信息
在商品信息页面可以查看商品编号、商品名称、商品分类、价格、数量、封面等信息进行购买,如图5.11所示。
![](https://i-blog.csdnimg.cn/blog_migrate/a16b0bc11bd707b0618563ee6458650a.png)
图5.11商品信息界面图
5.3.4订单信息
在订单信息页面可以查看订单编号、商品编号、商品名称、价格、数量、总金额、会员卡号、会员姓名、积分等级、折扣、联系电话、下单时间、封面等信息,并可根据需要进行提交,如图5.12所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b568da93f7ad43819b971e712c601955.png)
图5.12订单信息界面图