基于HTML5的娱乐网站的设计与实现.doc

该【基于HTML5的娱乐网站的设计与实现 】是由【快乐蚂 蚁】上传分享，文档一共【71】页，该文档可以免费在线阅读，需要了解更多关于【基于HTML5的娱乐网站的设计与实现 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。编号
毕业设计(论文)
基于HTML5的娱乐网站的设计与实现
DesignandRealizationofEntertainmentWebsiteBasedonHTML5
学院名称
电子与信息工程学院
专业名称
计算机科学与技术
学生姓名
修朋飞
学号
130401016
指导教师
李晗讲师
2017年6月25日
本科生毕业设计(论文)
I
摘要
在Internet飞速发展的今天,互联网已成为人们快速获取、发布和传递信息的重要渠道,正以一种前所未有的冲击力影响着人类的活动。它在人们的政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显得格外重要,尤其娱乐网站已成为企业单位信息化建设中的重要组成部分。
娱乐网站是以HTML5为基础,Hbuilder为开发工具,后台使用PHP脚本语言,数据库采用MySQL,实现了开心一刻、天气预报、实时新闻、百思不得姐、智能机器人、简易blog、在线音乐等功能。网站页面采用响应式布局以适应不同分辨率的设备,同时使用了bootstrap框架,使得界面更加美观。请求数据则使用Ajax异步刷新提高了用户体验。娱乐网站部分数据采用APIStore接口数据,不仅提高了网站的性能而且节约了流量。
整个网站采用动静态效果结合,并且使用版块分界,减少冗杂的栏目与小版块,使整个网站简洁、清新、又不失活泼。为提高用户体验,对首页运用有关动漫的Canvas动画,并且用纯色作为背景。用户可根据自己的喜好选择不同颜色的皮肤样式。
关键词:娱乐网站;浏览器/服务器模式;MySQL
本科生毕业设计(论文)
Abstract
Today,withtherapiddevelopmentofInternet,Internethasbecomeanimportantchannelforpeopletoacquire,issueandtransmitinformationatafastspeed,whichisinfluencingmankind',,statusofwebsiteconstructionisextremelysignificantintheapplicationofInternet,especiallyentertainmentwebsitehasbecomeaninseparablepartofenterpriseinformationconstruction.
Entertainment website regards HTML5 as a basis, Hbuilder as a development tool, whose daemonic application adopts PHP JavaScript and MySQL is adopted in data base, which realizes some functions such as joyful moment, weather forecast, news feeds, bird love sheep, smart robot, simple blog and online music,etc. The site page uses a responsive layout to accommodate different resolution devices, and uses the bootstrap framework to make the interface more beautiful. Requirement data utilize Ajax, which improves user experience. Some data of entertainment website uses API Store, which not only boosts the performance of website, but also saves rate of flow.
Thewholewebsitecombinesdynamicswithstaticsandusesformasadividinglineinordertoreducemiscellaneouscolumnandsmallforumandmakethewholewebsiteclean,.
Keywords:Entertainmentwebsite;B/Smode;MySQL
II
目录辽宁工业大学工程硕士专业学位论文
64
本科生毕业设计(论文)
目录
摘要 I
Abstract II
第1章绪论 1
1
1
1
第2章需求分析 3
3
3
第3章总体设计 7
7
8
第4章数据库设计 10
10
11
14
第5章详细设计与编码 21
21
21
21
23
23
23
27
27
27
29
29
29
30
30
30
32
V
本科生毕业设计(论文)
32
32
33
33
33
36
36
36
41
41
41
第6章网站的调试与测试 44
44
44
44
45
45
46
第7章总结与展望 48
参考文献 49
致谢 51
附录Ⅰ 52
附录Ⅱ 61
VI
本科生毕业设计(论文)
第1章绪论

当前,随着计算机技术与通信技术的发展,网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信,有的利用其作为商业用途,在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素,而网站就是这个网络的一个很大的元素。
所谓网站(Website),就是指在网际网路(因特网)上,根据一定的规则,使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说,网站是一种通讯工具,就像布告栏一样,人们可以通过网站来发布自己想要公开的资讯(信息),或者利用网站来提供相关的网路服务(网络服务)。人们可以通过网页浏览器来访问网站,获取自己需要的资讯(信息)或者享受网路服务[1]。

