【doc】WebService结合ExtJS创建资料列表查询器.docVIP

WebService结合ExtJS创建资料列表查询器 ………………………………………………………… 实用第一智慧密集 ..!…!!…, ii* websece精Es霹耷事攀器 j≥¨萋: 摘要:用ExtJS作为前台界面,以WebService作为后台服务.将JSON作为前台和后台的数据 交换格式,开发了针对服务器端文件目录的资料列表查询器.在资料列表查询器中可根据文件名 进行文件浏览或下载. 关键词:WebService;ExtJS;C≠≠;JSON;WebGIS 1引言 ExtJS是一个非常有用的JavaSeript类库,它能够在Web 浏览器中创建丰富的图形化用户界面,主要用来开发富客户 端的跨浏览器AJAX应用程序.ExtJS支持的主要浏览器有 InternetExplorer,FireFox(PC,Mac),Safari,Chrome,Opera (PC,Mac).就笔者使用ExtJS开发的经验来看,其最大优势 就是缩小了Web应用程序和桌面应用程序之间差异.正是 基于以上这些特点,ExtJS从在一定程度上提高WebGIS用 户的使用友好性.使WebGIS程序风格更像是通常所见的桌 面版本. 文中所述的实现程序是We【】GIS中的资料列表查询器功 能.在WebGIS中,常需要将与地理信息相关的非空间信息连 带表现出来.将专题数据与空间数据进行关联与集成.以达到 多样式,多源表现地理信息的目的.ExtJS的数据信息表达格 式为JSON(JavaScriptObjectNotation),是服务端和客户瑞之 间信息交换的纽带.它是基于JavaScript(StandardECMA一262 3rdEdition—December1999)的一个子集.JSON采用完全独 立于语言的文本格式,但是也使用了类似于C语言家族的习惯 (包括C,C++,C#,Java,JavaSeript,Perl,Python等).这些特性 使JSON成为理想的数据交换语言.在Web应用程序中,使用 JSON传递数据显得更简单方便,它能够很轻易地转化成 JavaSeript对象,例如下例是JSON格式的对象:vareducation= [[1,武汉大学,外语学院],[2,华中科技大学,交 通学院】,【3,武汉理工大学,计算机学院11;. 资料列表查询器对WebGIS的专题文件数据的进行发布, 发布对象可以文本,html,图片,视频等格式专题数据.在该 功能中,专题数据以文件目录的方式存储于服务器中,由 WebService进行目录检索,得到所需要的文件信息集,返回给 客户端.客户端解析JSON字符串,生成GridPanel表格显示. 用户可选择GridPanel表格中的文件名,在资源列表查询器中 显示.如图l所示 图1资料列表查询器工作原理 2服务器端的WebService程序 后台服务器端利用,NETFramework类库中的Directorylnfo 类和Filelnfo类对资源目录进行文件信息递归查询.Directory. Info类封装关于目录的信息和操作,FileInf0类封装了关于文件 的信息和操作.查询器在服务器后台中创建WebServices,前 后与后台交换数据的基础是XML4-HTYP. 首先使用C#创建WebServiee方法SearchFileslnfo: [WebMethod]一|| publi~stringsearchFiieslnfo(stringf01derNa~e,strlg争 me) { OperationEistFile~yobj=newOperationstFileO! returnmyobj.Sea孵Files(folderName,fileName); 方法参数folderName为查询目录名,fileName为查询文 件名(如果为空则查询目录中所有文件),方法返回XML字 符串. 类OperationListFile为文件信息获取类,根据参数查询文 件目录信息构造XML字符串返回客户端,客户端据此产生 JSON字符串.类OperationListFile的成员方法GetFolder为递 归程序,对资料文件目录进行递归查询.该类核心代码如下: publicclaSsOpe(ationListFile stringretVa~,.薯≯一 publicstringiiiSearcles(str_ngfolderName;string争 Name)i stringfpath=: fpath=infos\\+folderName; retVaI=.lt;poivalue=: lltry { stringghPath=GetFiIeInfo(fpath,fileName): ) catch(System.Excep