摘 要:针对目前常用的信息管理系统界面设计简陋、欠美观的情况,本文以.NET平台为基础,讨论了.NET平台与目前非常流行的前段UI框架——jQueryEasyUI之间的交互机制。
关键词:ASP.NET;AJAX;jQueryEasyUI
中图分类号:TP311.52 文献标识码:A 文章编号:1674-7712 (2013) 08-0000-01
随着WEB应用程序的不断发展,越来越多的桌面应用程序被WEB应用程序所取代,而传统的WEB应用程序的开发方式已经不能满足用户对界面用户体验日益增加的需求。这就要求网站设计人员提出新的网站编程方式。此时,一批以javascript为基础的WEB前端控件横空出世,ExtJs和jQueryUI就是其中最具有代表性的两大UI控件库。jQueryEasyUI则是以jQueryUI为基础发展而来的更为强大的UI库。本文重点讨论了ASP.NET与jQueryEasyUI的交互机制。
一、ASP.NET介绍
ASP.net是Microsoft.net的一部分,作为战略产品,不仅仅是ActiveServerPage(ASP)的下一个版本;它还提供了一个统一的Web开发模型,其中包括开发人员生成企业级Web应用程序所需的各种服务。ASP.NET的语法在很大程度上与ASP兼容,同时它还提供一种新的编程模型和结构,可生成伸缩性和稳定性更好的应用程序,并提供更好的安全保护。可以通过在现有ASP应用程序中逐渐添加ASP.NET功能,随时增强ASP应用程序的功能。
二、jQueryEasyUI介绍
jQueryEasyUI是一组基于jQuery的UI插件集合,而jQueryEasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签。
三、JSON介绍
四、ASP.NET与jQueryEasyUI的交互机制
如前文所述,jQueryEasyUI是一组基于jQuery的UI插件集合,该组插件的本质是一套基础javascript的WEB应用程序UI库,而javascript与服务器端(ASP.NET)数据交互方式目前最流行的是使用JSON这种轻量级数据交换方式。故而,jQueryEasyUI也采用了该种方式来和服务器交互。
在和ASP.NET的交互中,一般采用ASP.NET中后缀名为.ashx的“一般处理程序”来对jQueryEasyUI的Ajax请求进行回应。原理如下:
客户在浏览器上进行数据查询时,浏览器会通知jQueryEasyUI组件进行数据查询动作,之后jQueryEasyUI调用jQuery内部的Ajax引擎,查询请求道服务器端,也就是ASP.NET端,之后服务器上的“一般处理程序”*.ashx会接受这个请求,并对此做出响应,这个响应就是使用的JSON数据。jQueryEasyUI获得JSON数据后,会结合jQueryEasyUI库中的CSS和相应组件对浏览器做出渲染,最后呈现出良好的界面给用户。
而在服务器端的“一般处理程序”x.ashx负责从数据库中取出数据并转换为JSON数据再通过网络输出到客户端的jQueryEasyUI,jQueryEasyUI再将数据组织好并渲染到客户端浏览器上。
五、结束语
本文通过对ASP.NET和jQueryEasyUI组件的介绍,以JSON数据位传输数据格式,讨论了它们之间的通信机制,为从事WEB开发的相关人员提供相关帮助。
参考文献:
[1]俞国红.利用JQuery框架技术快速开发网站前端页面[J].襄樊职业技术学院学报,2011(05).
[2]李炳练.基于jQuery框架的无刷新技术设计与实现[J].电脑编程技巧与维护,2011(06).
[3]刘海舒.浅谈jQuery的应用[J].数字技术与应用,2010(02).
[4]王冠宇,蔡大鹏.ExtJS在高校网上报销系统中的应用[J].网络安全技术与应用,2011(09).