HTML作为一种样式语言,随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情况之下,在HTML编程语言高度发展的形式下,我们开始了对动态网站网站的开发。动态网站又将娱乐网站再提升一个档次,动态娱乐网站能够实时更新数据库内容,让用户时刻能够看到最新的内容,这让娱乐网站的实现更加具有现实意义了。
用户可以免费在网站发表问题进行交流、玩游戏、看新闻、读笑话等,也可以在线听音乐,对喜欢的音乐可以收藏、自定也皮肤样式,以便其他有相同爱好的用户可以更便捷的找到排名最高的音乐,同时增加了用户体验。
作为一个供众多用户免费浏览的网站,并不是做亏本的生意,随着大量网友的参与,以及点击率的增加,可以招商进行广告位的出售,通过在网页上加载各个公司的广告来维持网站运营所需的资金,从而获得利益。而广告商之所以会在本网站进行广告的投放,就取决于本网站是否具有较大数量的会员、用户,以及较高的点击率。而要想拥有这些吸引广告投资商的资本,就要通过对用户增加较多的权限来实现。所以,充分考虑到这一点,使网站的建立更具有现实意义[2]。

娱乐网站属于小型网站,在实施后,达到一下目标:
(1)网站具有多样性。其中包括:新闻模块、开心一刻模块、天气预报模块、智能机器人模块、星座配对模块、在线音乐模块、在线游戏模块、生活百科搜索等模块。
(2)操作简单方便,界面简洁美观。
(3)网站提供了天气预报功能,便于实时查看天气。
1
本科生毕业设计(论文)
(4)进入网站首页随机获取一条名人名言或手动刷新获取。
(5)实现每日从云端自动获取实时新闻,开心一刻,百思不得姐等。
(6)网站提供音乐在线搜索、搜索提示、收藏、单曲循环、列表循环等功能。
(7)用户登陆成功后可发表文章、点赞等。
(8)网站提供智能机器人、即问即答。
(9)网站运行稳定,安全可靠。
2
本科生毕业设计(论文)
第2章需求分析

网站共分为前台和后台:前台主要用于用户注册和登录网站、在线音乐、在线游戏、新闻头条、笑话浏览以及修改个人资料等;后台主要用于查看用户信息、发布通知。
网站前台的功能模块:
(1)天气预报模块:主要是根据用户所在IP显示当前地区天气状况。每4小时更新一次。
(2)开心一刻模块:主要包括图片笑话和文字笑话两种模式,每页显示20条数据。
(3)新闻头条模块:该模块是新闻类的其中一个,每页显示20条。可以换页。
(4)简易blog模块:主要包括查看发表文章、发表文章、删除文章、点赞等功能。
(5)热歌模块:该模块根据用户收藏歌曲数量进行排名,选出收藏次数最多的前十首歌曲。
(6)名人名言模块:用户进入网站首页系统随机从数据库中选出一条名人名言,用户也可以手动选择。
(7)智能机器人模块:主要包括用户输入问题,机器人智能回答。
(8)星座配对模块:用户选择两个想做,网站会匹配对应的信息。
(9)生活百科模块:主要是搜索功能,用户输入关键字进行百科搜索。
(10)在线音乐模块:该模块是网站的主要部分,点击导航中的music进入在线音乐页面,该模块提供搜索、搜索提示、收藏、播放模式、自定义皮肤等功能。
(11)个人中心模块:该模块包括个人信息、历史发表文章记录、垃圾回收站、修改密码、修改个人信息等功能。
(12)用户状态模块:该模块主要用于显示用户当前登录状态,如果没有登陆则显示登陆和注册如果用户已经登陆则显示用户头像、用户名和退出。

数据字典是对网站中数据的详尽描述,是网站数据的清单。他提供对数据描述的集中管理,目的是对收集的数据进行标准化、统一化管理,使数据有统一定义的名称、格式和含义,其除了保存数据名、类型、长度、精度等有关信息外,还包括了数据的流向描述、数据加工的描述等等。在本网站中,数据字典是非常重要的自然数据。下面对其做详细的介绍,如下表数据字典举例[3-4]。
3