互联网开发的重要技术要素

1.客户端技术

互联网应用程序的客户端指的是用户电脑或手机上的浏览器，客户端主要任务是捕捉用户的各种操作指令，在界面上通过使用文本、图片、声音、视频等方式向用户展示信息，进行程序与用户之间的交互。实现交互方式的主要技术包括HTML5、JavaScript、CSS3等。

（1）HTML5技术。HTML即超文本标记语言，是一种规范和标准，用以标记网页各个部分的显示，即告诉网页如何处理文字，如何显示图片等。HTML5是W3C组织在2014年最新发布的推荐标准，HTML5大幅提升了浏览器的显示性能，而且各大浏览器均兼容HTML5，HTML5的发布促进了Web应用程序的发展，成为开发Web应用程序的主流。

相比之前版本，HTML5具有很多新的特性，如绘图功能、实时通信功能、本地数据存储和离线应用等功能。下面主要介绍HTML5的绘图功能。

HTML5的绘图功能主要依靠新增的标签＜Canvas＞来实现。＜Canvas＞为浏览器提供了一块位图区域，可以进行图像绘制和图像处理，而进行图像绘制和处理的函数都是＜Canvas＞自带的，如直线、矩形、曲线等，还可以绘制图片和文字。此外，还可以对每一个像素点进行操作，十分适合CAD类型系统的图像显示，主要应用的处理函数见表4－2－1。

表4－2－1　Canvas绘图基本方法

实际上绘图工作由JavaScript所编写的函数完成，绘图区域通过Canvas.getContext（）方法得到，应用各种方法进行图案的绘制和图像的处理。此外，＜Canvas＞还自带了很多交互功能，如Canvas.mousedown、Canvas.mouseup、Canvas.mousemove等事件，利用JavaScript监听这些事件并执行相关函数可以实现浏览器的交互功能。HTML5＜Canvas＞与其他浏览器绘图技术相比，具有以下优点：无须任何插件即可在浏览器上绘图；绘图效率高、速度快；能够绘制3D图形；可进行各种交互操作，灵活性强。

（2）JavaScript技术。JavaScript是面向对象的客户端脚本语言，被广泛应用于Web应用程序的开发，极大提升了浏览器的响应速度。JavaScript主要由ECMAScript、DOM、BOM三部分构成，其中ECMAScript描述该语言的语法和基本对象。DOM（文档对象模型）描述处理网页内容的方法和接口。BOM（浏览器对象模型）描述与浏览器进行交互的方法和接口。JavaScript通过嵌入在HTML页面中实现自己的功能，采用对象事件触发机制，网页监听到某元素的某事件触发时，然后就会调用对应的事件处理函数，最后把函数处理结果返回给函数调用的页面元素。

JavaScript可以提升网页的动态交互功能，为用户提供更流畅的交互体验和更美观的浏览效果，具有以下特点：是一种解释性脚本语言，无须预编译；可为HTML5中的元素添加交互行为；面向对象，既可以控制现有对象，也可以创建新的对象；具有很好的兼容性，大多数浏览器都支持JavaScript。

此外，JavaScript有很多扩展库，如jQuery.js、node.js、There.js。这些代码库提供了功能上的扩展，优化了动态网页的设计，在应用这些代码库的时候，只需在前台添加引用就可以使用库中的函数和方法，极为方便。

（3）CSS3技术。CSS即层叠样式表，用来控制网页中控件的布局、字体、颜色、背景等效果，可以提升网页的美观性。同时由于它基于HTML语言，用于控制网页的样式信息是可以与网页内容分离的，因此诞生了专门的样式开发人员。

CSS3是CSS技术的最新版本，CSS3语言向模块化方向发展，CSS3把之前版本的CSS分解成一些较小的模块，同时也加入了更多新的诸如盒模型、列表、文字特效等模块。利用CSS3可以更好地控制网页的显示效果，使网页更加美化，以达到最佳外观效果。

2.服务器端技术

互联网应用程序的服务器端主要指的是Web服务器，主要作用是返回客户端所需要的页面，通常Web服务器架设在云端，发布后应用程序安装在Web服务器上。主要应用到的技术有ASP.NET、SQL Server、IIS。

