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

编号毕业设计(论文)基于HTML5的娱乐网站的设计与实现DesignandRealizationofEntertainmentWebsiteBasedonHTML5学院名称电子与信息工程学院专业名称计算机科学与技术学生姓名修朋飞学号130401016指导教师李晗讲师2017年6月25日摘要在Internet飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，正以一种前所未有的冲击力影响着人类的活动。它在人们的政治、经济、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显得格外重要，尤其娱乐网站已成为企业单位信息化建设中的重要组成部分。娱乐网站是以HTML5为基础，Hbuilder为开发工具，后台使用PHP脚本语言，数据库采用MySQL，实现了开心一刻、天气预报、实时新闻、百思不得姐、智能机器人、简易blog、在线音乐等功能。网站页面采用响应式布局以适应不同分辨率的设备，同时使用了bootstrap框架，使得界面更加美观。请求数据则使用Ajax异步刷新提高了用户体验。娱乐网站部分数据采用APIStore接口数据，不仅提高了网站的性能而且节约了流量。整个网站采用动静态效果结合，并且使用版块分界，减少冗杂的栏目与小版块，使整个网站简洁、清新、又不失活泼。为提高用户体验，对首页运用有关动漫的Canvas动画，并且用纯色作为背景。用户可根据自己的喜好选择不同颜色的皮肤样式。关键词：娱乐网站；浏览器/服务器模式；MySQLAbstractToday,withtherapiddevelopmentofInternet,Internethasbecomeanimportantchannelforpeopletoacquire,issueandtransmitinformationatafastspeed,whichisinfluencingmankind'sactivityinanunprecedentedimpactforce.Internetplaysavitalroleinmanyaspectssuchaspolitics,economyandlifeandsoon.Thus,statusofwebsiteconstructionisextremelysignificantintheapplicationofInternet,especiallyentertainmentwebsitehasbecomeaninseparablepartofenterpriseinformationconstruction.EntertainmentwebsiteregardsHTML5asabasis,Hbuilderasadevelopmenttool,whosedaemonicapplicationadoptsPHPJavaScriptandMySQLisadoptedindatabase,whichrealizessomefunctionssuchasjoyfulmoment,weatherforecast,newsfeeds,birdlovesheep,smartrobot,simpleblogandonlinemusic,etc.Thesitepageusesaresponsivelayouttoaccommodatedifferentresolutiondevices,andusesthebootstrapframeworktomaketheinterfacemorebeautiful.RequirementdatautilizeAjax,whichimprovesuserexperience.SomedataofentertainmentwebsiteusesAPIStore,whichnotonlybooststheperformanceofwebsite,butalsosavesrateofflow.Thewholewebsitecombinesdynamicswithstaticsandusesformasadividinglineinordertoreducemiscellaneouscolumnandsmallforumandmakethewholewebsiteclean,freshandactive.Canvascartoonisadoptedinthefrontpageagainstthebackgroundofpuritysoastoenhanceuserexperience.Theuserscanchooseskinstylewithdifferentcoloraccordingtoindividualpreference.Keywords:Entertainmentwebsite;B/Smode;MySQL目录摘要.........................................................................................................................................IAbstract....................................................................................................................................II第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前台首页概述..................................................................................................155.1.2前台首页的实现..............................................................................................155.2开心一刻模块设计....................................................................................................175.2.1开心一刻模块概述..........................................................................................175.2.2开心一刻的实现..............................................................................................175.3实时新闻模块设计....................................................................................................205.3.1实时新闻模块概述........................................................................