计算机毕业设计 407的网络视频播放器 毕设

本文详细描述了一个使用Java、JavaScript和VUE.js开发的网络视频播放器项目,涉及前后台功能模块,包括用户登录、管理员管理(如用户管理、公告管理等)、用户功能(如视频信息管理、收藏管理)和轮播图管理。

5统详细设计

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

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

三、运行截图:


3.1前台首页功能模块

网络视频播放器,在系统首页可以查看首页、视频信息、系统公告、论坛信息、我的、跳转到后台、客服等内容,如图3-1所示。

c3da10585c0099b3bcc9ec95370c3fa1.jpeg

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

    用户登录,在登录页面可以填写账号、密码等信息进行登录,如图3-2所示。

7f5ae5b2555c3dcc3a878a5ad59e0997.jpeg

图3-2用户登录界面图

视频信息,在视频信息页面通过查看视频名称、视频类型等信息进行点我收藏,如图3-3所示。在系统公告页面通过查看公告标题、公告类型、发布日期等信息进行提交操作,如图3-4所示。

cfebf2a38edeaaa5d73e11540133b92f.jpeg

图3-3视频信息界面图

e0bf71a40d120e72c98815183e6ead21.jpeg

图3-4系统公告界面图

3.2管理员功能模块

管理员登录,通过填写用户名、密码进行登录,如图3-5所示。

ff17fdbfb995b3be458267cb38aa89d0.jpeg

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

管理员登录进入网络视频播放器可以查看个人中心、用户管理、视频信息管理、系统公告管理、交流论坛、我的收藏管理、系统管理等信息。

用户管理,在用户管理页面中可以通过查看账号、姓名、性别、手机、邮箱、照片、备注等内容进行修改、删除,如图3-6所示。还可以根据需要对视频信息管理进行详情,修改等详细操作,如图3-7所示。

40e554b80da26ee0ed4821ce695973a0.jpeg

图3-6用户管理界面图

7915bf72845516f509e3aaf69bbf82a3.jpeg

图3-7视频信息管理界面图

系统公告管理,在系统公告管理页面中可以查看公告标题、公告类型、图片、内容、发布日期等信息,并可根据需要对已有系统公告管理进行修改或删除等操作,如图3-8所示。

a5a71be8a50b248761c9cdb224b1448b.jpeg

图3-8系统公告管理界面图

交流论坛,在交流论坛页面中可以查看帖子标题、帖子内容、父节点id、用户id、用户名、状态等信息,并可根据需要对已有交流论坛进行修改或删除等详细操作,如图3-9所示。

29f24a4e1f9d906fc080a075fa42deaa.jpeg

图3-9交流论坛界面图

我的收藏管理,在我的收藏管理页面中可以查看用户id、收藏id、表名、收藏名称、收藏图片等内容,并且根据需要对已有我的收藏管理进行详情,修改或删除等详细操作,如图3-10所示。

af870e68f590b331314fa946b49b0f6e.jpeg

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

轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图3-11所示。

85521701ae54503d77d3729148f662ec.jpeg

图3-11轮播图管理界面图

3.3用户功能模块

用户登录进入网络视频播放器可以查看个人中心、视频信息管理、系统公告管理、我的收藏管理等内容。

视频信息管理,在视频信息管理页面中通过查看视频名称、视频类型、封面、视频、视频详情等信息,还可以根据需要对视频信息管理进行修改,如图3-12所示。

478da5d98559e00d2d4603a844409101.jpeg

图3-12视频信息管理界面图

系统公告管理,在系统公告管理页面中可以查看公告标题、公告类型、图片、内容、发布日期等信息,并且根据需要对已有系统公告管理进行查看操作,如图3-13所示。

5807c9dccb9058e63a3c9e284f536dd6.jpeg

图3-13系统公告管理界面图

我的收藏管理,在我的收藏管理页面中可以查看用户id、收藏id、表名、收藏名称、收藏图片等信息,并且根据需要对已有我的收藏管理进行查看、修改、删除操作,如图3-14所示。

b5c9bb466ee0a89d96ebee0dbae7a2a7.jpeg

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值