WebService结合ExtJS创建资料列表查询器

WebService结合ExtJS创建资料列表查询器

董

志

摘要：用ExtJS作为前台界面，以WebService作为后台服务，将JSON作为前台和后台的数据

交换格式，开发了针对服务器端文件目录的资料列表查询器。在资料列表查询器中可根据文件名进行文件浏览或下载。

关键词：WebService；ExtJS；C#；JSON；

WebGIS

1引言

ExtJS是一个非常有用的JavaScript类库，它能够在Web

浏览器中创建丰富的图形化用户界面,主要用来开发富客户端的跨浏览器AJAX应用程序。ExtJS支持的主要浏览器有

InternetExplorer、FireFox(PC,Mac)、Safari、Chrome、Opera(PC,Mac)。就笔者使用ExtJS开发的经验来看，其最大优势

就是缩小了Web应用程序和桌面应用程序之间差异。正是基于以上这些特点，ExtJS从在一定程度上提高WebGIS用户的使用友好性，使WebGIS程序风格更像是通常所见的桌面版本。

文中所述的实现程序是WebGIS中的资料列表查询器功能。在WebGIS中，常需要将与地理信息相关的非空间信息连带表现出来，将专题数据与空间数据进行关联与集成，以达到多样式、多源表现地理信息的目的。ExtJS的数据信息表达格式为JSON（JavaScriptObjectNotation），是服务端和客户瑞之间信息交换的纽带。它是基于JavaScript（StandardECMA-262

图1资料列表查询器工作原理

2服务器端的WebService程序

后台服务器端利用.NETFramework类库中的DirectoryInfo

类和FileInfo类对资源目录进行文件信息递归查询。Directory-

Info类封装关于目录的信息和操作，FileInfo类封装了关于文件

的信息和操作。查询器在服务器后台中创建WebServices，前后与后台交换数据的基础是XML+HTTP。

首先使用C#创建WebService方法SearchFilesInfo：

3rdEdition-December1999）的一个子集。JSON采用完全独

立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C,C++,C#,Java,JavaScript,Perl,Python等）。这些特性使JSON成为理想的数据交换语言。在Web应用程序中，使用

[WebMethod]

publicstringSearchFilesInfo(stringfolderName,stringfile-Name){

OperationListFilemyobj=newOperationListFile();returnmyobj.SearchFiles(folderName,fileName);}

方法参数folderName为查询目录名，fileName为查询文件名（如果为空则查询目录中所有文件），方法返回XML字符串。

类OperationListFile为文件信息获取类，根据参数查询文件目录信息构造XML字符串返回客户端，客户端据此产生

JSON传递数据显得更简单方便，它能够很轻易地转化成JavaScript对象，例如下例是JSON格式的对象：vareducation=[[1,‘武汉大学’,‘外语学院’],[2,‘华中科技大学’,‘交

通学院’],[3,‘武汉理工大学’,‘计算机学院’]];。

资料列表查询器对WebGIS的专题文件数据的进行发布，发布对象可以文本、html、图片、视频等格式专题数据。在该功能中，专题数据以文件目录的方式存储于服务器中，由

JSON字符串。类OperationListFile的成员方法GetFolder为递

归程序，对资料文件目录进行递归查询。该类核心代码如下：

WebService进行目录检索，得到所需要的文件信息集，返回给

客户端。客户端解析JSON字符串，生成GridPanel表格显示。用户可选择GridPanel表格中的文件名，在资源列表查询器中显示，如图1所示。

publicclassOperationListFile{

stringretVal="";

publicstringSearchFiles(stringfolderName,stringfile-Name){

52

2010.

21

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库WebService结合ExtJS创建资料列表查询器在线全文阅读。