该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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性能需求分析
对系统的性能,从(功能、运行、界面、安全)等方面进行,下面我们逐一进行分析;
1. 系统的功能是否完整进行分析:系统的功能,能对应设计出原始代码和算法,以表格同文字的形式进行详细介绍个人信息保证功能完整;
2. 系统的运行是否通畅进行分析:系统的每个功能都有编写数据的关系和应对的代码,通过需求分析和可行性分析进行分析和显示系统的物理数据,保证其进行通畅;
3. 系统的界面设计进行分析:对系统中的软件进行处理与分析的方式是由不同代码来进行的;从而使界面容易操作。
4. 系统的安全性进行分析:这样才可以每个角色的不同对应的信息也就不同,在登录系统务必使用自己的账号,密码登录,账号与密码错误自然就登录失败了。登录成功可以对自己的信息进行操作,不能对别人的账号的信息进行查看等操作,这样自然保证系统的安全性。
本系统采用自上往下的方法开发,基本定位如下功能:
本课题要求实现一套文具商城购物系统,系统主要包括管理员模块和用户模块等功能模块。
(1)管理员用例图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/019f3384244b7944bd4ef68e6a767e05.png)
图3-1管理员用例图
(2)用户用例图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/ff34ad4126911227ce44e53ca98d495a.png)
图3-2用户用例图
4.1功能结构
为了更好的去理清本系统整体思路,对该系统以结构图的形式表达出来,设计实现该文具商城购物系统的功能结构图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/a3ec99ecdcc5ef1484edbcb87e7face3.png)
图4-1 系统总体结构图
4.2 数据库设计
4.2.1 数据库E/R图
ER图是由实体及其关系构成的图,通过E/R图可以清楚地描述系统涉及到的实体之间的相互关系。在系统中对一些主要的几个关键实体如下图:
(1)用户信息E/R图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/8bdf1d12c08a039b50a90c83ca638eed.png)
图4-2用户信息E/R图
(2)商品信息E/R图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/57f97618262b9de02f68038579c49906.png)
图4-3商品信息E/R图
(3)订单信息E/R图如下所示:
![](https://img-blog.csdnimg.cn/img_convert/65903f1900ae800edbe950a601bcfae3.png)
图4-4订单信息E/R图
5.1管理员功能模块
管理员登录,管理员通过登录页面输入用户名、密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
![](https://img-blog.csdnimg.cn/img_convert/4969457fe3b60aa0371d8e60bf7606a6.png)
图5-1管理员登录界面图
管理员登录系统后,可以对首页、个人中心、商品分类管理、用户管理、商品信息管理、系统管理、订单管理等功能进行相应操作,如图5-2所示。
![](https://img-blog.csdnimg.cn/img_convert/5d09f74c7f4cd28a299e75b26a97109e.png)
图5-2管理员功能界图面
商品分类管理,在商品分类管理页面可以对商品分类信息等内容进行详情、修改、删除等操作,如图5-3所示。
![](https://img-blog.csdnimg.cn/img_convert/4b690fc52e9606c0da2497ba73fb2c65.png)
图5-3商品分类管理界面图
用户管理,在用户管理页面可以对用户账号、用户姓名、性别、年龄、联系电话等内容进行详情、修改、删除等操作,如图5-4所示。
![](https://img-blog.csdnimg.cn/img_convert/160ea037c8ab61b3c72c2c27cbfa1718.png)
图5-4用户管理界面图
商品信息管理,在商品信息管理页面可以对商品编号、商品名称、商品分类、品牌、规格、封面、价格、单限、库存等内容进行详情、修改、删除等操作,如图5-5所示。
![](https://img-blog.csdnimg.cn/img_convert/ae4191e13b4987e348bff85f04b72798.png)
图5-5商品信息管理界面图
系统管理,在系统管理页面可以对名称、值等内容进行详情、修改等操作,还能发布公告信息,如图5-6所示。
![](https://img-blog.csdnimg.cn/img_convert/3da3c327782a2997da7e752cfceba61b.png)
![](https://img-blog.csdnimg.cn/img_convert/9c30d81bdc7b170ec05baa2f677bfe62.png)
图5-6系统公告界面图
订单管理,在订单管理页面可以对订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、下单时间等内容进行详情、修改、删除等操作,如图5-7所示。
![](https://img-blog.csdnimg.cn/img_convert/4439ba08fa14d11ca3625b85f7f84eb3.png)
图5-7订单管理界面图
5.2用户功能模块
点击后台管理跳转到后台页面文具商城购物系统,可以对首页、个人中心等功能进行相应操作,如图5-8所示。
![](https://img-blog.csdnimg.cn/img_convert/3f04c0fd18dd51e21183adaeed457c70.png)
图5-8用户功能界面图
个人中心,在个人中心页面,用户通过填写用户账号、用户姓名、性别、年龄、联系电话等内容,进行修改,并且还能修改密码,如图5-9所示。
![](https://img-blog.csdnimg.cn/img_convert/ff36fed934e2fbb497f1d25f6cdd6e36.png)
![](https://img-blog.csdnimg.cn/img_convert/693ad6c1fd6177b2c068fc963e4bc766.png)
图5-9个人中心界面图