案例分析:Silverlight在中国人寿的应用

笔者自2003年首次听到Macromedia公司提起RIA(富互联网应用)一词到现在整整7年了。一度被认为是互联网应用趋势的RIA经历了7年之痒,但仍然没有在互联网上得到大规模普及,特别是企业应用就更加少见。做个不恰当的比喻,传统基于Html的应用就像互联网应用中的绿叶一样,而RIA技术由于酷炫的用户体验效果就像是美丽的花朵。现在开心网和腾讯QQ等商业应用中已经运用了RIA技术在其社交网站中得到应用,但这毕竟还是少数,大多数互联网应用特别是企业级应用仍然选择传统高稳定性与高响应能力的Html应用路线,那未来的互联网应用,特别是企业应用能够迎来RIA的春天,绽放出漫山遍野的花朵呢?

\u0026#xD;

\"\"

\u0026#xD;

(图片摄于笔者家乡--成都)

\u0026#xD;

还记得2000年刚接触Flash开发,发现ActionScript可以通过面向对象的方式实现MIS系统应用,但Macromedia公司对Flash的定位仍然是面向设计人员,在面向开发方面的进展不得不用缓慢来形容,直到2004年在被Adobe公司收购的头一年才真正意义上推出了面向开发者的Flex 1.0版本。笔者虽然对当时FLEX Store应用所振奋,但很快发现其第一个版本在大数据量下低迷的表现。而Flash+AS和FLEX这两条路线,使得开发者很难去抉择。当我还在一边看着LUAR编写的《Flash MX 2004 ActionScript 2.0与RIA应用程序开发》,LUAR本人却在博客上发表了《Flash未来未有来》的文章,作为中国Flash应用开发的领军人物,主动得出\"Flash没有帮助开发者开发RIA\"的结论。当然现在的Flash经过10年的苦心经营,应用已经非常广泛,特别是在一些Web页面的应用上面。

\u0026#xD;

RIA技术选型

\u0026#xD;

2008年,中国人寿养老保险公司提出开发面向企业客户的养老金精算咨询系统(PACS),但由于养老金咨询中的方案数据采集与精算过程非常复杂,使用传统B/S架构很难实现。由于多年来的RIA开发经历,作为项目经理的我提出在此项目中尝试使用RIA技术进行开发,以到达客户友好性与易用性的目的。微软发布一年的Silverlight引起了项目组的注意,由于企业B/S开发的两大阵营,一个是Java,另一个是.NET平台。针对主流RIA技术笔者进行了对比,当时Java平台的JavaFX仍然处于beta阶段,而在此前笔者已经在一些项目中运用了ExtJS等通过JS实现的类RIA应用,但实际开发效率较低,而且脚本出错概率较高,JS调试相对困难,企业架构要求的稳定性得不到很好的保障。因此,我们将目光集中在了.NET框架下的Silverlight上,经过与微软中国的多次沟通交流,并进行了必要的性能测试。以下是通过实际测试当中的性能对比(对比基准为Flash):

\u0026#xD;

测试一:后台运算性能测试,使用相同的素数查找算法

\u0026#xD;
\u0026#xD;

测试项目

\u0026#xD;
\u0026#xD;

Silverlight

\u0026#xD;
\u0026#xD;

Flash

\u0026#xD;
\u0026#xD;

查找100万以内

\u0026#xD;
\u0026#xD;

单线程:0 .423 秒

\u0026#xD;

双线程: 0.267 秒

\u0026#xD;
\u0026#xD;

1.335秒

\u0026#xD;
\u0026#xD;

查找1000万以内

\u0026#xD;
\u0026#xD;

单线程 9.833秒

\u0026#xD;

双线程: 6.144 秒

\u0026#xD;
\u0026#xD;

35.62秒

\u0026#xD;

在线测试及源代码下载地址:http://www.itwriting.com/primetest

\u0026#xD;

测试二:UI性能测试,使用小球碰撞模拟

\u0026#xD;
\u0026#xD;

测试项目

\u0026#xD;
\u0026#xD;

Silverlight2

\u0026#xD;
\u0026#xD;

Silverlight 3(cached)

\u0026#xD;
\u0026#xD;

Flash

\u0026#xD;
\u0026#xD;

Flash(cached)

\u0026#xD;
\u0026#xD;

16个小球

\u0026#xD;
\u0026#xD;

