2 开发技术和工具
2。1 概要
本章主要介绍本课题开发过程中所用到的相关开发环境、编程语言、测试工具等。
2。2 主要开发工具及技术语言
HTML5超文本标记语言
Java 2 Platform Enterprise Edition
MyEclipse Professional 2014集成开发工具
JetBrains WebStorm 10。0。3集成开发工具
MySql 5。5数据库
2。3 相关开发技术和工具简介
2。3。1 HTML5简介
HTML5是WWW的核心语言、标准通用标记语言(SGM)下的一个应用超文本标记语言(HTML)的第五次重大修改。
超文本标记语言是一种标准,同时也是一种规范,它通过采用特定的符号来标记要显示的网页中的各个组成部分。网页文件本身也是一种文本文件,它通过在文本文件中添加特殊的标记符的方式,告诉浏览器以什么方式显示出其中的内容(例如:文字的处理,画面的安排,图片的显示等)。浏览器先按照顺序解析网页文件,然后载根据标记符解释和显示其标记的内容。
众所周知,HTML5是时下最受关注的Web前端技术,而移动互联网也是近几年来最受瞩目的Web领域,本课题所实现的手机网站正是两者结合的成果。
在移动网站中使用HTML5时,基本框架和传统的HTML5有些区别:
<!doctype html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1。0">
</head>
<body>
This is a HTML5 web!
</body>
</html>
HTML文档并不是十分的复杂,并且功能异常强大,不同数据格式的文件都可以镶入,这同时也是WWW如今十分流行的重要原因,它主要的特点如下:
1、十分便捷,HTML版本升级采用超集方式,从而更加灵活便捷。
2、可扩展性好,HTML语言受到广泛应用,从而带来了功能的加强,标识符的增加等要求,HTML通过采取子类元素,保证了系统良好的扩展性。
3、可跨平台运行,虽然PC机依旧无可取代,但使用MAC等其他机器的人数日益增多,HTML在众多平台上都可以平稳运行。
相比于HTML4,HTML5有以下特点与优点:
特点
1。 语义特性(Class:Semantic)
HTML5使得网页的意义和网页结构更加合理。对程序和用户来说,伴随着对RDFa的微数据与微格式等方面的支持,更为丰富的标签将会构建更有意义的数据驱动的Web。
2。 本地存储特性(Class: OFFLINE & STORAGE)
本地存储功能以及HTML5 APP Cache给予了良好的支持,这使得实用HTML5开发的网页APP联网的速度更快,启动的时间更短。
3。 设备兼容特性 (Class: DEVICE ACCESS)
HTML5在各种设备上都能很好的兼容。HTML5拥有独一无二的数据与应用接入开放接口,这使得外部的设备可以直接与位于浏览器内部的数据相连接,例如音频可直接与耳机及麦克风相连接。
4。 连接特性(Class: CONNECTIVITY)
连接工作效率的提高,实现了页面上的实时聊天,网页游戏反应速度的提升,在线交流的优化。HTML5的服务器推送技术较之之前版本更为有效,Server-Sent Event和WebSockets作为其中的两个特性,能够完成服务器将数据“推送”到客户端的任务。
5。 网页多媒体特性(Class: MULTIMEDIA)
HTML5支持网页端的Audio、Video等多媒体功能,这使得网站自带的摄像头,APPS,影音功能得到更好的展现。