配电网WebGIS探讨与支出亚洲城误乐城ca88网站

配电网**WebGIS探究与付出[2]**

作者:完全的Beer
http://beer.cnblogs.com/

第2章 总体方案的计划性

2.1 系统全部业务布局 

   
这次毕业设计所涉及平台有服务器和客户端五个平台、所处理的多少有地理数据和非地理数据、所涉嫌的编程语言重要有C#和JavaScript,都相比多样化,所以在进展系统完善介绍前,先出示系统全体工作结构,如图2.1。

亚洲城误乐城ca88网站 1

2.1 系统一体化工作结构

   
WebGIS应用程序放置于一台服务器上,两种数据源放置在另外的两台服务器上,那些服务器可以通过网络举行互联,当然Web应用程序和三种数据源也得以停放在平等台服务器上,但分开放置的宏图理念关键是为着展现出本系统的开放性和分布性。Web应用程序服务器可以和地理数据库、非地理数据库服务器通过网络自由互换数据(重倘使Web应用程序访问数据库),用户在本地机的浏览器中开拓Web应用程序链接,第一次向Web应用程序服务器发起呼吁,然后服务器将页面内容发送至客户端PC机上,用户再和Web应用程序举行互相交向应用程序服务器交由有关数据(这个客户端事件和数码处理方法由JavaScript编写),Web应用程序服务器接收数据,并对地理数据和非地理数据举办查询和计量(这么些劳务器端事件和数量处理情势由C#编排),然后再将数据发回去客户端举办总括和显示。

   
关于系统总体业务布局以及三种平台、数据库、编程语言之间的交换如上所述,一起组成了WebGIS系统。

2.2 系统开发所需的软件和环境 

   
WebGIS是一个相比高层的拔取系列,开发起来的难度也相比较大,不过ESRI集团提供了.NET开发框架和模板,大大降低了开销的难度和门槛。所以,在拓展开首在此之前需要设置一些必需的软件和框架,必需安装的软件名称及重点职能如下表所示:

2.1 系统开发所需安装的软件和环境

Microsoft SQL Server

访问和查看SQL数据库,并协助数据库编程的相关调试。

Microsoft Visual Studio 2008

.NET FrameWork,ASP.NET网页开发集成环境,客户端C#和服务器端JavaScript代码和编写环境。

VS 2008 MSDN

服务器端端相关代码编写的主要参考文档。

ArcGIS Server for the Microsoft .NET FrameWork

Web地图数据源的基本框架,Web应用程序运行框架,应用程序开发框架Web ADF

ArcDesktop

(ArcMap,ArcCatalog)

ArcMap:访问和查看地图图形视图以及图元属性数据库,而且可以作一些地图的地图要素和地图图元属性的编辑。

ArcCatalog:建立ArcGIS的Web服务,使得程序可以通过Web访问服务器器上的地图数据。

网络信息服务IIS

IIS用来在本地PC机上提供一个虚拟的网络信息服务,让本地机可以充当临时的服务器。

    其余一些支援软件:

DreamWeaver:方便用户展开页面前台设计和CSS样式设定。

UltraEdit:一个得天独厚的JavaScript代码编辑和查看环境(重如若因为VS2008的编撰环境对JavaScritp脚本编辑所提供的支撑太少)

2.3 系统开发所急需的多少源 

   
本次毕业设计所付出的配电网WebGIS系统所涉嫌到的数据库有三种\[4\]:地理信息数据库(存储地理消息)和非地理音信数据库(存储非地理音讯)。地理信息数据,即ESRI的Shape格式地图数据,其重要效率是作为承载整个配电网音信的多寡框架,紧要内容是和地图相关的一此几何要素和显示的样式以及部分必备的增大属性(可以用来和非地理音讯数量相连接)。非地理信息数据则是和配电相关的一些配备或者线路的详细消息,这个数据就是在配电分析和仲裁的多寡实体,也就是内需被地理数据所承载的数量。

2.3.1 地理数据库 

   
地理音信数据有二种为主视图[参照ArcDesktop帮忙文档]:地理数据视图,地图视图,工具箱视图。这三种视图通过地理数据表(一个GIS可视为一多级地理图片数据集),地图(一个GIS可说是一个智能化的地图视图)和工具箱(一个GIS可身为一多元的半空中地理新闻处理工具)来表现的\[5\]

亚洲城误乐城ca88网站 2
2.2 GIS的两种视图

   
一个地形图就是一多样的地图元素在页面上摆开并集体起来。普通地图元素包括由地图图层,缩放工具条,指北针,标题,描述文本,和符号图例组成的地形图框架。最根本的地图元素就是地图框架,它提供了地理信息的来得规则。在地形图框架中,地文学内容被显示为一文山会海的掩盖了迟早地图范围的地形图图层——例如,像道路、河流、地图名称、建筑、行政区域划分、表面海拔低度、和卫星图
图层

亚洲城误乐城ca88网站 3

2.3 图层是地图框架组成

   
有一对广大的平整用来限制GIS怎么着显示,操作,管理和享受地理音讯的。地教育学表现情势有四种基本的花色:要素(点,线,面的集合);属性;图像;连续的表面(例如海拔标高)。

   
在GIS中,描述的属性一般在表中展开管理,这么些表是基于一密密麻麻简单的必要的关周到据库概念。一个关全面据库提供了一个简约的,普通的数据模型来存储和操作这一个属性音信。数据库管理体系天生的开放性,是因为她们的简便和灵活使得它们辅助部分宽范围的应用程序,包括紧要字关联概念。这一个表可以用来在对有些图层上的不比因素举行专门的叠加属性,比如在本次毕业设计中,设备编号则作为附加属性存储在地理数据库中。这个描述属性就是地理数据和非地理数据相关联的节骨眼。例如在开展点查询的时候,可以按照鼠标交互,拿到地图控件上操作的几何对象,然后依照地图的属性表找到附加属性,再以此附加属性作为入口到SQL中追寻中越发详细的信息的,实现了二种数据源的连续。

   
地理数据可以用ArcDesktop中的ArcMap和ArcCatalog来开展创办。具体的创导进程不是本文重点,所以在此就不赘述了。

亚洲城误乐城ca88网站 4

2.4 地图图层结构以及图层属性表

    地图数据的Web访问平台是基于ArcGIS
Server,所以在开创好地图数据后,如若在开展网络平台的利用,那么还亟需安装其网络运行服务ArcGIS
Server。

    ArcGIS Server是行业中率先个在合作社级服务器构架中落实GIS
全效率的技术,它是对传统桌面应用和客户端/服务器应用的前进,为广域网中贯彻高性能的GIS效率提供了新的缓解方案\[6\]

    ArcGIS
Server用于构建集中管理、帮忙多用户的营业所级GIS应用\[7\]。开发者使用ArcGIS
Server可构建Web应用、Web服务以及另外运行在正儿八经的.NET 和J2EE
Web服务器上的店铺级应用,如EJB。它可让开发者和系统设计员实现一个聚齐的GIS,并援助多用户访问。

2.3.2 非地理数据库

   
非地理数据库用来储存关于配电网的装置信息以及操作音讯,这一个多少都是由供电公司平日办公时录入的多寡,这个数量才是办公室人员举行剖析和决策的按照。在地理数据源的性质表中,会有一个字段可以将这两种数据源在逻辑上涉及起来,因而这两种表可以经过程序来开展接力查询。在本次毕业设计中我们利用的非地理数据库是由Microsoft推出的一种流行性的目标关系型的数据库管理类别Microsoft
SQL Server
2000。它效能强大,提供了了不起的扩大性,一度在数据库领域占据超过地位。SQL是一种介于关系代数与涉及演算之间的结构化查询语言,其职能不仅仅是询问。SQL是一个通用的、效能极强的关系数据库语言\[12\]

亚洲城误乐城ca88网站 5

2.5 SQL非地理数据库

   
SQL数据库作为一种数据服务,重如若面向网络访问的,所以对构建网络数据库具有自发的优势,这也是它能当做这次毕业设计的非地理数据库的根本原由。

2.4 构建大旨的B/S格局的WebGIS框架 

   
ESRI集团为.NET开发提供了一套完整的要旨模板,模板中蕴含了地图呈现模块,图层展现控制模块,基本的地图导航工具,地图视图控制工具(缩放、漫游、测距、放大工具、全图、鹰眼等等)。尽管模板提供了基本的听从,不过要在此次毕业设计中因为要结合实际需求,还需要对模板举行必要的修改,紧要修改内容如下:

   
将模板地图数据源和投机准备好地图数据源相连接。将页面文字由简体普通话代替。因为模板是完全按照英文的,所以要找到编程接口,举办基本的汉化。并对页面外观举行必要的改动,使得通用模板风格更加本地化,删除一些不需要的工具控件。这个经过都相比较便于,只需要对源代码举行部分简约的改动和删除就足以成功,所以就不再详细介绍了。

为WebGIS添加和配电网相关的基本效能。这个职能重要目标是来贯彻非地理数据在地理数据上的展现,咋样落实这么些效应,将在背后的章节中展开详尽介绍。

2.5 WebGIS的网页技术基础-AJAX 

   
在举行下边的工作前,先要通晓WebGIS的部分主旨技术。因为WebGIS实际上就是一个交互性很强的地图数据显示系统,在交互性很强的还要也很强调用户的感受,最大限度地让Web应用程序有桌面应用程序的互相体验效果。于是AJAX技术就必定成了本系统最大旨的技巧了。

HTML是一种用来制作超文本文档的简要标记语言。用HTML编写的超文本文档称为HTML文档,自1990年的话,HTML就直接被看作WWW上的消息表示语言,用于描述网页的格式设计和它与WWW上任何页面总是音讯\[13\]。可是以纯HTML语言编写的页面一向以来只可以当做展现平时文书信息,也就是所谓的静态页面。

    当前的部分寻找引擎中,比如Google(如图2.6)和Yahoo!
都是网络上流行的搜索引擎。在动态的客户端Web页面举办的搜寻,可是,要么不设有或者远离完美,而且不可能处理已经存在的干活,比如Deep
Web。这么些题材直到AJAX和RIA在上常见使用后才拿走化解\[14\]。技术是一种很有前景的用来提供更充足的次交互性和表现力的网络应用程序。同时,AJAX技术粉碎了有的推崇者认为搜索引擎的根基是网络“页面”的比喻\[15\]

亚洲城误乐城ca88网站 6

2.6 Google主页搜索提出

   
作为Web2.0的标志,Ajax带来交互性更强,反应更迅捷,更主观,内容更动态的特点。因为这么些充裕的组成和技能,Ajax为地理空间网络应用程序提供了精锐的功底\[16\]。AJAX提供了增长的客户端页面应用程序,通过提供原始的推行异步的乞请和动态更新页面结结构和内容。平日,Ajax页面应用程序由单一的页面元素构成,不过那一个页面元素却可以透过回调来举行异步激活,由用户依然用品“激活”动态改变这一个页面内容\[17\]

Ajax
是一文山会海的不同的技艺放到一起后发出的一种新的职能巨大的网络应用程序\[18\]。在ASP.NET网页的默认模型中,单击按钮或进行一些其他操作会导致回发,此时将另行成立页及其控件,并在服务器上运行页代码,且新本子的页被显示到浏览器。可是,在多少情形下,需要从客户端运行服务器代码,而不履行回发。假使页中的客户端脚本维护一些境况信息(例如变量值),那么发送页和取得页的新副本就会破坏本场地。此外,页回发会导致处理开销,这会降低性能,且会让用户只可以等待处理不分畛域新创制页。若要制止丢失客户端状态并且不造成服务器往返的处理开销,可以运用客户端回调。在客户端回调中,客户端脚本函数会向ASP.NET网页发送一个伸手。该网页运行其常规生命周期的改动版本——起始化页并创制其控件和此外成员,然后调用特别标志的艺术。该办法执行代码中编辑的处理过程,然后向浏览器重临可由另一客户端脚本函数读取的值。在此过程中,该页平素驻留在浏览器中。回调使用了一多样的正式技术,这么些技术统称为Ajax(Asynchronous
JavaScript and XML,异步JavaScript和XML)\[19\]

亚洲城误乐城ca88网站 7

2.7 回发同步(左)和回调异步(右图)通讯过程相比较图

    Ajax技术则是在Web
2.0一时的要求下出现的一种注重用户交互体验的浏览器技术。Ajax为用户提供了复杂的、运转杰出的应用,改变了用户的相互体验。Ajax中关键技术之间的涉嫌如下所述:

   
JavaScript将依次部分粘合在联名,定义应用的工作流程和工作逻辑,通过拔取JavaScript操作DOM来改变和刷新用户界面,不断地重绘和再次协会呈现给用户的多少,并且处理用户依照鼠标和键盘的竞相。CSS为利用提供了一致的外观,并且为以编程模式操作DOM提供了强大的捷径。XMLHttpRequest对象(或者类似的建制)则用来与服务器举行异步通信,在用户工作时提交用户的伸手并赢得最新的数额\[20\]

    AJAX具体职能和其名称的呼应关系如下表2.2。

2.2 AJAX的组成

A:Aschronorous

异步通讯,负责数据在服务器和客户端后台之间传输数据。

J:JavaScript

客户端编程语言,负责客户端数据编码解码数和数据的发送和接收以及通过操作DOM来改变和更新客户端浏览器中的页面内容。

A:And

连接词,和。

X:XML

(Extensible Markup Language)即可扩展标记语言。负责数据的编码和解码。

   
通过地方的牵线不难察觉AJAX重要由三有些构成,现在将独家对六个部分开展详尽介绍

2.5.1 Aschronorous异步通讯的几种框架 

最基本的XmlHttpRequest: 

   
XmlHttpRequest基本上是为此的框架的基本功,很多科目对AJAX的介绍也都是以此为起源的。在后面介绍的几种实现起来更为简约的框架在除去华丽的假相后,其里面运行机制也都是基于XmlHttpRequest。由此本框架的基础性也导致了其支付代码量繁重的欠缺,所以在实际支出中一般选用对其改革的框架。

ASP.NET客户端回调: 

    在ASP.NET
2.0的揭穿版本中,微软介绍了一种简单的客户端回调(实际上是对XmlHttpRequest的一个包装框架),在Web应用程序中的一种轻量级,而且疾速的AJAX解决方案。通过一个ICallback伊芙(Eve)ntHandler接口,一个客户端script
manager类和一个单独的JavaScript文件(WebForms.js)就可以提供处理服务器端和客户端的异步通讯问题了。客户端回调(Client
Callback)优点在于回调时发送请求和重临结果的字符串都由开发者自定义和剖析,更为灵活和便利。当然,ArcGIS
Server中提供了CallbackResult和processCallbackResult函数,更加方面了开发者。其它,客户端整个页面的生命周期比传统Postback短(无论是同步仍旧异步),更为高效。缺点是内需开发者编写客户端脚本和服务器代码。

这次毕业设计的“设备总结”页面属于一个典型的数据库访问和剖析页面,采用的AJAX通讯格局也根本是按照ASP.NET
客户端回调。

ASP.NET AJAX : 

    在ASP.NET 2.0
Web应用程序中,微软提供了二种缓解方案来处理异步回发:一个是运用ASP.NET客户端回发的回调框架解决方案,其余一个是ASP.NET
AJAX的通通框架解决方案\[21\]。ASP.NET AJAX(partial page
postback页面局部刷新)为了提供一个更完善的AJAX解决方案,微软于二零零七年底指出了ASP.NET
AJAX。该方案在劳务器端提供一多重AJAX控件(ScriptManager,UpdatePanel等)和API用于管理异步通信,同时经过客户端的Microsoft
AJAX
Library动态更新页面内容,这就使得开发人士甚至不用编写任何客户端脚本就足以兑现异步刷新。

此次毕业设计中关系地图查询和浏览的主页中的AJAX框架就是依据ASP.NET
AJAX的,因而利用此框架只需要拖动一些ASP.NET
AJAX控件可以很便利地做出界面友好,动态性能优越的页面框架来,大大收缩了开支的工作量和难度。

2.5.2 JavaScript 运转在客户端的次序 

   
JavaScript作为客户端脚本,在ASP网页开发中饰演的身份完全不亚于C#,可以说应该是同等的,一个周转于客户端一个周转于劳动器端。目前作者对这二种语言的定势就是:JavaScript运行于客户端,负责浏览器上页面的先后设计,C#运行于服务器端,负责响应客户端的伸手并总括和拍卖数据,然后经过网络通讯技易学据的置换将服务器和客户端Web应用程序联系起来成为一个总体。

JavaScript首要处理的事情有:

1.客户端发起异步通讯请求(上一节已经关系)

2.接受来自服务器端异步发来的数额并完成解码(下一章将关联)

3.操作页面元素(基于DOM模型),负责数据在客户端的总结和展现

一句话来说,JavaScript就像“胶水”一样将异步通讯的相继过程粘合到一头。

2.5.3 XML通讯信息的编码 

   
客户端和服务器之间数据交流一般是以字符串的款式展开的,当提到到相比复杂的多少集合时就需要对字符串举行合理地编码,这就是AJAX中的XML的始最后。对数据编码了然后,就足以成异步通讯数据的范围“从一到万”的变质。

    下面将介绍三种常用的数据编码技术:

1 用户自定义分隔符编码(微量级别)

    简单的URL后边的传递:

比如:string strEncode=”a=10&b=20&c=30”

   
那样以特殊符号作为分隔符的编码方法比较适用于结构单一的多寡集合,数据在客户端和服务器端的编码和解码也是最简单易行的,编码只需要字符串相加即可,解码只需要用split()函数(C#和JS二种语言都有此函数)遵照编码的相间符规则开展分离并提取出有用音信即可。

   
总述:此形式好处是数据编码和解码很容易,坏处也一览无遗,字符串所代表的数据集合结构层次不明,当数码集合稍微有点大的时候,字符串的可读性将变得很差。所以本办法只适合于传递的数据量相比少层次相比较少的微量级别,比如一般传递不多于5组的层次单一的多寡,如上例所示,但就算这样,也得以满意一般的开发者的需求了。

   
上边再讲的JSON编码是对于轻量级别(比微量级别要复杂一些)的多少的一种编码格局,

2 JSON编码技术(轻量级别)

    关于JSON的牵线,网上有诸如此类一段话:JSON(JavaScript Object Notation)
是一种轻量级的数据交流格式易于人阅读和编排同时也易于机器解析和变化。
JSON拔取完全独立于言语的文本格式,然而也利用了接近于C语言家族的习惯(包括C,
C++, C#, Java, JavaScript, Perl,
Python等)这么些特征使JSON成为美好的数据交流语言。

   
关于JSON编码更详细的介绍可以到网上寻找有关文档,或者直接访问其官方网站json.org。在致力JSON的施用时应先到官网上下载三个公文:json.js和JSON.CS。分别作为客户端和服务器端JSON的编码和解码库文件。

(1)服务器端JSON编码和解码

   
用从json.org网页中下载的“JSON.CS“文件,然后在劳务器端中援引引文件,就足以在写C#函数的时候调用里面的函数了。”JSON.CS“文件之中函数即使众多,可是一直给外部调用的唯有多少个:

public static object JsonDecode(string json)

public static stringJsonEncode(object json)

   
即一个是编码函数一个是解码函数:编码函数将服务器端的object对象转换成字符串对象,然后传递到客户端;解码函数将从服务器端接收到的string对象转换成object对象供服务器提取数额。此外的函数都是供这多个函数调用的。

需要验证的是,下边所说的string类型的多寡不是一般的任意字符串,而是有一部分特别分隔符组成的“JSON字符串“,唯有这么格式杰出的string字符串才可以被此文件中的函数进行解码,而编码的效应也就是将object数据类型编码成这么的格式突出的“JSON字符串“,正因为听从了这么的条条框框才使得JSON编码能够跨语言传递数据了。

(2)客户端JSON编码和解码

   
从json.org网页中下载的”json.js”文件,然后在客户端引用此文件,就能够在写JS函数的时候调用里面的函数了。和劳动器端的”JSON.CS”相呼应的,它其中尽管代码众多,不过供外界调用的也唯有五个函数――一个编码函数一个解码函数:

JSON.stringify(value, replacer, space);//后面两个参数是可选项

JSON.parse(text, reviver);//后面的参数是可选项

   
json是JavaScript里面的一种多少格式,其身份相当于C语言中的结构体一样,是一个数量集合,用户可以通过“结构体“的点运算符直接对中间的数额开展领取和引用。

(3)闽南语字符串的编码和解码

   
服务器端“JSON.CS“中编码函数对粤语有相比好的支撑,可以间接将中文编码成Unicode的编码,在程序运行期间查看这个中文字符串的时候,看不到闽南语,然则可以观看其相应的数字编码,经过客户端的JavaScript解码函数解码后得到的json对象足以一向被识别那样的Unicode,并直接以普通话突显在页面中的。

    客户端“json.js“中对json
object的中文编码则不那么“智能”了,需要其它处理才能够传递普通话字符。
只需要对普通话字符串举行一个escape()的JS方法转码后就足以了,在劳动器端和escape()转码函数相呼应的反转码函数为UrlDecode()。

   
总述:
JSON是一种相比有潜力的网页编码格式,它拥有非凡的可读性(结构清晰)的移植性,相比下面XML来说其编码功效相比高――即用来表示格式的字符占整机字符数目的百分比比XML字符串小多了,所以对于轻量级其它字符编码是很快速实用的,而且因为JSON格式本来就是一种JavaScript对象,所以对于客户端的JavaScript语言有着原生态的亲和力,很适合传递JavaScript变量。JSON编码解码流程可参看下图:

亚洲城误乐城ca88网站 8

2.8 JSON编码解码流程图

3 XML编码技巧(重量级别)

(1)服务器端XML编码和解码

   
用.NET里面的System.Xml里面相关类可以很容易实现对XML字符串的编码和解码。关于XML的解码在.NET提供了一个XmlDocument类,并提供了大量操作XML文档节点和性能的接口函数,通过这些类,用户能够很有益于实现节点定位从而实现XML文档的编码和解码。对于编码XML文档,还有一个更为便于的法门,用户一向将数据字符串和XML节点字符串相加就能够取得一个XML格式的字符串了(字符串累加法),然后就足以用来异步通讯传输了。

(2)客户端XML编码和解码

   
客户端选拔JavaScrpt对数码举行XML编码的点子和客户端相比较接近,也足以应用最
“字符串累加法”举行编码,解码也是在客户端用JavaScript构造一个XML文档对象,通过Xpath或者对节点开展遍历举办解码

   
总述:
网上的观点是XML是一种重量级别数据编码情势,它有很多独到之处,对闽南语字符串的编码和解码有比较好的支撑,文档的结构性很好,不管是编码仍然解码,过程都清晰明了。比较JSON来说,缺点也很肯定,就是编码的频率不是太高,往往对一个字符进行编码就需要非凡至少2个字符的价签来规定格式。可是对于性能要求不是太高的网页中,不管是轻量级另外施用仍然重量级其余施用,开发人士都得以选取XML,因为它的编码和解码过程相相比JSON要简单很多,而且容易窥见HTML其实也是一种具有特别标签的XML文档而已,所以XML和HTML文档有着天生的亲和性,很吻合传递一些HTML页面内容。

亚洲城误乐城ca88网站 9

2.9 XML字符编码解码流程图

2.5.4 非字符串内容的传递形式

   
前边说的都是对有的中央数据的传输,但有时也会遇上有的此外内容要传输,比如文件,图片资源……这是采纳AJAX技术时惊惶失措避免的,所以有必要简要介绍下。

1 XML文件

   
前边介绍的数据编码技术,都是一些在内存中的操作,就是对一些临时变量的操作和运算,但有时大家也亟需对XML文件举行传递。一些不是通常变化的音信,如:网页相当记录日志,页面参数配置文件等等,平日都存放在服务器的硬盘中,在急需的时候再调用出来。和传导其余数据一致,对XML文件的异步传输出是从客户端的哀求起头的,客户端请求XML文件有二种方法:一种是通过xmlHttpRequest去异步请求,其它一种是一贯讲明一个ActiveXObject然后下载服务器端的XML文件。

2 图片文件

    在网页中引用的图片一般分为两种图片:静态图片和动态图片。

   
静态图片:
不会时时转移的图片文件。比如,电力系统对装备拍摄的肖像,作为装备附加数据供用户查看,这种图片一般都只用于读取,不会进展改写,即某一个地址对应的图片永远不变。这种图片日常是直接存放在服务器的硬盘中,服务器只需要将图片资源的在硬盘中的地址发送给客户端,再由客户端对资源地址举办引用即可。

   
动态图表:
基于不同请求而动态显示的图片。比如,一般网页的验证码图片和本系统中的总括图片,那多少个图片固然对应的资源链接是一致,可是却会基于不同随时的乞求,或者客户端提交不同的数据而展现出不同的规范。那么些图片因为涉嫌到频繁的改写,所以最好存放在内存中。内存图片一般是经过一个独门的页面来输出图片流来实现,这多少个图形流页面能够依照每趟客户端请求的两样数额来变化不同的图形流,客户端可以直接将此页面链接看成一个图片资源地址来引用,客户端只需要向服务器发送一次呼吁告知服务器在内存中改变图片流,那么客户端的图形控件也能取得相应动态更新。

   
注意:
甭管是传递动态图片仍旧静态图片,倘若图片的资源地址一样,但图片内容不同时,在图片地址前面必然要加盟一随机数,否则在异步通讯状况下,客户端将不能成功“无刷新”更新图片内容,客户端将永远只体现上一遍下载到本地缓存中的图片资源。

   
总述:
不论是是哪个种类编码访求,因为数据编码和解码是一个相比实在的一个题材,所以遭遇现实的题材还索要开发人士自己多去查算命关资料拔取实际的缓解方案。

2.5.5 客户端JS框架介绍

   
JavaScript对数码举办解码后,然后数据就要各司其责,先导分发到浏览器上的次第控件上去举办展示。此时就需要JavaScript来动态控制浏览器客户端的映现内容了,JavaScript通过DIV+CSS来动态改变网页的外观展现,通过DOM文档对象模型来改变立异页面中的数据内容。

在进展Web应用程序开发时,服务器只作多少测算和多少传送,而不对客户端元素举行其他操作,客户端则请求和接收数据,并担负数据的展示。服务器端和客户端两种语言,各司其责,互不干涉。要做出动态性很好的客户端页面,就需要磨练有素通晓JavaScrpit的利用,因为JavaScript是一种解释性语言,所以个人开展大规模开发是很难的,可是现在网上有大量的客户端JS框架来供我们使用,很多都是开源的,那大大降低了客户端编程的良方。

   
目前有的流行的JavaScritp框架有:EXTJS,ACTIVEWIDGETS,DOJO,jQuery,YUI等等,而且其官网上都有实际使用和介绍方便开发人士查看。由于此次毕业设计时间少于,所以就没有对此举办更深远探讨了。本次毕业设计客户端程序也只对ACTIVEWIDGETS框架进行了一些最简便易行的利用,例如:“设备总计”页面中客户端表格和客户端选项卡效果都施用的是ACTIVEWIDGETS框架的控件,从而达成了相比较好的客户端体验效果。


Author:全然的Beer

Email /Gtalk:dreamzsm@gmail.com

From:http://www.cnblogs.com/beer

Notes:欢迎转贴,但请在页面中加个链接讲明出处