基于HTML5的移动端游戏新闻系统的设计与实现-电子与通信工程专业论文.docxVIP

Dissertation Submitted to Zhejiang University of Technology for the Degree of Master DESIGN AND IMPLEMENTATION OF MOBIBLE GAME NEWS SYSTEM BASED ON HTML5 Candidate: Yabin Wei Advisor: Associate Prof. Hong Peng College of Information Engineering Zhejiang University of Technology Nov 2015 浙江工业大学 学位论文原创性声明 本人郑重声明：所提交的学位论文是本人在导师的指导下，独立进行研究工作 所取得的研究成果。除文中已经加以标注引用的内容外，本论文不包含其他个人或 集体已经发表或撰写过的研究成果，也不含为获得浙江工业大学或其它教育机构的 学位证书而使用过的材料。对本文的研究作出重要贡献的个人和集体，均已在文中 以明确方式标明。本人承担本声明的法律责任。 作者签名： 日期： 年 月 日 学位论文版权使用授权书 本学位论文作者完全了解学校有关保留、使用学位论文的规定，同意学校保留 并向国家有关部门或机构送交论文的复印件和电子版，允许论文被查阅和借阅。本 人授权浙江工业大学可以将本学位论文的全部或部分内容编入有关数据库进行检 索，可以采用影印、缩印或扫描等复制手段保存和汇编本学位论文。 本学位论文属于 1、保密□，在_ 年解密后适用本授权书。 2、不保密□。 （请在以上相应方框内打“ √ ”） 作者签名： 日期： 年 月 日 导师签名： 日期： 年 月 日 基于 HTML5 的移动端游戏新闻系统的设计与实现 摘 要 随着移动互联网时代的到来，用户不再满足于仅仅使用计算机来购物、看新闻、看视 频、听音乐等日常行为。随着智能机越来越智能以及其轻巧、易于携带等特点推动着人们 把很多功能搬到手机客户端来完成，这也是市场上各种 APP 层出不穷的原因。但是 APP 需要每个客户机安装相应的客户端软件，而 web 网页正好解决了这个问题，将客户端移到 浏览器上。与此同时，随着 4G 网络的推广，高速的数据传输使得手机用户有这样的条件 来满足快速加载网页的需求。 本项目以手机用户作为受众目标，针对触屏终端 UI 和交互设计，开发了一个移动端 的游戏新闻系统。本文首先对比了 HTML4 与 HTML5 的优劣，选取了 HTML5+CSS3+JS 前端新技术、MYSQL 后台数据库技术和 Spring MVC 服务器框架进行综合开发；接着对该 系统的目标用户需求及移动端新闻类应用的功能需求进行了系统的分析，并根据需求完成 界面设计以及可在不同手机屏幕分辨率上良好展示的响应式开发；然后实现前端界面与后 台新闻发布系统的数据交互，实现在后端新闻发布系统上传的新闻在前端界面有良好的展 示，并实现当用户访问网址时，通过向服务器请求样式风格、交互行为、数据库等文件后， 在浏览器端渲染，进行展示界面；最后在 iPhone6 手机/iPad 2.0 平板电脑+Safari 浏览器上 进行移动终端的实际测试。 本游戏新闻系统已上线使用，实现了图片轮播、评论跟帖、分享等功能，提供基于大 屏幕触控界面优化的资讯发布平台，全面提升用户体验，同时为移动端游戏广告市场提供 服务，取得了较好的预期效果。 关键词：移动触屏版，新闻类，HTML5，MYSQL DESIGN AND IMPLEMENTATION OF MOBIBLE GAME NEWS SYSTEM BASED ON HTML5 ABSTRACT With the arrival of the mobile Internet era, people are no longer satisfied with just using computers to shopping, watch news, watch TV, listen to music and so on. For the mobile phone is more and more intelligent and easy to take along, people use the mobile phone to complete the most functions, this is also the reason APP endless variety on the market. But app needs each client installs the appropriate client software, and web pages just to