238FPS

\u0026#xD;
\u0026#xD;

116FPS

\u0026#xD;
\u0026#xD;

64FPS

\u0026#xD;
\u0026#xD;

64FPS

\u0026#xD;
\u0026#xD;

32个小球

\u0026#xD;
\u0026#xD;

133FPS

\u0026#xD;
\u0026#xD;

112FPS

\u0026#xD;
\u0026#xD;

54FPS

\u0026#xD;
\u0026#xD;

64FPS

\u0026#xD;
\u0026#xD;

64个小球

\u0026#xD;
\u0026#xD;

62FPS

\u0026#xD;
\u0026#xD;

107FPS

\u0026#xD;
\u0026#xD;

41FPS

\u0026#xD;
\u0026#xD;

64FPS

\u0026#xD;
\u0026#xD;

128个小球

\u0026#xD;
\u0026#xD;

35FPS

\u0026#xD;
\u0026#xD;

99FPS

\u0026#xD;
\u0026#xD;

18FPS

\u0026#xD;
\u0026#xD;

57FPS

\u0026#xD;

在线测试及源代码下载地址:http://bubblemark.com

\u0026#xD;

注:在最新公布的Silverlight 4.0中,官方指出UI线程性能提升了5.5倍,Worker线程处理性能提高870倍。

\u0026#xD;

这里要特别说明一个问题,Silverlight与Flash本身的运行时都在客户端,以前我也在Silverlight发布会中提出Silverlight后台语言支持能力更强,但被很多人误认为是服务器端语言,其实Silverlight与Flash一样可以通过多种网络协议连接不同技术架构的服务端程序,但就客户端的运行时来说,Silverlight是基于.NET的JIT Compiler的,而且有CLR基础类库支持,所以与Flash前端运行时有很大差别。

\u0026#xD;

Silverlight 实现RIA端到端的优势

\u0026#xD;

谈到微软专门为Silverlight包装的Core CLR运行时环境,就不得不说到整个.NET框架的优势,很多人将.NET CLR与 JRE做比较,两者都具有相当强大的基础类库支持,可以说为企业开发提供了基础,而Silverlight享受到了这样的基础类库,但为了减小运行时文件大小,提高用户下载安装体验,微软去除了无用的服务器端基类,保留了主要的客户端类库,下面我将结合Core CLR来说明Silverlight在企业级开发中的优劣势。

\u0026#xD;

下表是笔者总结的在企业级应用开发方面Silverlight的优势:

\u0026#xD;

\"\"

\u0026#xD;

其中最为重要的一点就是前端Core CLR的支持,大家可以参见MSDN来获得Silverlight 4基础类库的全部资料

\u0026#xD;

本文不会对CoreCLR做过多介绍,结合客户端架构将Silverlight主要基础类库总结如下:

\u0026#xD;
\u0026#xD;

层次

\u0026#xD;
\u0026#xD;

基类库支持程度

\u0026#xD;
\u0026#xD;

XAML表现层

\u0026#xD;
\u0026#xD;

丰富的原生控件(System.Windows.Controls 超过100种控件类)与自定义控件库( System.Windows.Controls. UserControl),支持全局样式修改与资源管理(System.Resources),支持动画(System.Windows.Media.Animation),效果(System.Windows.Media.Effects)

\u0026#xD;
\u0026#xD;

客户端控制逻辑层

\u0026#xD;
\u0026#xD;

.Net Framework多种基本类库支持,包括多线程类库(System.Threading),安全类库(System.Security),反射类库(System.Reflection),Linq类库(System.Linq),数据流操作类库(System.IO),XML操作类库

\u0026#xD;
\u0026#xD;

通讯层

\u0026#xD;
\u0026#xD;

包括ADO.Net交互类库(System.Data.Services),WCF交互类库(System.ServiceModel),网络类库(System.Net )等等

\u0026#xD;

而使我们选择Silverlight的另外一点是,结合.NET服务器端技术,可以在一个技术体系下构建端到端的RIA应用,在开发上由于语言的一致性可以共享类库,而同样的IDE环境能够提供方便的前后端一体化调试功能等功能。

\u0026#xD;

通过Silverlight如何加强数据展现能力

\u0026#xD;

