Web应用程序界面设计框架技术研究

摘 要:作為开发Web界面的JavaScript框架,Ext技术能够实现多种Web应用程序的设计,完成界面系统的各种布局与功能,同时,还可以有效提高所设计界面的易用性,提高用户在界面操作中的体验感。

关键词:Ext技术;Web应用程序;界面设计

中图分类号:TP393.09

在网络技术的不断推动下,人们的生活发生了根本性的变化,而网络技术的更新换代,也极大推动了各种软件开发模式和技术的发展。对于传统软件工程开发领域常用的C/S结构,已经逐渐难以适应时代的发展。所以,软件开发人员在实践中逐渐采用基于B/S结构的Web应用程序开发技术。

特别是近几年来,随着Web技术的高速发展,其应用领域逐渐从简单的网页设计,向更加复杂的Web应用程序和网站发展,而正是由于其低廉的成本和便于安装部署的优势,使其能够在短时间内得到广泛应用。所以,在软件开发领域,Web应用程序的发展已经逐渐占据软件开发领域的主导。

1 Ext技术背景

Ext技术的主要作用,就是在客户端生成更加丰富和多彩的Web应用程序界面,现在普遍作为跨浏览器的JavaScript库来使用。在Ext中包含了可扩展的组成部件,使得其更便于使用,所开发的程序接口也更加直观。作为一种基于JavaScript而发展的语言,Ext能够广泛应用与Net、Java和PHP等多种语言开发环境。

在基于Ext技术的Web应用程序开发框架中,可以将其架构分为表现层、业务逻辑层和数据层,其中,表现层的设计方式不会对其他两层产生根本性影响。所以,现有的Ext框架则主要采用请求或者响应的方式来完成设计。而在具体的设计过程中,服务器依然是设计工作的重点,能够对HTTP请求进行响应,并返回多种格式的数据片段。

2 基于Ext技术的程序设计原理

而作为一种应用性能良好的Ajax应用框架,Ext在使用的过程中,还需要服务器的支持。而Ext与服务器之间的交互主要通过三种方式来完成,如下图1中所示,包括了控件交互、表单加载以及用户发出Ajax请求等。

图1 Ext与服务器的交互方式

在图1中,控件交互主要指服务器传送的数据,在控件交互的基础上,完成各种表单的提交,进而生成各种类型的数据,然后向客户端输送。在该过程中,控件可以完成对数据的识别,可以作为Ext端的数据转化解析器来使用。正是由于控件的支持,服务器端才可以对多种格式数据进行处理。

对于表单的加载方式,可以在完成表单的提交过程后,服务器端应用程序向其返回一个数据对象,用于表示处理结果的成功与否。

如果用户采用发出Ajax请求的方式,则在访问服务器的过程中,如果要完成基于Ext技术的Web应用程序界面设计,就需要通过HTTP向服务器发送请求,并通过回调函数来完成处理过程。在此过程中,通过回调函数可以定义本次Ajax请求过程中所需要的参数。

3 在Wbe界面中的应用

3.1 界面中的元素

在Ext技术中,能够为开发人员提供的界面元素种类多样,比如常用的表单、对话框、标签、网格以及页面的布局设计等。这样,在应用程序的设计中,用户可以根据需求选择不同的页面,从而为软件开发提供便利。不仅如此,软件开发人员还可根据自身的喜好来完成页面元素的选择。

3.2 静态方法说明

在Ext技术体系中,实现元素获取的方法主要为Ext.get和Ext.fly,其中,Ext.get方法在具体的执行过程中,能够为所有的DOM元素创建全新的Ext外部元件对象。相比较下,Ext.fly则更加小巧,所占用的资源更少,在执行过程中不需要缓存的支持。

4 在Web系统中的应用

4.1 服务器端设计

在基于Web的软件界面设计中,可以将Web和数据库服务配置在相同主机,而将Web服务器作为客户端与数据库之间的通道,因为浏览器能够通过Web服务器来实现数据库服务器的访问,在获取各种数据的基础上完成界面的更新。

在下面的图2中,给出了基于Ext技术的Web服务器动态管理的基本模式。其中,Web服务器可以为数据访问提供支持,在接收到各种访问请求的基础上,完成对数据序列的处理,以回调函数的处理结果为基础,向浏览器发送处理结构,进而实现页面的刷新。

图2 Web服务器所采用的动态管理方式

4.2 界面实现

在Web程序的开发过程中,只要在基于Ext框架的应用环境中添加Ext框架所需要的软件开发包即可开始设计过程,从而得到用户希望的各种界面。

5 结束语

虽然Web应用现在已经非常普遍,代表了软件发展的主要趋势。但是,在Web应用程序的开发中,还需要人们的继续研究,才能在生产实践中更加普遍地应用,进而开发出更加实用的软件。文中在对基于Ext技术的Web应用程序的设计与开发简单介绍的基础上,给出了Ext技术在界面设计和界面效应增强中的一些体会。

参考文献:

[1]严磊磊.论ExtJs在Web开发中的应用[J].信息系统工程,2012(12).

[2]王晓燕,宋绍云.Ext的组件体系结构研究[J].电脑知识与技术,2011(09).

[3]翟超杰,李兆瑞,车青.浅析Ajax框架技术的应用与实践[J].信息与电脑(理论版),2010(12).

[4]王璠.面向Web系统应用的目标性能测试方法研究[J].电脑知识与技术,2011(07):1570-1571.

[5]沈银华,汪涛,王峰.基于ExtJs、Spring和iBATIS的Web系统应用研究[J].软件导刊,2011(12):13-15.

作者简介:潘齐欣(1983-),女,苗族,贵州雷山人,讲师,本科,主要研究方向:软件工程、计算机应用。

作者单位:凯里学院 信息工程学院,贵州凯里 556011

基金项目:凯里学院2014年度规划课题(项目编号:z1421);凯里学院教改课题(项目编号:JG201319)。

推荐访问:技术研究 应用程序 框架 界面设计 WEB