Flex RIA技术在ERP系统中的应用

摘要:对RIA技术进行讨论,采用Flex技术是希望提高与用户的交互性,在选择技术的过程中,看上Flex简单、好用及不用换页的互动效果,但是设计人员短期内不容易跳脱平面设计的思维,因此首先以功能性为主要考虑,暂时不要浪费人力在太多酷炫的机制上。Flex版ERP功能上线后,使用者明显感受到差别,在Web的架构,没有安装与部署的麻烦,还可享有桌面应用程式的操作体验。而且使用者无需切换表单,就可动态导入各项资讯。该文最主要的就是体现了它在ERP系统中的报表的经典制作。

关键词:RIA;Flex;ERP系统;报表制作

中图分类号:TP311文献标识码:A 文章编号:1009-3044(2010)13-3527-02

Application of Flex RIA Technology Based on ERP System

YU Xiao-fan, DU You-fu

(College of Computer Science,Yangtze University, Jingzhou 434023, China)

Abstract: Discussing the RIA technology, Using Flex technology is to improve the interaction with the user, in the choice of technology process, Looking the fancy of Flex simple, easy to use and not-for-page interactive effect, but the design staff short term is not easy to escape from plane design thinking, so first of all, we should make function as the main consideration and not to waste of manpower in many cool mechanism. Flex Edition ERP functionality on-line, users noticed a clear difference in the Web's structure, there is no installation and deployment problems, but also enjoy the desktop application operating experience. And users do not need to switch the form, you can dynamically import the information. This major is reflected it in the ERP system reports a classic production.

Key words: RIA; Flex; ERP system; report production

1 现状与研究意义

随着网络技术的告诉发展,Internet已经日益成为应用程序部署运行的默认平台。传统的B/S、C/S模式系统逐渐暴露出功能单一、接口专用、不易部署、不易升级。安全性低等缺点,制约了Internet 技术的发展。目前,提高网络资源的利用率,改善用户的操作体验成为网络领域的最新发展趋势和研究热点。针对这种情况,一种可行的技术方案就是采用高度互动性和局部智能型的客户端应用程序,这样就可以在无需刷新全页或增加宽带需求的情况之下,迅速响应用户的输入并做出相应的处理,于是RIA(Rich Internet Application)富客户端便应运而生。

2 RIA的简介

RIA是将桌面应用程序的交互用户体验与传统的Web应用的部署灵活性和成本分析结合起来的网络应用程序。RIA中提供课承载已编译客户端应用程序(以文件形式,用HTTP传递)的运行环境,客户端应用程序使用异步客户/服务架构连接现有的后端应用服务器。当前流行的几种主要的RIA的技术有:Flex, Silverlight ,Laszlo技术。

利用RIA技术,数据能够被缓存在客户端,从而可以实现一个比基于HTML的响应速度更快且数据往返于服务器的次数更少的用户界面。对于无限设备和需要偶尔连接的设备来说,将来的趋势肯定是向富客户端的方向发展,并且会逐渐远离基于文本的Web客户端。

3 Flex RIA的简介与架构设计

在众多RIA开发技术中,Adobe Flex凭借其完善、强大的功能受到广泛应用。Flex是专注于表现层开发的一系列技术及产品的解决方案。

Flex由两部分组成:一个标准的编程模型和一系列产品。利用Flex特定编程语言ActionScript3.0和编译器生成能够在Flash Player 虚拟机中运行的.swf二进制文件,并把二进制文件部署在Web服务器中,当客户端Web浏览器访问服务器时,会下载.swf文件,在Flash Player 虚拟机中运行。Flex与服务端通信方式主要通过HTTP Service ,Web Service 和Flash Remoting 三种方式与服务端通信。

4 基于Flex+J2EE的ERP系统的开发

ERP(Enterprise Resource Planning)企业资源计划系统,是指建立在信息技术基础上,以系统化的管理思想,为企业决策层及员工提供决策运行手段的管理平台。ERP系统就是将企业内部所有资源整合在一起,对采购、生产、成本、库存、销售、运输、财务、人力资源进行规划和优化,从而达到最佳资源组合,获取最高利润的行为。

基于PCB厂的ERP系统,Flex技术在次系统中的应用主要体现在复杂报表的制作,由于PCB厂的流程包括很多表单的操作复杂,字段太多,html展现很是有点复杂。而采用flex来实现,客户端与服务器端异步交互能够给用户带来良好的用户体验,避免系统用户长时间等待服务器响应的烦恼,Flex客户端与服务器的通信模型为异步交互提供了支持。如图2所示Flex客户端和服务器端异步交互的示意图。

对于用户灵活的请求方式,你可以选择统计类型,也就是要统计的数据类型,选择日期,点击统计,就会查询初柱形图的数据,也可以看到曲线图的数据和数据列表。只要点击相应的按钮即可。点击某个柱形图,如图2是2010年1月的柱形,可以出来pie图的数据,默认事让板层来统计,你选地区,pie图的统计类型就会变化,点击某快捷pie就可以查询出数据的明细。现实多少列可以自己定义。还可以选择客户的编号。来查询某个客户的情况。以此类推,可以有更多的条件,已满足用户的需求。下面我们来谈论实现的细节问题:

1)采用的开发工具是eclipse + myeclipse + flashBuilder 插件。这样就可以用eclipse来开发flex应用了。

2)在eclipse中新建一个Flex项目,会自动生成一个和项目名相同的MXML应用程序。目前结构如图3所示。

3)下面就可以在pcbReport.mxml种文件中写自己的应用了,比如标签用来建一个下拉框,那么我们看下柱形图是怎么做成的,flex有个标签很容易实现:

dataProvider="{mainStore}"

showDataTips="true"

itemClick="mainColItemClick(event)"

fontSize="12">

其中的dataProvider是数据的提供者,可以是个Array对象。有了数据就会自动的显示出来。

下面的曲线图,flex都有相应的标签来实现,只有数据变化了,图形就会重新渲染,这样就形成了动态了。

我们用标签来服务器交互。具体如:

url="{mainDataUrl}"

resultFormat="text"

result="mainDataServiceCallBack(event)"

/>

使用中的send(参数),就可以发送数据了,result用来处理返回的结果。我们将json格式的数据转换成Array。赋值给你要显示的dataProvider就可以了。该图形就会变化,从而实现了动态的效果。

4)前台flex的部分讲完了,下面说下后台,后台是用struts2.0+spring+ibatis来实现。用json格式的数据来传输数据。Struts2.0实现了系统的表示层,利用Spring框架控制实现了系统逻辑构架各层间和层内业务逻辑的耦合,

5)下面就是做成后的效果了,如图4。

5 总结和展望

目前在国内Flex技术的资料不多,虽然实现了Flex制作报表、视屏播放、加载等功能,但是对swf文件的反编译安全考虑不够,所以对Flex的研究有待继续深入,本文在后台的架构方面还需要更好的选择,使系统的运行效率得到提高,且对系统的性能进行进一步的优化。基于Flex的很多架构的RIA应用系统将在企业的发展中发挥越来越重要的作用。

参考文献:

[1] 胡洁等著.Flex完全自学手册[M].北京:机械工业出版社,2009:1-6.

[2] 王睿.Flex与ActionScript编程[M].北京:机械工业出版社,2008,3-7.

[3] 夏志翔.对Flex Cairngorm框架的探究和改进[D].浙江大学,2008.

[4] 尹金发.基于Flex技术和J2EE技术的RIA系统的设计与实现[D].西南交通大学,2008.