基于HTML5的娱乐网站的设计和实现.doc
《基于HTML5的娱乐网站的设计和实现.doc》由会员分享,可在线阅读,更多相关《基于HTML5的娱乐网站的设计和实现.doc(73页珍藏版)》请在咨信网上搜索。
1、 编号毕业设计(论文)基于HTML5娱乐网站设计和实现Design and Realization of Entertainment Website Based on HTML5 学院名称电子和信息工程学院 专业名称计算机科学和技术 学生姓名修 朋 飞 学号 指导老师李晗 讲师6月25日摘 要在Internet飞速发展今天,互联网已成为大家快速获取、公布和传输信息关键渠道,正以一个前所未有冲击力影响着人类活动。它在大家政治、经济、生活等各个方面发挥着关键作用。所以网站建设在Internet应用上地位显得格外关键,尤其娱乐网站已成为企业单位信息化建设中关键组成部分。娱乐网站是以HTML5为基础,
2、Hbuilder为开发工具,后台使用PHP脚本语言,数据库采取MySQL,实现了快乐一刻、天气预报、实时新闻、百思不得姐、智能机器人、简易blog、在线音乐等功效。网站页面采取响应式布局以适应不一样分辨率设备,同时使用了bootstrap框架,使得界面愈加美观。请求数据则使用Ajax异步刷新提升了用户体验。娱乐网站部分数据采取API Store 接口数据,不仅提升了网站性能而且节省了流量。整个网站采取动静态效果结合,而且使用版块分界,降低冗杂栏目和小版块,使整个网站简练、清新、又不失活泼。为提升用户体验,对首页利用相关动漫Canvas动画,而且用纯色作为背景。用户可依据自己喜好选择不一样颜色皮
3、肤样式。关键词:娱乐网站;浏览器/服务器模式;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 unprecedented impact force. Internet plays a vital role in m
4、any 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 construction.EntertainmentwebsiteregardsHTML5asabasis,Hbui
5、lderasadevelopmenttool,whosedaemonicapplicationadoptsPHPJavaScriptandMySQLisadoptedindatabase,whichrealizessomefunctionssuchasjoyfulmoment,weatherforecast,newsfeeds,birdlovesheep,smartrobot,simpleblogandonlinemusic,etc.Thesitepageusesaresponsivelayouttoaccommodatedifferentresolutiondevices,andusesth
6、ebootstrapframeworktomaketheinterfacemorebeautiful.RequirementdatautilizeAjax,whichimprovesuserexperience.SomedataofentertainmentwebsiteusesAPIStore,whichnotonlybooststheperformanceofwebsite,butalsosavesrateofflow. The whole website combines dynamics with statics and uses form as a dividing line in
7、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 with different color according to individual prefere
8、nce.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 前台首页概述155.1.2 前台首页实现155.2 快乐一刻模块设计175.2.1 快乐一刻模块概述175.2.2 快乐一
9、刻实现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 在线音乐模块设计295.8.1 在线音乐模块概述295.8.2 在新音乐实现295.9 后台界面设计345.9.1 后台首
10、页概述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 网站背景目前,伴随计算机技术和通信技术发展,网络规模也逐步增大。网络元素也随之而不停增加。有利用其进行进行通信,有利用其作为商业用途,在网络上进行出售、收购、宣传等用途。从而使得网络越来越成为现今社会上必不可少元素,而网站就是这个网络一个很大元素。所谓网站(Website),就是指
11、在网际网路(因特网)上,依据一定规则,使用HTML等工具制作用于展示特定内容相关网页集合。简单地说,网站是一个通讯工具,就像布告栏一样,大家能够经过网站来公布自己想要公开资讯(信息),或利用网站来提供相关网路服务(网络服务)。大家能够经过网页浏览器来访问网站,获取自己需要资讯(信息)或享受网路服务1。1.2 网站设计意义HTML作为一个样式语言,伴随Internet上信息量增多和交互性加强使HTML显得越来越难以胜任情况之下,在HTML编程语言高度发展形式下,我们开始了对动态网站网站开发。动态网站又将娱乐网站再提升一个档次,动态娱乐网站能够实时更新数据库内容,让用户时刻能够看到最新内容,这让娱
12、乐网站实现愈加含有现实意义了。用户能够无偿在网站发表问题进行交流、玩游戏、看新闻、读笑话等,也能够在线听音乐,对喜爱音乐能够收藏、自定也皮肤样式,方便其它有相同爱好用户能够更便捷找到排名最高音乐,同时增加了用户体验。 作为一个供众多用户无偿浏览网站,并不是做赔本生意,伴随大量网友参与,和点击率增加,能够招商进行广告位出售,经过在网页上加载各个企业广告来维持网站运行所需资金,从而取得利益。而广告商之所以会在本网站进行广告投放,就取决于本网站是否含有较大数量会员、用户,和较高点击率。而要想拥有这些吸引广告投资商资本,就要经过对用户增加较多权限来实现。所以,充足考虑到这一点,使网站建立更含有现实意义
13、2。1.3 网站达成目标娱乐网站属于小型网站,在实施后,达成一下目标:(1)网站含有多样性。其中包含:新闻模块、快乐一刻模块、天气预报模块、智能机器人模块、星座配对模块、在线音乐模块、在线游戏模块、生活百科搜索等模块。(2)操作简单方便,界面简练美观。(3)网站提供了天气预报功效,便于实时查看天气。(4)进入网站首页随机获取一条名人名言或手动刷新获取。(5)实现每日从云端自动获取实时新闻,快乐一刻,百思不得姐等。(6)网站提供音乐在线搜索、搜索提醒、收藏、单曲循环、列表循环等功效。(7)用户登陆成功后可发表文章、点赞等。(8)网站提供智能机器人、即问即答。(9)网站运行稳定,安全可靠。第2章
14、需求分析2.1 需求分析网站共分为前台和后台:前台关键用于用户注册和登录网站、在线音乐、在线游戏、新闻头条、笑话浏览和修改个人资料等;后台关键用于查看用户信息、公布通知。网站前台功效模块:(1)天气预报模块:关键是依据用户所在IP显示目前地域天气情况。每4小时更新一次。(2)快乐一刻模块:关键包含图片笑话和文字笑话两种模式,每页显示20条数据。(3)新闻头条模块:该模块是新闻类其中一个,每页显示20条。能够换页。(4)简易blog模块:关键包含查看发表文章、发表文章、删除文章、点赞等功效。(5)热歌模块:该模块依据用户收藏歌曲数量进行排名,选出收藏次数最多前十首歌曲。(6)名人名言模块:用户进
15、入网站首页系统随机从数据库中选出一条名人名言,用户也能够手动选择。(7)智能机器人模块:关键包含用户输入问题,机器人智能回复。(8)星座配对模块:用户选择两个想做,网站会匹配对应信息。(9)生活百科模块:关键是搜索功效,用户输入关键字进行百科搜索。(10)在线音乐模块:该模块是网站关键部分,点击导航中music进入在线音乐页面,该模块提供搜索、搜索提醒、收藏、播放模式、自定义皮肤等功效。(11)个人中心模块:该模块包含个人信息、历史发表文章统计、垃圾回收站、修改密码、修改个人信息等功效。(12)用户状态模块:该模块关键用于显示用户目前登录状态,假如没有登陆则显示登陆和注册假如用户已经登陆则显示
16、用户头像、用户名和退出。2.2数据字典数据字典是对网站中数据详尽描述,是网站数据清单。她提供对数据描述集中管理,目标是对搜集数据进行标准化、统一化管理,使数据有统一定义名称、格式和含义,其除了保留数据名、类型、长度、精度等相关信息外,还包含了数据流向描述、数据加工描述等等。在本网站中,数据字典是很关键自然数据。下面对其做具体介绍,以下表数据字典举例3-4。(1)用户信息表数据字典卡片名称:用户信息表别名:(无)描述:数据库中用于统计用户信息表定义:用户信息表=用户ID+用户名+密码+邮箱+头像+注册时间+密保问题+密保答案位置:用户信息表图2.1 用户信息表数据字典卡片(2)发表文章信息表数据
17、字典卡片名称:发表文章信息表别名:(无)描述:数据库中用于统计用户发表文章信息信息表定义:发表文章信息表=id编号+发表内容+发表时间+顶+踩位置:发表文章信息表图2.2 发表文章信息表数据字典卡片(3)名人名言信息表数据字典卡片名称:名人名言信息表别名:(无)描述:数据库中用于名人名言信息信息表定义:名人名言信息表=id编号+名人名称+名言位置:名人名言信息表图2.3 名人名言信息表数据字典卡(4)快乐一刻信息表数据字典卡片名称:快乐一刻信息表别名:(无)描述:数据库中用于统计快乐一刻信息信息表定义:快乐一刻信息表=id编号+标题+内容+图片地址+更新时间+类型位置:快乐一刻信息表图2.4
18、快乐一刻表数据字典卡片(5)歌曲收藏信息表数据字典卡片名称:歌曲收藏信息表别名:(无)描述:数据库中用于统计用户歌曲收藏信息信息表定义:歌曲收藏信息表=id编号+用户名+歌曲id+歌曲名称+歌曲链接+歌曲图片+歌手名称位置:歌曲收藏信息表图2.5 歌曲收藏信息表数据字典卡片(6)星座配对信息表数据字典卡片名称:星座配对信息表别名:(无)描述:数据库中用于统计星座配对信息信息表定义:星座配对信息表=id编号+星座1+星座2+内容1+内容2+标题位置:星座信息信息表图2.6 星座配对信息表数据字典卡片第3章 总体设计经过需求分析阶段工作,已经清楚了网站应该实现什么功效,那么下一步工作就是该怎样实现
19、这些功效,这就是总体设计工作。总来说,总体设计关键任务是依据需求规格说明导出网站实现方案。而最终目标是用比较抽象、概括方法确定网站怎样完成预定任务,也就是说要取得实现娱乐网站最好方案。通常来讲,好网站表现三个特点:其一是能够根据指定要求进行工作,功效、性能全部符合指定要求;其二是网站是可维护,可方便地进行修改;三是网站不只是代码,还有一套配置齐全文档。而好网站来自于最好设计方案。总体设计阶段是网站开发阶段上游阶段,该阶段是后续开发工作基础。在设计阶段所做种种决议直接影响软件质量,没有好设计就没有稳定网站,也不会有易维护软件5。3.1 网站模块设计依据娱乐网站特点,能够将其分为前台和后台两个部分
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 基于 HTML5 娱乐 网站 设计 实现
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【二***】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【二***】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。