本科毕业设计（论文）
基于 HTML5 的视频分享网站
学 院 计算机学院
专 业 网络 工程
年级班别 20 13
级（ 2 ）班
学 号 3113006452
学生姓名
指导教师
2017 年 5 月
基
于
HT
M
L5
的
视
频
分
享
网
站
计
算
机
学
院
摘 要
随着网络的发展，越来越多人通过上网进行学习，方便快捷地获取所需的知识。
在这种情况下，出现了不少慕课网站，为在校学生、职场白领等提供了一个迅速提升
技能、共同分享进步的学习平台。本系统通过将慕课视频与弹幕技术结合起来，形成
一个简易的慕课弹幕视频分享系统。
系统所涉及的技术分别有 PHP、MySQL、Html5、CSS、JavaScript 等等，并在定
义、特点方面进行了简单介绍。
本文在视频分享网站设计方面，分别对需求分析、概要设计、详细设计进行了说
明，其中主要对数据库设计的 E-R 模型、各表的数据结构进行介绍。
详细介绍了系统的实现，主要对程序代码进行了说明并对运行进行了截图说明。
分别对数据库访问类的实现、后台管理功能界面的设计、前台功能界面的实现等进行
了详细说明。
本系统具有用户浏览公告、发布视频、查看视频、发弹幕评论、点赞实现评论排
名和管理员视频分类管理、公告管理、视频信息管理、用户管理、管理弹幕评论等功
能。通过将慕课视频与弹幕技术结合起来，使用户在观看慕课视频进行学习的同时能
够对教学视频内容进行实时评论。同时通过点赞数的多少实现评论排名，排名不同的
评论在弹幕的显示不同。
本文最后对本系统所做的工作进行了总结，并说明了程序设计及实现中的不足及
改进要做的工作。
关键词：HTML5，慕课，视频，弹幕，网站
Abstract
With the development of the network, more and more people are learning through the
Internet, so as to obtain the knowledge quickly and conveniently. In this case, there have been
a lot of MOOC websites which provide a learning platform for students, white-collar workers
and other people to rapidly improve skills and share the progress together.This system
combines the MOOC video and barrage technology, forming a simple MOOC barrage video
sharing system.
The related technologies of the system are PHP、MySQL、Html5、CSS、JavaScript
and so on.And it briefly introduces their definition and characteristics.
About the design of the video sharing website, this paper respectively introduces the
demand analysis, the outline design and detailed design which mainly introduces the E-R
model of database design and the data structure of each table.
This paper describes the realization of the system in detail.It describes the program code
and explains the operation with the screenshot.It describes in details the implementation of
database access classes 、 the design of the background function and interface and the
implementation of the foreground function and interface.
The system has a lot of functions.For example, users can browse bulletins, release
videos, view videos, send the barrage reviews and point to comment rankings,and
administrators can manage video classification, manage announcements, manage video
messages, manage users, and manage barrage reviews. By combining the MOOC video and
barrage technology, it allows users to watch video lessons and comment on the content of the
teaching video at the same time. In addition, it makes commenting rank come true by the
number of points praise. The different rankings of comments show different in barrage.
Finally,this paper sums up the work of this system, and it explains the deficiency of
programming and realization and the work to be improved.
Key words：HTML5, MOOC, Video, Barrage, Website
目 录
摘 要...........................................................................................................................................3
1 绪论..........................................................................................................................................1
1.1 综述................................................................................................................................1
1.2 本文主要工作................................................................................................................1
1.3 本文结构........................................................................................................................2
2 相关技术..................................................................................................................................3
2.1 PHP................................................................................................................................3
2.2 MySQL...........................................................................................................................4
2.3 Html5.............................................................................................................................4
2.4 CSS.................................................................................................................................5
2.5 JavaScript.......................................................................................................................5
2.6 开源弹幕插件 DanmuPlayer.........................................................................................6
2.7 小结................................................................................................................................6
3.1 视频分享网站需求分析................................................................................................6
3.2 系统功能模块................................................................................................................8
3.2.1 后台管理的具体功能..........................................................................................8
3.2.2 前台的具体功能..................................................................................................8
3.3 数据库结构设计与实现................................................................................................8
3.3.1 实体图..................................................................................................................9
3.3.2 系统 E-R 图........................................................................................................10
3.3.3 数据库表的设计与实现....................................................................................11
3.4 小结..............................................................................................................................14
4 系统的实现............................................................................................................................14
4.1 数据库访问类的实现..................................................................................................14
4.1.1 Bulletin 类..........................................................................................................15
4.1.2 GoodsType 类.....................................................................................................15
4.1.3 Goods 类............................................................................................................15
