摘 要

随着互联网时代的到来，多终端享受网络给我们日常生活所带来的便捷已经成为日常生活中的一部分。现如今PC端的网络已无法满足人们的需求，很多应用都是从web端使用，将数据存在云上，这样的应用方式给大家的生活带来更多的安全感和数据实时共享的便捷感。随着这种趋势不断的被大家所认可，HTML5技术也应运而生。HTML5是近几年来Web标准的巨大飞跃，与以前的各个版本所不同的是，HTML5不单单可以表示Web，它将Web开发带进了一个音频、图象、视频和动画，以及与电脑的交互模式都被标准化的更加成熟应用平台上。所以研究HTML5，并且应用于实践不仅是顺应潮流应运而生并且有着非常重要的意义。 以前的新闻发布系统以及管理的过程原本是非常复杂非常麻烦的，每一步都耗时又耗力。有了基于HTML5的新闻发布管理系统知乎，新闻的发布会更加及时，而新闻的管理会变得更加系统也会更及时。

本系统采用PHP MySQL SAE的开发工具与环境，其目的是为了开发一个可以多终端便捷的进行登录、查询、操作的新闻发布系统。本系统实现了人们对于新闻发布系统最基本的需求。除了可以通过PC端登陆，在手机端也可以登录，并且不论是何种尺寸的屏幕，新闻都能够以最舒服的方式展现给大家看，实现最流畅的阅读。论文中对系统设计的过程，成果以及测试进行了详细的说明。

关键字：HTML5；PHP；兼容;

Abstract

With the advent of the Internet era,the convenience from the end of the network in our daily life has become a part of everyday life. Now PC network has been unable to meet the people needs and the Internet, mobile Internet application gradually into people's sight, more and more applications are used directly from the web client, the data is stored in the cloud, this way of application to everyone's life with more sense of security and data real-time sharing convenient flu. As this trend continues to be recognized by everyone, HTML5 technology also came into being. HTML5 is in recent years web standards of the great leap forward, and previous versions of each different is, HTML5 is not only can express the content of the web, which is of the greatest value lies in the web development into a more mature application platform, in the platform, audio, image, video and animation, and interactive mode of computer have been standardized. So the research of HTML5, and applied in practice is not only conform to the trend of the times and has important significance.

The system uses PHP MySQL SAE development tools and environment, the purpose is to develop a more convenient for the terminal to log on, query, operation of the news release system. The system to achieve the most basic needs of the news release system, in addition to the development of the function, there is a need to emphasize the concept of mobile portal. In addition to landing through the PC side, the mobile phone can also log in, and regardless of the size of the screen, the news can be displayed in the most comfortable way to everyone to see, to achieve the most smooth reading. The process, results and testing of the system design are described in detail in the paper.

KeyWords:HTML5；PHP；compatible；

目 录

第一章 绪论 1

1.1系统的研究目的和意义 1

1.2国内外发展现状 1

1.3系统开发内容 2

1.4论文组织结构 3

第二章 关键技术及开发工具的介绍 4

2.1开发工具 4

2.2HTML5技术 4

2.2.1 HTML5是可以做什么 4

2.2.2HTML5的浏览器支持 5

2.2.3HTML5的发展前景 5

2.3PHP技术 5

第三章 需求分析 7

3.1需求说明 7

3.2用户及其特点 7

3.3用例图 8

3.4结构图 9

第四章 系统分析与总体设计 10

4.1系统功能描述 10

4.2系统功能模块 11

4.3系统概要设计 12

4.4系统流程分析 12

第五章 详细设计与实现 14

5.1数据库设计与实现 14

5.2业务模块的实现 17

5.2.1登录与注册模块 17

5.2.2新闻管理模块 18

5.2.3新闻类别模块 19

5.2.4新闻浏览模块 20

5.3屏幕兼容实现 21

第六章 测试 22

6.1测试目的 22

6.2测试方法 22

6.3测试过程 22

6.4测试用例与结果 23

6.5测试总结 27

第七章 总结与展望 28

7.1.全文总结 28

7.2.未来展望 29

致 谢 30

参考文献 31

第一章 绪论

1.1系统的研究目的和意义

在这个互联网应用与个人生活融为一体的时代，我们大部分信息的获取都是来自于网络，因此互联网上的新闻发布系统在我们的日常生活以及学习工作中起着非常重要的作用，显然WEB建设在互联网上的地位至关重要，各个行业都非常重视新闻发布管理网站和那的管理，它已成为信息化建设的重中之重，得到了大家的一致认可。 

新闻发布系统，是将每天发生的各个种类的最新讯息以及世界各地的新奇异闻等集中起来，并通过非常系统、非常标准地发布到新闻发布网站上去的一种系统。基于WEB的新闻发布系统有两种比较传统的模式，第一个就是静态 HTML页面，每一次增、删、改信息的时候都应该重新之作业面饼修改成新的链接地址，这样做效力实在太低，人们已经不再使用。第二个就是基于php ，将动态页面与数据库进行联合，利用应用程序来管理新闻，这种方法现在还比较多见。新闻的发布和管理非常需要实时性和及时性,刚好，动态交互页面可以满足它。

随着信息时代的高速发展，人们已经无法满足于传统的杂志报纸所提供给大家的信息量，网络成为大家所窥视的下一媒体，人们希望可以通过网络获取更多的新闻和信息，同时随着手机智能化，多终端办公已经成为各个企业的现状，单一的浏览途径也无法满足人们的工作需要，所以基于HTML5的多终端移动门户新闻发布网站的开发迫在眉睫。只有在技术上最大化的满足企业的需求，经济上才会出现可观的增长。 

1.2国内外发展现状

在国内，可以作为领头羊的浏览器非360 安全浏览器莫属 ，360也是能够较好的支持 HTML5的浏览器。由于360的带头作用，HTML5越来越被国内的浏览器厂商所重视， HTML5 的支持度也在不断提升。可以预见， HTML5 将引爆国内浏览器的改革。国内的新闻发布系统的起点相对比较低一点，“面向对象”的思想通常是大多数新闻发布系统的选择。原始的传统新闻系统基本上都采用的静态页面技术，费时费力，管理员的工作量相当大，但是用户却并不能获得实时的新闻，互动性、及时性远远得不到满足。现在，国内的新闻发布系统慢慢向好的方向发展了，例如新浪的新闻门户网站和腾讯的新闻门户网站就是非常优秀的作品。