基于HTML5的响应式网站的设计与实现(论文)正文

摘要

随着网络的发展和普及，各类建站技术的更新与运用，现在搭建一个网站的时间和成本越来越低，使得企业官方网站得到了极大的发展。从早期简单的网页展示，到后来的营销型网站，全网营销型网站，以及目前最新最主流的响应式网站。基于HTML5的响应式网站能够自动适应屏幕大小，实现多终端覆盖，设计高端，丰富的特效让页面展示更精美。

HTML5是HTML下一个主要的修订版本，现在仍处于发展阶段。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。它希望能够减少浏览器对于需要插件的丰富性网络应用服务RIA，如Adobe Flash、Microsoft Silverlight，与Oracle Java FX的需求，并且提供更多能有效增强网络应用的标准集。HTML5是新兴的Web开发技术，其拥有良好的语义化标签，搭配最新CSS3可以展现出无与伦比的显示效果。

本课题结合HTML5技术和eclipse开发工具，MySQL Server 作为数据库，实现了企业响应式网站及其管理，使得企业官网的展示更精美，管理更便捷。关键词：HTML5；CSS3；JavaScript；MySQL Server；响应式网站

ABSTRACT

With the development of network and popularization, the updating and use of all kinds of web technology, now time and cost of building a website has become more and more low, makes the enterprise's official website got great development. From the early simple web pages, to later marketing type site, the entire network marketing type site, and the reactive sites of the latest most mainstream. Based on the response of the HTML5 responsive website can automatically adapt to screen size, realize the end cover, high-end design, rich in specific page to show more elegant.

HTML5 is HTML next major revision, now is still in the stage of development. Generalized when asked about it actually means, including HTML, CSS, and JavaScript, a set of technology combination. It hopes to be able to reduce the browser plug-in to need the richness of network application service RIA, such as Adobe Flash, Microsoft Silverlight, and the demand of the Oracle Java FX, and can provide more effective enhance the standard set of network applications. HTML5 is the emerging Web development technology, has good semantic labels, match the latest CSS3 can show a unique display effect.

This topic combines the technique of HTML5 and the eclipse development tools, MySQL as the database Server, realize the reactive sites and its management, make enterprise website to show more elegant, more convenient management.

Key words: HTML5; CSS3; JavaScript; MySQL Server; Reactive sites

目录

1. 绪论 (1)

1.1 课题研究意义和目的 (1)

1.2 国内外发展现状和趋势 (2)

1.3 本文工作和论文结构 (3)

1.3.1 本文工作 (3)

1.3.2 论文结构 (3)

2. 系统技术理论基础 (5)

2.1 HTML5简介 (5)

2.2 JavaEE简介 (7)

2.3 CSS3概述 (9)

2.4 JSP概述 (9)

2.5 JQuery概述 (10)

2.6 B/S 模式概述 (11)

2.7 MySQL概述 (12)

3. 系统需求分析 (13)

3.1 系统基本需求 (13)

3.2 系统用例图 (14)

3.2.1 系统管理员用例 (14)

3.2.2 会员用例 (14)

3.2.3 游客用例 (15)

4. 系统设计与实现 (16)

4.1 系统设计原则 (16)

4.2 系统前端设计与实现 (17)

4.3 系统后台设计与实现 (25)

4.4 数据库设计与实现 (28)

4.4.1 数据库表 (28)

4.4.2 数据库完整性和安全性 (33)

5. 系统测试 (35)

5.1 测试目的 (35)

5.2 测试方法 (35)

5.3 测试过程 (36)

6. 总结和展望 (41)

参考文献 (43)

致谢 (45)