第5章系统详细设计

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV16N41177PC/

三、运行截图：

3.1管理员功能模块

管理员登录，管理员通过输入用户名、密码等信息进行系统登录，如图3-1所示。

图3-1管理员登录界面图

管理员登录进入个人网站可以查看；个人中心、博文类型管理、学生博客管理、学生管理、论坛信息、管理员管理、我的收藏管理、留言板管理、系统管理等内容，如图3-2所示。

图3-2管理员功能界面图

博文类型管理，在博文类型管理页面可以填写博文类型、标题、内容、发布时间、图片等内容，并可根据需要对博文类型管理进行修改或删除等操作，如图3-3所示。

图3-3博文类型管理界面图

管理员管理，在管理员管理页面可以填写用户名、密码、角色等内容，并可根据需要对管理员管理进行，修改或删除等操作，如图3-4所示。

图3-4管理员管理界面图

我的收藏管理，在我的收藏管理页面可以填写用户id、收藏id、表名、收藏名称、收藏图片等进行修改，删除或查看详细内容等操作，如图3-5所示。

图3-5我的收藏管理界面图

留言板管理，在留言板管理页面可以查看留言人id、用户名、留言内容、回复内容等内容，并可根据需要对留言板管理进行查看，修改，删除或详细内容等操作，如图3-6所示。

图3-6留言板管理界面图

客服聊天表管理 ，在客服聊天表管理页面可以查看新消息、状态等内容，并可根据需要对客服聊天表管理进行回复等操作，如图3-7所示。

图3-7客服聊天表管理界面图

3.2学生功能模块

学生登录进入个人网站可以查看个人中心、学生博客管理、留言板管理、论坛信息、我的收藏管理、系统管理等内容，如图3-8所示。

图3-8学生功能界面图

学生博客管理，在学生博客管理页面通过填写文章标题、分类、封面图片、简述、文章内容、发布时间、学号、姓名、文件、用户id等内容并可根据需要对学生博客管理进行查看，如图3-9所示。

图3-9学生博客管理界面图

留言板管理，在留言板管理页面可以填写留言人id、用户名、留言内容、回复内容等内容，并可根据需要进行查看操作，如图3-10所示。

图3-10留言板管理界面图

论坛信息，在论坛信息页面可以查看帖子标题、帖子内容、父节点id、用户id、用户名、状态等内容，并可根据需要对论坛信息查看详细内容等操作，如图3-11所示。

图3-11论坛信息界面图

我的收藏管理，在我的收藏管理页面可以查看用户id、收藏id、表名、收藏名称、收藏图片等内容，并可根据需要对我的收藏管理查看、修改等操作，如图3-12所示。

图3-12我的收藏管理界面图

新闻资讯管理，在新闻资讯管理页面可以查看标题、简介、图片、内容等内容，并可根据需要对新闻资讯管理查看等操作，如图3-13所示。

图3-13新闻资讯管理界面图

3.3前台首页功能模块

学生登录进入个人网站可以首页、博文类型、学生博客、论坛信息、新闻资讯、留言反馈、我的、跳转到后台、客服等内容，如图3-14所示。

图3-14前台首页功能界面图

博文类型，在博文类型页面通过填写博文类型、标题、内容、发布时间、图片等信息进行点我收藏，如图3-15所示。

图3-15博文类型界面图

学生博客，在学生博客页面可以填写文章标题、分类、封面图片、简述、文章内容、发布时间、学号、姓名、文件等内容，进行点我收藏，如图3-16所示。

图3-16学生博客界面图

论坛信息，在论坛信息页面可以填写标题、类型、内容等信息，并可根据需要对论坛信息进行发布帖子操作，如图3-17所示。

图3-17论坛信息界面图

留言反馈，在留言反馈页面可以填写留言内容等信息，并可根据需要对留言反馈进行提交等操作，如图3-18所示。

图3-18留言反馈界面图

个人中心，在个人中心页面可以填写学号、密码、姓名、性别、年龄、学院、专业、电话、邮箱、身份证等信息，并可根据需要对个人中心进行更新信息、退出登录等操作，如图3-19所示。

图3-19个人中心界面图