《基于HTML的娱乐网站的设计与实现》由会员分享，可在线阅读，更多相关《基于HTML的娱乐网站的设计与实现（62页珍藏版）》请在金锄头文库上搜索。
1、基于HTML的娱乐网站的设计与实现 作者： 日期： 编号毕业设计(论文)基于HTML5的娱乐网站的设计与实现Design and Realization of Entertainment Website Based on HTML5 学院名称电子与信息工程学院 专业名称计算机科学与技术 学生姓名修 朋 飞 学号130401016 指导教师李晗 讲师2017年6月25日摘 要在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们的政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位
2、显得格外重要，尤其娱乐网站已成为企业单位信息化建设中的重要组成部分。娱乐网站是以HTML5为基础，Hbuilder为开发工具，后台使用PHP脚本语言，数据库采用MySQL，实现了开心一刻、天气预报、实时新闻、百思不得姐、智能机器人、简易blog、在线音乐等功能。网站页面采用响应式布局以适应不同分辨率的设备，同时使用了bootstrap框架，使得界面更加美观。请求数据则使用Ajax异步刷新提高了用户体验。娱乐网站部分数据采用API Store 接口数据，不仅提高了网站的性能而且节约了流量。整个网站采用动静态效果结合，并且使用版块分界，减少冗杂的栏目与小版块，使整个网站简洁、清新、又不失活泼。为提
3、高用户体验，对首页运用有关动漫的Canvas动画，并且用纯色作为背景。用户可根据自己的喜好选择不同颜色的皮肤样式。关键词：娱乐网站；浏览器/服务器模式；MySQLAbstractToday, with the rapid development of Internet, Internet has become an important channel for people to acquire, issue and transmit information at a fast speed, which is influencing mankinds activity in an unprece
4、dented impact force. Internet plays a vital role in many aspects such as politics, economy and life and so on. Thus, status of website construction is extremely significant in the application of Internet, especially entertainment website has become an inseparable part of enterprise information const
5、ruction.EntertainmentwebsiteregardsHTML5asabasis,Hbuilderasadevelopmenttool,whosedaemonicapplicationadoptsPHPJavaScriptandMySQLisadoptedindatabase,whichrealizessomefunctionssuchasjoyfulmoment,weatherforecast,newsfeeds,birdlovesheep,smartrobot,simpleblogandonlinemusic,etc.Thesitepageusesaresponsivela
6、youttoaccommodatedifferentresolutiondevices,andusesthebootstrapframeworktomaketheinterfacemorebeautiful.RequirementdatautilizeAjax,whichimprovesuserexperience.SomedataofentertainmentwebsiteusesAPIStore,whichnotonlybooststheperformanceofwebsite,butalsosavesrateofflow. The whole website combines dynam
7、ics with statics and uses form as a dividing line in order to reduce miscellaneous column and small forum and make the whole website clean, fresh and active. Canvas cartoon is adopted in the front page against the background of purity so as to enhance user experience. The users can choose skin style
8、 with different color according to individual preference.Key words: Entertainment website; B/S mode; MySQL目 录摘 要IAbstractII第1章 绪论11.1 网站背景11.2 网站设计的意义11.3 网站达到的目标1第2章 需求分析32.1 需求分析32.2数据字典3第3章 总体设计63.1 网站模块设计63.2 网站功能模块图7第4章 数据库设计84.1 数据库理论基础84.2 数据库设计94.3 逻辑设计12第5章 详细设计与编码155.1 前台首页设计155.1.1 前台首页概述
9、155.1.2 前台首页的实现155.2 开心一刻模块设计175.2.1 开心一刻模块概述175.2.2 开心一刻的实现175.3 实时新闻模块设计205.3.1 实时新闻模块概述205.3.2 实时新闻的实现205.4 智能机器人模块设计225.4.1 智能机器人模块概述225.4.2 智能机器人的实现225.5百思不得姐模块设计235.5.1 百思不得姐模块概述235.5.2 百思不得姐的实现235.6星座配对模块设计255.6.1 星座配对模块概述255.6.2 星座配对的实现255.7简易blog模块设计265.7.1 简易blog模块概述265.7.2 简易blog的实现265.8
10、在线音乐模块的设计295.8.1 在线音乐模块的概述295.8.2 在新音乐的实现295.9 后台界面设计345.9.1 后台首页概述345.9.2 后台首页的实现34第6章 网站的调试与测试366.1 网站调试与测试说明366.2 网站测试方法366.3 网站测试类型366.4 调试过程及调试结果分析376.4.1登陆功能的测试376.4.2 文章发表功能的测试38第7章 总结与展望40参考文献41致 谢42附 录43附 录52第1章 绪论1.1 网站背景当前，随着计算机技术与通信技术的发展，网络的规模也逐渐增大。网络的元素也随之而不断增加。有的利用其进行进行通信，有的利用其作为商业用途，在
11、网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少的元素，而网站就是这个网络的一个很大的元素。所谓网站(Website)，就是指在网际网路（因特网）上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务1。1.2 网站设计的意义HTML作为一种样式语言，随着Internet上信息量的增多和交互性的加强使HTML显得越来越难以胜任的情
12、况之下，在HTML编程语言高度发展的形式下，我们开始了对动态网站网站的开发。动态网站又将娱乐网站再提升一个档次，动态娱乐网站能够实时更新数据库内容，让用户时刻能够看到最新的内容，这让娱乐网站的实现更加具有现实意义了。用户可以免费在网站发表问题进行交流、玩游戏、看新闻、读笑话等，也可以在线听音乐，对喜欢的音乐可以收藏、自定也皮肤样式，以便其他有相同爱好的用户可以更便捷的找到排名最高的音乐，同时增加了用户体验。 作为一个供众多用户免费浏览的网站，并不是做亏本的生意，随着大量网友的参与，以及点击率的增加，可以招商进行广告位的出售，通过在网页上加载各个公司的广告来维持网站运营所需的资金，从而获得利益。
13、而广告商之所以会在本网站进行广告的投放，就取决于本网站是否具有较大数量的会员、用户，以及较高的点击率。而要想拥有这些吸引广告投资商的资本，就要通过对用户增加较多的权限来实现。所以，充分考虑到这一点，使网站的建立更具有现实意义2。1.3 网站达到的目标娱乐网站属于小型网站，在实施后，达到一下目标：（1）网站具有多样性。其中包括：新闻模块、开心一刻模块、天气预报模块、智能机器人模块、星座配对模块、在线音乐模块、在线游戏模块、生活百科搜索等模块。（2）操作简单方便，界面简洁美观。（3）网站提供了天气预报功能，便于实时查看天气。（4）进入网站首页随机获取一条名人名言或手动刷新获取。（5）实现每日从云端
14、自动获取实时新闻，开心一刻，百思不得姐等。（6）网站提供音乐在线搜索、搜索提示、收藏、单曲循环、列表循环等功能。（7）用户登陆成功后可发表文章、点赞等。（8）网站提供智能机器人、即问即答。（9）网站运行稳定，安全可靠。第2章 需求分析2.1 需求分析网站共分为前台和后台：前台主要用于用户注册和登录网站、在线音乐、在线游戏、新闻头条、笑话浏览以及修改个人资料等；后台主要用于查看用户信息、发布通知。网站前台的功能模块：（1）天气预报模块：主要是根据用户所在IP显示当前地区天气状况。每4小时更新一次。（2）开心一刻模块：主要包括图片笑话和文字笑话两种模式，每页显示20条数据。（3）新闻头条模块：该模块是新闻类的其中一个，每页显示20条。可以换页。（4）简易blog模块：主要包括查看发表文章、发表文章、删除文章、点赞等功能。（5）热歌模块：该模块根据用户收藏歌曲数量进行排名，选出收藏次数最多的前十首歌