要构建企业级应用,就必须要使得数据的展现和编辑更加方便直观,传统基于HTML标签语言的web应用,可以通过input和Table等来实现数据编辑与展现,但无法超出其能力之外,很多第三方的Web应用控件都是利用JS脚本来实现排序,拖拽等效果,但脚本语言毕竟是低效的,并且具有许多外部原因(如浏览器环境等)使得其稳定性不高,而Silverlight原生的控件在数据展现与编辑上面具有良好的表现。以PACS系统中的数据列表为例,使用Silverlight的DataGrid控件,原生支持列排序,列拖拽,也可以通过代码实现过滤,分页。由于我们在一些应用场景中需要对每一条记录都有对应的处理流程和功能按钮,因此使用DataGrid控件中定义行模板(DataGrid.RowDetailsTemplate)就可以实现自定义行样式的效果。而在\u0026lt; DataTemplate /\u0026gt;中你可以加入任何XAML元素,使得Silverlight应用可以简单快速的实现以前难于实现的效果。

\u0026#xD;

\"\"

\u0026#xD;

当然除了数据列表的展现方式,Silverlight提供更多的图形化展现方式,比如原生的各种统计图表,以下是Silverlight的Chart控件应用,在拖动各种参数时,图表将以动画形式变换,而不需要写任何代码。

\u0026#xD;

\"\"

\u0026#xD;

Silverlight Do It in Naturally

\u0026#xD;

除数据展示以外,在传统WEB应用中,可能会遇到更多的数据录入上的限制,比如一种分段设置参数的应用场景,当我们要输入任意年龄段的对应参数时,传统Web应用没有好的解决方案,可能只会通过下面的方式来进行数据录入:

\u0026#xD;

\"\"

\u0026#xD;

但如果使用Silverlight自定义控件就可以实现如下更加人性化的设计:

\u0026#xD;

\"\"

\u0026#xD;

通过点击就可以简单实现在分段的中间插入分段,拖拽就能删除分段,这样的设计符合\"do it naturally\"用户体验设计原则。而且Silverlight\"一切皆为用户控件\"的思路,使得开发者可以很简单的开发一个用户控件,而且这些用户控件可以被整个项目充分复用。

\u0026#xD;

\"体验先行\"的开发流程

\u0026#xD;

Silverlight基于\"体验先行\"的设计,颠覆了传统业务需求模式,改变传统开发流程,是开发团队可以选择以界面而非功能为起点的开发模式。在PACS项目需求分析中,我们没有采用需求规格说明书面向功能的阐述方法,因为业务与IT的认识隔阂往往会导致项目失败。在Silverlight设计工具Blend中包含了原型开发工具SketchFlow,通过简单的原型控件拖拽就可以快速开发系统原型,使得业务部门迅速理解界面与逻辑关系,避免了业务与IT在最终交付物认识上的差异。以下是PACS在需求分析过程中的原型与最终系统截图对比:

\u0026#xD;

\"\"

\u0026#xD;

Silverlight在PACS开发中带来了开发过程的革命,经过最终评估,采用快速原型的方式大大减少了需求变更,确保了业务满意度。

\u0026#xD;

展望未来

\u0026#xD;

展望Silverlight技术未来发展,在刚刚结束MIX10大会上,微软已经将Silverlight定位为未来Windows Mobile的主要开发技术,加之以前在跨浏览器,跨平台的策略,实际上已经实现\"手机、PC、电视\"三屏合一,可以很清晰地看到微软有使用Silverlight实现客户端应用大统一,从而全面收复Web应用失地的趋势。因此,未来微软肯定还会不断加大此项技术的认知度,而Adobe公司不会放弃通过占有率全面反击的机会。这也是我们作为企业开发者希望看到的竞争态势,那么RIA在经历7年之痒后,春天是否真的要来了,我们拭目以待!

\u0026#xD;

(免责申明:本文仅代表作者个人观点)

\u0026#xD;

作者简介:吴磊,就职于中国人寿,曾获得系统分析师、PMP、MCSE等认证。2003 年毕业之后就职于中国人寿,一直从事开发工作,担任过软件开发人员、软件设计师、项目经理、软件架构师。

\u0026#xD;

此文章被收录在《架构师》(5月刊)

\u0026#xD;

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家加入到InfoQ中文站用户讨论组中与我们的编辑和其他读者朋友交流。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:Age of Ai 设计师:meimeiellie 返回首页
评论

打赏作者

wuhaung1122

谢谢啊111111111

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值