摘要
随着网络的发展和普及，各类建站技术的更新与运用，现在搭建一个网站的时间和成本越来越低，使得企业官方网站得到了极大的发展。从早期简单的网页展示，到后来的营销型网站，全网营销型网站，以及目前最新最主流的响应式网站。基于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 latestCSS3 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
**********************************
1. 绪论
1.1 课题研究意义和目的
现在网络的发展已呈现商业化、全民化、全球化的趋势。目前，几乎世界上所有的公司都在利用网络传递商业信息，进行商业活动，从宣传企业、发布广告、招聘雇员、传递商业文件乃至拓展市场、网上销售等，无所不能。如今网络已成为企业进行竞争的战略手段。企业经营的多元化拓展，企业规模的进一步扩大，对于企业的管理、业务扩展、企业品牌形象等提供了更高的要求。在以信息技术为支撑的新经济条件下，越来越多的企业利用起网络这个有效的工具。网站早已由论证阶段进入了实质阶段，尤其为企业提供一个展示自己的舞台、为消费者创造一个了解企业的捷径[1]。
随着3G、4G的发展和移动通信及WEB3.0技术的提升以及近年来各种移动智能设备的兴起，中国互联网正在往移动方向发展，呈现多元化趋势。越来越多的用户拥有多种移动设备，像智能手机、平板电脑、智能手表等,在现今的大环境下移动设备正在普及并且正在逐渐超过PC设备，面对市场上移动设备的不断增多，同时伴随着各种设备屏幕的分辨率、尺寸和型号的越来越多，如何能够在不同屏幕、不同系统平台等环境下保持网页的一致性，满足用户的一致体验这将成为了整个网页设计行业的一个新挑战。
企业可以通过建立商业平台，实行全天候销售服务，借助网络推广企业的形象、宣传企业的产品、发布公司新闻，同时通过信息反馈使公司更加了解顾客的心理和需求，网站虚拟公司与实体公司的经营运作有机的结合，将会有利于公司产品销售渠道的拓展，并节省大量的广告宣传和经营运营成本，更好地把握商机。
今天越来越多的人使用智能手机、平板电脑等来查看邮件、浏览网页。随着移动终端的流行和大趋势的变化，网站设计技术也在随之变化。为了能够给移动终端客户提供更好的体验与服务，我们可以有很多选择。例如为移动设备单独重新设计一个网站，这种情况下所有使用移动终端的访问者都会被指向到这个为他们单独设计的站点[2]。另外一种选择就是将网站做成响应式，这种情况下无论客户使用何种终端设备访问网站，网站都会根据终端设备屏幕尺寸自动调整网站显示，使所有客户都能有最好的访问体验。
响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当
1