该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流
项目运行
环境配置:
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毕设帮助,指导,本源码(见文末),调试部署
5系统界面实现
5.1 APP端
用户登录,用户通过输入用户名和密码,选择角色并点击登录进行系统登录操作,如图5-1所示。
图5-1用户登录界面图
主办方注册,在主办方注册页面通过填写主办方账号、密码、主办方姓名、性别、主办方手机、身份证等信息进行注册操作;如图5-2所示。
图5-2主办方注册界面图
用户注册,在用户注册页面通过填写用户账号、密码、用户姓名、性别、学校、班级、兴趣爱好、用户手机等信息进行注册操作;如图5-3所示。
图5-3用户注册界面图
用户登陆系统后,可以对首页、活动信息、公告栏、我的等功能进行详细操作,如图5-4所示。
图5-4系统首页界面图
活动信息,在活动信息页面可以查看活动标题、图片、活动分类、主办方账号、主办方姓名、主办方手机、开始时间、结束时间、活动时间、活动状态、经度、纬度、地址、活动介绍等信息, 用户进行报名,主办方进行活动总结,评论或收藏等操作;如图5-5所示。
图5-5活动信息界面图
主办方,在我的页面可以对活动信息、活动报名、活动总结等详细信息进行操作,如图5-6所示。
图5-6主办方界面图
用户,在我的页面可以对活动信息、活动报名等详细信息进行操作,如图5-7所示。
图5-7用户界面图
5.2 管理员功能模块(服务端)
管理员登录,管理员通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图5-8所示。
图5-8管理员登录界图面
管理员登陆系统后,可以对首页、个人中心、用户管理、活动分类管理、主办方管理、活动信息管理、活动报名管理、活动总结管理、系统管理等功能进行相应操作,如图5-9所示。
图5-9管理员功能界图面
用户管理,在用户管理页面可以对索引、用户账号、用户姓名、性别、学校、专业、班级、兴趣爱好、用户手机等内容进行详情、修改或删除等操作,如图5-10所示。
图5-10用户管理界面图
活动分类管理,在活动分类管理页面可以对索引、活动分类等内容进行修改或删除等操作,如图5-11所示。
图5-11活动分类管理界面图
主办方管理,在主办方管理页面可以对索引、主办方账号、主办方姓名、性别、头像、主办方手机、身份证等内容进行详情,修改或删除等操作,如图5-12所示。
图5-12主办方管理界面图
活动信息管理,在活动信息管理页面可以对索引、活动标题、活动海报、活动分类、主办方账号、主办方姓名、主办方手机、开始时间、结束时间、活动时间、活动状态、地址等内容进行详情、修改、查看评论或删除等操作,如图5-13所示。
图5-13活动信息管理界面图
活动报名管理,在活动报名管理页面可以对索引、活动标题、活动海报、活动分类、主办方号、主办方姓名、主办方手机、开始时间、结束时间、报名时间、用户账号、用户姓名、用户手机、审核回复、审核状态等内容进行详情、修改或删除等操作,如图5-14所示。
图5-14活动报名管理界面图
活动总结管理,在活动总结管理页面可以对索引、活动标题、活动海报、主办方账号、主办方姓名、结束时间、总结时间等内容进行详情、修改或删除等操作,如图5-15所示。
图5-15活动总结管理界面图
系统管理,在公告栏页面可以对索引、标题、图片等内容进行详情、修改或删除等操作,还可以对轮播图管理进行相应操作;如图5-16所示。
图5-16系统管理界面图