（1）ASP.NET技术。ASP.NET是微软∗.NET框架的一部分，是一种用于创建动态网页的服务器端技术。ASP.NET常使用C＃作为开发语言。ASP.NET能够在服务器上生成任意文件，不仅功能十分强大，其适应性、可拓展性、安全性也较之前的版本有很大提升。主要具有以下特点：

①开发环境优异，其可在Visual Studio平台下进行开发，提供了大量的服务器控件，可视化程度强。

②运行效率高，应用程序在服务器上运行的是经过编译的CLR代码，当用户运行程序时免去了及时编译解释的过程，运行效率大幅提高。

③扩展性强，支持开发者安装插件，且其任何组件都可以被扩展或替换。

④客户端代码与服务器端代码分离，客户端更注重交互利于快速响应，服务器端更注重数据利于架构稳定。

⑤ASP.NET的编程平台与SQL Server具有天然的兼容性，有利于与数据库建立联系，更好地管理数据。(www.xing528.com)

（2）SQL Server数据库技术。SQL Server数据库是Microsoft公司推出数据库技术。数据库技术主要用来存储数据，以及处理和获取数据。数据库安装在远程服务器，运用SQL对数据库进行操作。SQL全称为Structured Query Language，即结构化查询语言，是标准的数据库语言，应用SQL命令可以完成对数据库的所有操作。SQL Server的优势体现在处理数据效率高、开发灵活以及可扩展性强等方面。主要具有以下特点：

①数据安全，SQL Server在部改动应用程序的情况下可以对数据库、数据文件以及日志文件进行加密，以防止未授权用户的访问。

②数据可靠，SQL Server提供了强大数据备份、镜像服务，确保了数据的可靠性。

③可视化编辑，数据库的管理更加简单、直观。

④与ASP.NET具有天然的兼容性，可以很容易地获取数据库中的数据并显示在网页上。

⑤操作简单，SQL简单易学，使用方便。本书中应用的版本为SQL Server 2008。

（3）IIS技术。IIS（Internet Information Services）即互联网信息服务，是一种Web服务组件，主要包括Web服务器、FTP服务器、SMTP服务器，分别用于网页浏览、文件传输、邮件发送等方面。IIS主要作用是将开发完成的互联网应用程序发布为Web站点。首先要在远程服务器中配置IIS服务，新建应用程序后即可通过服务器的域名访问网页进入互联网应用程序。用户只需配置一次IIS服务，之后发布应用程序只需替换原来的文件夹，提高了发布网页的效率。

应用IIS技术发布网站，具有以下特点：

①方便快捷，IIS本身是Windows的一个组件，便于操作。

②配置简单，IIS具有良好的封装和优化。

③安全性高，IIS7在安全性能方面得到大幅度提升，能够抵御异常攻击。

3.互联网扩展技术

在开发互联网应用程序的过程中，也应用了一些其他互联网的扩展技术，诸如AJAX、JSON等。这些技术用于辅助系统的开发，并不是应用的主要技术，但也起到了重要的作用，如局部刷新、定义对象等。

（1）AJAX技术。AJAX（Asynchronous Javascript And XML）即异步JavaScript和XML，是一种开发交互式互联网应用的网页开发技术。AJAX的核心技术是在不重新加载这个页面的情况下能够刷新网页局部的内容，这样免去了网页更新某个内容需要重新加载页面的步骤，提高了网页运行效率，更提升了用户的操作体验。局部刷新主要通过XMLHTTPRequest对象实现，通过此对象可以使网页在不重载的状态下就能从Web服务器中交换数据，同时使用异步数据传输，更提高了信息的交换速率。

（2）JSON技术。JSON（JavaScript Object Notation）即JS对象标记，是基于JavaScript中的ECMAScript的一个子集，是一种轻量级的数据交换格式，采用独立的语言表示和存储数据，在利于开发人员编写的同时，也有效提高了网络的传输效率，也更利于编译和解析。JSON常采用键／值对的形式定义对象，因此可以用来定义结构数组。形式如下：

var json＝｛

＂key1＂：value1，

＂key2＂：value2

｝

这样定义对象，代码容易管理，且占用内存小，传输方便。