Document

5 系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

下面主要是通过功能实现界面截图的形式，并且运用文字来描述功能实现界面的内容。

3.1 管理员功能实现

3.1.1 视频管理

该功能主要用于实现对视频基本信息的管理，视频管理界面的运行效果见图3.1。在此界面，管理员下架不受欢迎的视频，删除需要删除的视频信息，可以添加视频信息，视频信息包括视频照片，热度，视频名称等信息。

图3.1 视频管理界面

3.1.2 视频留言管理

该功能主要用于实现对视频留言基本信息的管理，视频留言管理界面的运行效果见图3.2。在此界面，管理员对用户发布的关于视频方面的留言进行查看之后，管理员再发布视频留言回复信息。

图3.2 视频留言管理界面

3.1.3 用户管理

该功能主要用于实现对用户信息的管理，用户管理界面的运行效果见图3.3。在此界面，管理员负责添加用户手机号，用户头像等用户信息，对指定用户的账号重置密码，删除需要删除的用户等。

图3.3 用户管理界面

3.1.4 公告信息管理

该功能主要用于实现对公告基本信息的管理，公告信息管理界面的运行效果见图3.4。在此界面，管理员对公告增删改查管理。

图3.4 公告信息管理界面

3.1.5 单页数据管理

该功能主要用于实现对单页数据的管理。单页数据管理界面的运行效果见图3.5。在此界面，管理员对网站介绍，联系我们等信息进行管理。

图3.5 单页数据管理界面

3.2 用户功能实现

3.2.1 视频信息

视频信息界面的运行效果见图3.6。在此界面，用户收藏喜欢的视频，对视频的相关介绍进行查看，包括热度，视频类型等信息，用户在视频观看区域可以播放视频，暂停播放视频，以及快进查看视频等，在视频信息界面的下方留言区域，用户也能发布关于视频的留言。

图3.6 视频信息界面

3.2.2 公告信息

公告信息界面的运行效果见图3.7。在此界面，用户可以查看公告信息界面展示的任意一条公告内容。用户可以通过公告查询功能获取需要的公告信息。

图3.7 公告信息界面

3.2.3 网站介绍

网站介绍界面的运行效果见图3.8。在此界面，用户通过查看网站介绍信息来了解更多关于在线视频网站的内容。

图3.8 网站介绍界面