该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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系统开发流程
面向高校活动聚App开发时,首先进行需求分析,进而对系统进行总体的设计规划,设计系统功能模块,数据库的选择等,本系统的开发流程如图3-1所示
![](https://i-blog.csdnimg.cn/blog_migrate/ef50b5fdc9d8ff298e3d1f97c5490e8e.png)
图3-1系统开发流程图
3.2.2 用户登录流程
为了保证系统的安全性,要使用本系统对系统信息进行管理,必须先登陆到系统中。如图3-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/971eced0a5af4c3b2824a88540519603.png)
图3-2 登录流程图
3.2.3 系统操作流程
用户打开并进入系统后,会先显示登录界面,输入正确的用户名和密码,系统自动检测信息,若信息无误,则用户会进入系统功能界面,进行操作,否则会提示错误无法登录,操作流程如图3-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/e8c8470e99c66e931bb04d8c6f4b12b5.png)
图3-3 系统操作流程图
3.2.4 添加信息流程
管理员可以对信息等进行信息的添加,用户也可以对自己权限内的信息进行添加,输入信息后,系统会自行验证输入的信息和数据,若信息正确,会将其添加到数据库内,若信息有误,则会提示重新输入信息,添加信息流程如图3-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/795a277d424f39803552e10db6b41463.png)
图3-4 添加信息流程图
3.2.5 修改信息流程
管理员可以对信息等进行修改,用户也可以对自己权限内的信息进行修改,首先进入修改信息界面,输入修改信息数据,系统进行数据的判断验证,修改信息合法则修改成功,信息更新至数据库,信息不合法则修改失败,重新输入。修改信息流程图如图3-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/285a43712a7c465521430fb889401f52.png)
图3-5 修改信息流程图
3.2.6 删除信息流程
管理员可以对信息等进行删除,对要删除的信息进行选中后,点击删除按钮,系统会询问是否确定,若点击确定,则系统会删除掉选中的信息,并在数据库内对信息进行删除,删除信息流程图如图3-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/21768cbb24f15958fbb178cae19d00c1.png)
图3-6 删除信息流程图
3.3系统用例分析
3.3.1服务端用例图
系统中的核心用户是系统管理员,管理员登录后,通过管理员菜单来管理后台系统。主要功能有:首页、个人中心、用户管理、活动分类管理、主办方管理、活动信息管理、活动报名管理、活动总结管理、系统管理等功能。服务端用例如图3-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/2872925caa8d4ca1a5a85f9f648d1519.png)
图3-7服务端用例图
3.3.2APP端用例图
app端用户实现包括首页、活动信息、公告栏、我的等功能。app端用例如图3-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/71f42d0a65a850d10e69b884487c60ea.png)
图3-8 APP端用例图
4.1 系统概述
进过系统的分析后,就开始记性系统的设计,系统设计包含总体设计和详细设计。总体设计只是一个大体的设计,经过了总体设计,我们能够划分出系统的一些东西,例如文件、文档、数据等。而且我们通过总体设计,大致可以划分出了程序的模块,以及功能。但是只是一个初步的分类,并没有真正的实现。
整体设计,只是一个初步设计,而且,对于一个项目,我们可以进行多个整体设计,通过对比,包括性能的对比、成本的对比、效益的对比,来最终确定一个最优的设计方案,选择优秀的整体设计可以降低开发成本,增加公司效益,从这一点来讲,整体设计还是非常重要的。
面向高校活动聚App工作原理图如图4-1所示:
![](https://i-blog.csdnimg.cn/blog_migrate/18b5827d307ad83870bdbff3ccbd77b8.png)
图4-1 系统工作原理图
4.2 系统结构设计
系统架构图属于系统设计阶段,系统架构图只是这个阶段一个产物,系统的总体架构决定了整个系统的模式,是系统的基础。面向高校活动聚App的整体结构设计如图4-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/5d31a4ae9ca22f697877cd8975d24768.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/83b6d8b3794738a91220dbfe70fa3fcb.png)
图4-3用户管理实体图
(2)活动信息管理实体E.R图如图4-4所示:
![](https://i-blog.csdnimg.cn/blog_migrate/81228568091ffead85919796497ba86e.png)
图4-4活动信息管理实体图
5.1 APP端
用户登录,用户通过输入用户名和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
![](https://i-blog.csdnimg.cn/blog_migrate/9a2ea304f5ea094819f7dbbbcf345731.png)
图5-1用户登录界面图
主办方注册,在主办方注册页面通过填写主办方账号、密码、主办方姓名、性别、主办方手机、身份证等信息进行注册操作;如图5-2所示。
![](https://i-blog.csdnimg.cn/blog_migrate/79062436661365cff32db8831d2a653c.png)
图5-2主办方注册界面图
用户注册,在用户注册页面通过填写用户账号、密码、用户姓名、性别、学校、班级、兴趣爱好、用户手机等信息进行注册操作;如图5-3所示。
![](https://i-blog.csdnimg.cn/blog_migrate/b24e67ea67a78366db95f647129f1e47.png)
图5-3用户注册界面图
用户登陆系统后,可以对首页、活动信息、公告栏、我的等功能进行详细操作,如图5-4所示。
![](https://i-blog.csdnimg.cn/blog_migrate/c0e3a80e2df4f777bab483e81455af3a.png)
图5-4系统首页界面图
活动信息,在活动信息页面可以查看活动标题、图片、活动分类、主办方账号、主办方姓名、主办方手机、开始时间、结束时间、活动时间、活动状态、经度、纬度、地址、活动介绍等信息, 用户进行报名,主办方进行活动总结,评论或收藏等操作;如图5-5所示。
![](https://i-blog.csdnimg.cn/blog_migrate/1aa50e94e4d36204079a41abbf7da793.png)
图5-5活动信息界面图
主办方,在我的页面可以对活动信息、活动报名、活动总结等详细信息进行操作,如图5-6所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cdfb1fa4d0f9d68db7d55edf5dfd3580.png)
图5-6主办方界面图
用户,在我的页面可以对活动信息、活动报名等详细信息进行操作,如图5-7所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7316850804f88db0e6b48aba70c7b47c.png)
图5-7用户界面图
5.2 管理员功能模块(服务端)
管理员登录,管理员通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-8所示。
![](https://i-blog.csdnimg.cn/blog_migrate/07d809f89d6bdda437050628374bf29f.png)
图5-8管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、用户管理、活动分类管理、主办方管理、活动信息管理、活动报名管理、活动总结管理、系统管理等功能进行相应操作,如图5-9所示。
![](https://i-blog.csdnimg.cn/blog_migrate/dd33c9368ff9e58c4ab7ecae938a66ca.png)
图5-9管理员功能界图面