5 系统实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1F84y1Q73u/
三、运行截图:
3.1系统功能模块
校园交友网站,在网站首页可以查看首页、线下活动、交友信息、交流论坛、公告信息、个人中心、后台管理等内容进行详细操作,如图3-1所示。
图3-1网站首页界面图
用户注册,在用户注册页面通过填写账号、密码、确认密码、姓名、年龄、手机等内容进行用户注册操作;如图3-2所示。
图3-2用户注册界面图
线下活动,在线下活动页面可以对活动名称、活动类型、活动地点、图片、活动时间、活动内容等内容进行报名,评论或收藏操作,如图3-3所示。
图3-3线下活动界面图
交友信息,在交友信息页面可以查看账号、姓名、性别、年龄、图片、兴趣爱好、交友目的、点击次数、个人简介等详细内容,并进行评论或收藏操作;如图3-4所示。
图3-4交友信息界面图
个人中心,在个人中心页面通过填写账号、密码、姓名、性别、年龄、手机、上传图片等内容进行更新信息操作,还可以对我的发布,我的收藏进行详细的操作;如图3-5所示。
图3-5个人中心界面图
3.2后台功能模块
后台登录,用户通过输入用户名、密码,选择角色并点击登录进行系统登录操作,如图3-6所示。
图3-6后台登录界面图
3.2.1管理员功能模块
管理员登录系统后,可以对首页、个人中心、用户管理、线下活动管理、交友信息管理、活动报名管理、交流论坛、系统管理等功能进行相应操作,如图3-7所示。
图3-7管理员功能界面图
用户管理,在用户管理页面可以对索引、账号、姓名、性别、年龄、手机、头像等信息进行详情、修改或删除等操作,如图3-8所示。
图3-8用户管理界面图
线下活动管理,在线下活动管理页面可以对索引、活动名称、活动类型、活动地点、活动时间、活动图片等内容进行详情,修改,查看评论或删除操作,如图3-9所示。
图3-9线下活动管理界面图
交友信息管理,在交友信息管理页面可以对索引、账号、姓名、性别、年龄、交友图片、审核回复、审核状态、审核等内容进行详情,查看评论或删除操作,如图3-10所示。
图3-10交友信息管理界面图
活动报名管理,在活动报名管理页面可以对索引、活动名称、活动类型、报名时间、报名说明、账号、姓名、审核回复、审核状态、审核等内容进行详情或删除操作,如图3-11所示。
图3-11活动报名管理界面图
交流论坛,在交流论坛页面可以对索引、帖子标题、用户名、状态等内容进行详情,修改,查看评论或删除操作,如图3-12所示。
图3-12交流论坛界面图
系统管理,在公告信息页面可以对索引、标题、图片等内容进行详情、修改和删除等操作,还可以对轮播图管理进行详细的操作;如图3-13所示。
图3-13系统管理界面图
3.2.2用户功能模块
用户登录进入系统,可以对首页、个人中心、交友信息管理、活动报名管理等功能进行相应操作,如图3-14所示。
图3-14用户功能界面图
交友信息管理,在交友信息管理页面可以对索引、账号、姓名、性别、年龄、交友图片、审核回复、审核状态等内容进行详情,修改,查看评论或删除操作,如图3-15所示。
图3-15交友信息管理界面图