??xml version="1.0" encoding="utf-8" standalone="yes"?>国产免费亚洲高清,欧美日韩中字,久久亚洲一区二区三区四区 http://www.aygfsteel.com/nighty/category/49836.html折腾的年?/description>zh-cnSat, 28 Apr 2012 04:15:22 GMTSat, 28 Apr 2012 04:15:22 GMT60Flex在企业应用中关于单元试的一U设计思\http://www.aygfsteel.com/nighty/archive/2012/04/28/376941.html寒武U?/dc:creator>寒武U?/author>Sat, 28 Apr 2012 04:03:00 GMThttp://www.aygfsteel.com/nighty/archive/2012/04/28/376941.htmlhttp://www.aygfsteel.com/nighty/comments/376941.htmlhttp://www.aygfsteel.com/nighty/archive/2012/04/28/376941.html#Feedback0http://www.aygfsteel.com/nighty/comments/commentRss/376941.htmlhttp://www.aygfsteel.com/nighty/services/trackbacks/376941.html      用Flex做企业应用将q有一q时间了Q这个过E很累,在国内这斚w的积累不多,真正有参考意义的资料的确非常。经q一D长旉的摸索后Q多也U篏了一点经验,最q的关于单元试的想法做一Ҏ(gu)ȝQ由于涉?qing)的知识较多Q这里也只是l出个h的一U思\?/span>
     众所周知QFlex的缺Ҏ(gu)开发调试效率较低,而且它只是表现层的一U解x案。在企业应用中最需要解决的是编译生成的swf体积问题Q我想Q何客户都很难接受一个企业应用全部打包在一个swf里,几MB甚至几十MB的初始化q程谁都无法接受Q所以都必不可少地采用Module的加载方式,把不同的业务功能~译成独立的swfQ需要用的时候再d载。把核心功能、通信机制、公q件设计成库项目,~译成swc做ؓ(f)RSL让业务模块共享调用,辑ֈ量减少业务模块~译体积的目的。在q方面如果用心优化的话,基本上可以控制到每个swf体积大概?00KB以内Q这样就是互联|方式部|Ԍ客户讉K仍是可以接受的?/span>
    

     该结构图l出了一U整体的设计Ҏ(gu)QFlex的启动肯定得有ApplicationQ这个是用户初登录后W一个加载的swfQ登录就不要用flex了,用jsp或是模板实现吧)(j)。所以它负责加蝲你设计的整个框架Q包含模块加载机制、通信代理方式、基库初始化{等Q而和Java端的通信目前比较有效的仍然是blazedsQ这个技术需要的介绍内容不在本文的范围之内。关于通信接口的实现有一U非常有用的方式是借用Java的动态代理理念,Spring有一个flex的扩展子目叫做springactionscriptQ而这个项目又引用了as3commons的库Q类gapache commons的一些公qӞ(j)。ؓ(f)什么提?qing)这个,因?f)flex本n的反功能api非常隄Q所以as3commons做了扩展,它大大简化了反射的用,而且提供了一个bytecode的工L(fng)于操作字节码Q它是实现动态代理的关键。至于ؓ(f)什么要动态代理?目的是辑ֈ在写和JavaҎ(gu)的接口时Q可以只声明接口Q不需要实现类Q得减少多少重复代码呀Q)(j)Q而和JavaҎ(gu)接口我们又可以开发一个工兯java code 自动转成 as codeQ如果懂得Eclipse插g开发的话还可以q一步做一个插Ӟ辑ֈJava只写一ơ就可以自动生成对应的flex接口Q提高开发效率?/span>
     转入正题Q关于单元测试的概念QFlash Builder?.5已经把flex unit作ؓ(f)内置库了Q这点和Eclipse把junit内置cMQ而flex unit的用网上有大量的资料介l,q里也不多说。flex unit在测试as代码q是不错的,和junit试一P提供了一些简单的Assert断言Q但是你最痛苦的却不是as的测试。企业开发的特点是数据量不大,但是需求坑爹,l常变来变去Q而且l构复杂Q往往一张表很多字段Q关联子表,层属性多。而你如果选择了Flex做了展示层的技术,那必定是看中它比HTML + CSS + JS更强的界面交互功能。的,q点不容质疑QFlex Spark的皮肤机制的提供了很多优秀的特点,不过如果你想U熟掌握它的整个机制Q恐怕得花很多时间阅L代码才行Q而皮肤的制作整对别想让美工独自实玎ͼ它同h需要技术积累的Q介l它需要用几个幅才够。Q何技术方案都一PBS、CS、AIR在实现复杂界面时Q对于开发h员来_(d)最痛苦的莫q于界面的单元测试?/span>
     痛苦在哪里?回看上面那幅架构图,业务功能界面实现在FlexQ业务逻辑在后台JavaQ那么当二个团队同时q行工作的时候,沟通就是最大的成本。解x通的问题必d先前设计时约定好接口和数据结构,那是?x)?jing)响双方团队协调的关键因素。当双方同时q行开发的时候,势必存在前台依赖后台的情况,因ؓ(f)它能到达界面的前提得在整个框架蝲入后Qƈ且可以初始化一堆数据,发生了通信Q,Java后台q好_(d)依赖于spring和junit可以做到很好的单元测试。而flexq苦了Q我没有通讯啥都做不了呀Q?/span>
     如何设计单元试Q最大的出发点就是如何切掉和后台通信q接Q看下面的简单结构图

     实现思\介绍Q?/span>
     1.  化Application加蝲q程   --   可以套用你主E序中的加蝲q程Q但是不需要你的主界面其它多余的元素,辑ֈ减少到达试界面的多余步骤(可能少地减鼠标和键盘操作Q?/span>
     2.  定义试配置   --   试哪个模块Q哪个工作流E?你得通过配置的方式来定义Q而不是每ơ都手写代码Q才能方便你的成员用你q个工具
     3.  模拟后台接口实现  --  记得上面说的动态代理吗Q其实是为接口动态生成一个实现类Q然后注入真正通信的实C码,例如WebService、HTTPQ既然可以注入这些通信渠道Q当然就可以注入本地实现cd
     4.  对象查看?nbsp;   --   q个是神马?因ؓ(f)你都不要Java后台了,每次操作一个界面后得提交数据吧Q没有后CQ提交到哪里Q你得必L你的提交对象用界面展C出来吧Q好吧,q个可是个难点!

     我想q四个方面的原则无非是Q减单元测试需要进行的步骤Q最快到达测试界面)(j)Q脱dC赖(自己单模拟后台实玎ͼ可惜flex没有cMjava的mock库,(zhn)剧Q)(j)Q如何查看提交到后台的结果?单元试的目标:(x)界面能正常加载、提交数据正常,如果二者都没问题,那么联调的时候就可以非常Ҏ(gu)定位到是Flex的问题还是Java的问题!辑ֈ介分责Q的目标,当然Q如果你所在团队是按模块分的,也就是说flex和java都是同一个h做,那么׃存在责Q问题?/span>

     怎么实现上面的四个步骤呢Q简要地介绍一下吧?/span>
     W?化application加蝲Q其实你可以把第一张图中的application加蝲机制拯q来Q只是主界面可以做得非常单,比如不需要多余的控gQ比如过长的菜单、当前登录h、时间、一陀讄按钮{)(j)Q只留下最核心的能到达你测试界面的入口Q至于怎么设计q个化版的applicationQ那得发挥你本h的创造力Q另外还得看具体的业务?br />
    W?定义试配置。模块如何加载?通信接口本地模拟实现cd义?通过配置昄在appliation做ؓ(f)触发控gQ这些你都得自定义一套xml之类的文件来配置吧,q个需要技巧了Q不能设计得太复杂,因ؓ(f)你的开发h员需要沿用你定义的规范来定义它需要测试的模块Q关于这斚w的知识,可以参考spring加蝲配置文g方式、struts2加蝲定义文g{理念,有一个概忉|比较推荐Q就是struts2中的include配置文gQ允?dng)R|文件分散,让大家提供代码和文g时减冲H,又可以套用你正常的加载机制?br />
    W?模拟后台接口实现。这个是比较?ch)的Q模拟机制本w通过动态代理倒是不难实现Q恶心的是你得自己动手用flex单实Cơ后台生成数据、处理数据的逻辑。这里我有个实践的ȝl验分nQ在前期你调试完的后台接口证明是没有问题的,那么可以混合使用Q一部分调试q的接口可以直接用后収ͼ而新接口才本地模拟。一个原则就是后台有的,已经证明E_的就用后収ͼ没有的或是后台还没有完成的你p己模拟?br />
    W?对象查看器。想想flex不能操作数据库、由于安全限制不允许直接操作文g、无法读取本地文件目录。而你的测试数据也怼(x)有关联(特别是在工作方面)(j)Q所以你得想一个方案来保存你的对象l果Q而且得以一Uh性化的方式查看对象内宏V且抛开数据存储的问题,q个对象查看器如何设计就够你头疼的了Q首先是对象得定义成一U格式,一Uh可以看得懂的格式Q比如xmlQ可以支持序列化和反序列化,你得L多余的无用属性和讉K器。又得回到反机制上了,序列化其实不难,隄是反序列化时如何正确地{成原来的对象。列一U本计的l构Q?/span>
     <xxx   type="com.xx.oo.XXClass">
          <aa type="String">aaa</aa>
          <bb type="Boolean">true</bb>
          <list type="mx.collection.ArrayCollenction">
              ....
          </list>
     </xxx>
     对象分简单对象、复杂对象、动态对象等Q如何表达这U结构和保证序列化时不丢失数据需要细心考虑。那么最后如何实现查看器呢?其实有一个参考的范例Q就是Eclipse?#8220;大纲”视图Q经q实늚扩展Q把?wi)视图换成表格?wi)Q这U控件原生没有,有第三方的可以拿来修改)(j)Q看个样囑֐Q?/span>
 
     因ؓ(f)你关注的对象内容无法是q三个方面,属性名、倹{和cdQ又支持以树(wi)方式D对象Q已l够你人眼分辩内容了。至于如何有效的保存?gu)试数据Qƈ且组l好l构Q这个方面我目前也仍在思考中Q未有较好的思\?/span>
     以上内容仅是Z本h的一U方案,也许有更好的实现Ҏ(gu)Q只是水q不以过q种认识Q希望后l能q一步思考能实现更加完美的单元测试框架?/span>
     ST试更关注的界面的自动化试Q这斚w涉及(qing)的知识更多,一般公司是很难有胦(ch)力和技术去支持做自动化试Q属于比较高端的范围Q实现是很多回归都靠试团队在实现?/span>


]]>
Flex4 spark中Application工具条自定义的原?/title><link>http://www.aygfsteel.com/nighty/archive/2011/10/13/361190.html</link><dc:creator>寒武U?/dc:creator><author>寒武U?/author><pubDate>Thu, 13 Oct 2011 10:14:00 GMT</pubDate><guid>http://www.aygfsteel.com/nighty/archive/2011/10/13/361190.html</guid><wfw:comment>http://www.aygfsteel.com/nighty/comments/361190.html</wfw:comment><comments>http://www.aygfsteel.com/nighty/archive/2011/10/13/361190.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/nighty/comments/commentRss/361190.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/nighty/services/trackbacks/361190.html</trackback:ping><description><![CDATA[<div>      采用Sparkq行Flex的Web应用开发的时候,往往?x)用一个固定栏Q比如说cMWindows的Q务栏Q我们想把它固定在顶部或是底部,用于某些场景存放一些控件?lt;s:Application>lg中有一?lt;s:controlBarContent>属性和<s:controlBarLayout>Q用于设|Application的一个组件区域(我猜官方L(fng)q个名称大概用意在于此吧Q,下面q段话就是官方的中文注释Q?br /> <fieldset><legend>Title</legend><em style="color: #3366ff">包含?Application 容器控g栏区域中的组仉。Application 容器控g栏区域的位置和外观由 spark.skins.spark.ApplicationSkin cȝ定。默认情况下QApplicationSkin cd义以灰色背景昄?Application 容器内容区域剙的控件栏区域。创定义外观以更Ҏ(gu)件栏的默认外观?/em></fieldset></div>      于是可以单的l?lt;s:controlBarContent>区域d各种控gQ以?qing)设|它内在的布局(controlBarLayout)。但是,发现它只能显C在Application的顶部!<br />      q是怎么回事Q根据上面的注释Q感觉应该原因在它的皮肤Q得跟进代码Q看一下究竟?br />      首先扑ֈ<s:Application>控g的标准SkinQ可以在Flash Builder中直接查看?br /> <div align="left">       <img style="border-bottom-color: #000000; border-top-color: #000000; width: 276px; height: 470px; border-right-color: #000000; border-left-color: #000000" border="1" alt="" src="http://www.aygfsteel.com/images/blogjava_net/nighty/s1.png" width="276" height="470" /><br />      双击打开ApplicationSkinQ里面的代码包含了各USVG囑Ş学的实现api调用Qflex这些库叫FVGQ大意就是SVG的Flex实现版本Q该库实现得q算z!<br />      Application标准皮肤的就是先M个矩形,然后用一个Group来包含不同的形状Q最后一D?lt;s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />Q代表Application的内容区域,Flex从设计上区分了控件树(wi)和布局?wi),有些复杂Q可以参考官方的文档。因为Application是属于容器,所以必d皮肤中包含这一句,不然E序q行时就看不到它包含的子控g?br />     而前面长长一?lt;s:Group id="topGroup">中是M栏的外观,它用FVG库画了四层:(x)<br />     <span style="color: #3366ff"><!-- layer 0: control bar highlight -->     底部高亮U(用画W填充一个矩形)(j)</span><br /><span style="color: #3366ff">     <!-- layer 1: control bar fill -->              背景填充U性渐变颜?/span><br /><span style="color: #3366ff">     <!-- layer 2: control bar divider line -->  分割U?/span><br /><span style="color: #3366ff">     <!-- layer 3: control bar -->                  controlBar的具体内容容?/span><br />     当然q个controlBar不是自己?x)出现的Q只有当你填充了内容控g的时候它才显C,所以有includeIn="normalWithControlBar, disabledWithControlBar"Q表C在q二个State下才昄Q什么时候State才包含这二个呢?当然Q就得去看Application.as的实现原理,具体幅׃描述?br />     那么回到最初的问题Q我x变controlBar的位|在下方怎么处理Q?br />     从上面的分析可知其实controlBar的摆放位|是在Skin中定义的Q而它是什么布局Q它昄不显C是通过Application.as本n的代码控制的Q那么我们就只要自定义Application.as的皮肤就可以Q新Z个外观mxmlQ直接复制官方的ApplicationSkin.mxml的代码,然后Q把<s:Group id="contentGroup" width="100%" height="100%" minWidth="0" minHeight="0" />代码Ud<s:Group id="topGroup">代码的上面,在你的Application中强制指定skinClassZ自定义的ApplicationSkinQ或是通过css讑֮卛_?br />     再扩展思维一下,其实我们完全可以把controlBar攑ֈ左边或是双Q甚至Q何位|,都取决你在Skin的定义和Application.as的逻辑控制Q你可以l承Application扩展Q?br />     那么controlBar有什么作用?其实spark的Panel从及(qing)它的子类TitleWindow都有controlBar的概念,它能独立于你容器外的区域Q对于你容器本n包含的组件和布局不会(x)产生q扰Q以?qing)你讄了width、height?00%时也不生媄(jing)响。如果你不要controlBarQ直接在Application中用布局d一个Group也是可以实现Q但是它从根本上是属于布局?wi)中contentGroup的内容,?x)受限于布局?br />     Spark Skin的设计的有高明的地方,Ҏ(gu)Flex3的外观,它提供给设计人员的空间实在大得多Q你可以l合囄和FVG库的功能自定义各U外观,当然Q我徏议你多熟(zhn)一下FVG库的应用Q毕竟从外加载图片对flex来说是一个消耗,你的E序也会(x)增肥?/div><img src ="http://www.aygfsteel.com/nighty/aggbug/361190.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/nighty/" target="_blank">寒武U?/a> 2011-10-13 18:14 <a href="http://www.aygfsteel.com/nighty/archive/2011/10/13/361190.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss> <footer> <div class="friendship-link"> <a href="http://www.aygfsteel.com/" title="狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频">狠狠久久亚洲欧美专区_中文字幕亚洲综合久久202_国产精品亚洲第五区在线_日本免费网站视频</a> </div> </footer> վ֩ģ壺 <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ά</a>| <a href="http://" target="_blank">Դ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">̨</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ȫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ϫ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">Ľ</a>| <a href="http://" target="_blank">¤</a>| <a href="http://" target="_blank">Դ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ͩ®</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">˫</a>| <a href="http://" target="_blank">ɽ</a>| <a href="http://" target="_blank"></a>| <a href="http://" target="_blank">ͷ</a>| <a href="http://" target="_blank">»Ȱ</a>| <a href="http://" target="_blank">ʡ</a>| <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> </body>