该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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系统开发流程
移动LYQ电子商城APP开发时,首先进行需求分析,进而对系统进行总体的设计规划,设计系统功能模块,数据库的选择等,本系统的开发流程如图3-1所示
![](https://i-blog.csdnimg.cn/blog_migrate/fa250cdf837b29d91c7ad0e5533d9ee5.png)
图3-1系统开发流程图
3.2.2 用户登录流程
为了保证系统的安全性,要使用本系统对系统信息进行管理,必须先登陆到系统中。如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7d162aa80142ae864aed4dc7049b4484.png)
图3-2 登录流程图
3.2.3 系统操作流程
用户打开并进入系统后,会先显示登录界面,输入正确的用户名和密码,系统自动检测信息,若信息无误,则用户会进入系统功能界面,进行操作,否则会提示错误无法登录,操作流程如图3-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d7ae5d310b8ea7242803f3e1c97d7132.png)
图3-3 系统操作流程图
3.2.4 添加信息流程
管理员可以对信息等进行信息的添加,会员也可以对自己权限内的信息进行添加,输入信息后,系统会自行验证输入的信息和数据,若信息正确,会将其添加到数据库内,若信息有误,则会提示重新输入信息,添加信息流程如图3-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/8f7acd0afa57134234680b2d598efb44.png)
图3-4 添加信息流程图
3.2.5 修改信息流程
管理员可以对信息等进行修改,会员也可以对自己权限内的信息进行修改,首先进入修改信息界面,输入修改信息数据,系统进行数据的判断验证,修改信息合法则修改成功,信息更新至数据库,信息不合法则修改失败,重新输入。修改信息流程图如图3-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ae6897e39affcf69ced27a9dfb31386b.png)
图3-5 修改信息流程图
3.2.6 删除信息流程
管理员可以对信息等进行删除,对要删除的信息进行选中后,点击删除按钮,系统会询问是否确定,若点击确定,则系统会删除掉选中的信息,并在数据库内对信息进行删除,删除信息流程图如图3-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5bf3b14534260363d0b9e5c0de7744ed.png)
图3-6 删除信息流程图
3.3系统用例分析
3.3.1服务端用例图
系统中的核心用户是系统管理员,管理员登录后,通过管理员菜单来管理后台系统。主要功能有:首页、个人中心、会员管理、广告专区管理、功效专区管理、商品类型管理、限时商品管理、爆款推荐管理、系统管理、订单管理等功能。服务端用例如图3-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/6dd77fc5cb0067eac0b30031125f65e1.png)
图3-7服务端用例图
3.3.2 APP端用例图
APP端会员实现功能包括我的收藏管理、用户充值、客服热线、购物车、我的订单等功能。APP端用例如图3-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cff56811a1fdb0c3aabdefeac2637b63.png)
图3-8 APP端用例图
4.1 系统概述
进过系统的分析后,就开始记性系统的设计,系统设计包含总体设计和详细设计。总体设计只是一个大体的设计,经过了总体设计,我们能够划分出系统的一些东西,例如文件、文档、数据等。而且我们通过总体设计,大致可以划分出了程序的模块,以及功能。但是只是一个初步的分类,并没有真正的实现。
整体设计,只是一个初步设计,而且,对于一个项目,我们可以进行多个整体设计,通过对比,包括性能的对比、成本的对比、效益的对比,来最终确定一个最优的设计方案,选择优秀的整体设计可以降低开发成本,增加公司效益,从这一点来讲,整体设计还是非常重要的。
移动LYQ电子商城APP工作原理图如图4-1所示:
![](https://i-blog.csdnimg.cn/blog_migrate/a2840deb9a4f82b2875f3e4f7879d088.png)
图4-1 系统工作原理图
4.2 系统结构设计
系统架构图属于系统设计阶段,系统架构图只是这个阶段一个产物,系统的总体架构决定了整个系统的模式,是系统的基础。移动LYQ电子商城APP的整体结构设计如图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ff1b4332daa6de67c50dd839c1fe9d4a.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/e12b069073a1995675c45c46c87ef3cc.png)
图4-3会员管理实体图
(2)广告专区管理实体E.R图如图4-4所示:
![](https://i-blog.csdnimg.cn/blog_migrate/0dfbcc44b091371242f642917c2a77b6.png)
图4-4广告专区管理实体图
(3)订单管理实体E. R图,如图4-5所示:
![](https://i-blog.csdnimg.cn/blog_migrate/0ec94cd3a931e38c47eb8130c9e60fab.png)
图4-5订单管理实体图
5.1 APP端
会员登录,通过输入账号和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e5493cdc833f3feb3d8bb919f38ba4ae.png)
图5-1会员登录界面图
会员注册,在注册页面通过填写会员号、密码、姓名、性别、邮箱、手机等信息进行注册操作;如图5-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/d35f8930399bcdd07450dfacfa2305b9.png)
图5-2会员注册界面图
会员登陆系统后,可以对首页、广告专区、功效专区、我的等功能进行详细操作,如图5-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f67d1c54f275696eedeb099f4ab183aa.png)
图5-3系统首页界面图
广告专区,在广告专区页面可以查看标题、链接、咨询电话、发布日期、广告内容等信息,如图5-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/243d086052356a4a50fec9d01b359761.png)
图5-4广告专区界面图
功效专区,在功效专区页面可以查看名称、类型、图片、发布日期等信息,如图5-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fd6e83f844e0637b4f4106f1a9d0fbfa.png)
图5-5功效专区界面图
我的,在我的页面可以对我的收藏管理、用户充值、客服热线、购物车、我的订单等详细信息进行操作,如图5-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/ff93ab8866f781e38b8e5f1be7f22425.png)
图5-6我的界面图
用户信息,在用户信息页面通过填写会员号、密码、姓名、性别、头像、邮箱、手机等详细信息进行保存操作,如图5-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c0d1d3ba7c97e55bf041a452653634d6.png)
图5-7用户信息界面图
我的订单,在我的订单页面可以查看到所有的订单信息,如图5-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b81ce4607c9a2c9125a50158cdd6246c.png)
图5-8我的订单界面图
5.2服务端
管理员登录,管理员通过输入用户名、密码,选择角色并点击登录进行系统登录操作,如图5-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cdec8d77ad3f393e93dd0fced40b0de2.png)
图5-9管理员登录界图面