| 首页 | 新闻 | 网页 | 设计 | 色彩 | 原创 | 视觉 | 素材 | 动漫 | 酷站 | 策划 | 文案 | 访谈 | 运营 | 编程 | 数据库 | 服务器 | 下载 | 图库 | 
您的位置: 幽幽天空 > 网页 > 网页制作 > Flash教程 > Flash特别应用 > 文章正文 用户登录
网站赚钱指南之:
DataGrid组件创建
利用javascri
[翻译]javasc
Flash javasc
《Flash ActionSc
Flash 8 scale9Gr
javascript与
flash8与java
Flex2 发现之旅:

RIA 开发感想           

RIA 开发感想

作者:佚名 来源:闪吧 作者: ppanyong 更新:2007-1-13 21:00:32 错误报告 我要投稿

    经过4个月的制作,我的第一个由Flash作为操作界面的信息管理平台完成了。经过这些日子Flash开发平台的经历,有了不少想法,在这里与大家分享。 
    在平台设计的开始,我们设计了 web页面样式的界面,用户使用的方式也类似访问网站。刚刚开始的使用中,用户反映良好,偶尔会有人抱怨网页响应速度慢。但是,当平台试运行了2周后,问题出现了。很多用户反映,等待Flash页面间的过渡效果是一个痛苦的过程。在工作中处理大量数据进行更新和添加时,那些漂亮的页面过渡效果显的多余和重复。用户需要的是快速的响应和便捷的操作。另外,由于最初美术设计的数据显示界面较小,这样就降低了页面所能显示的数据量。

       旧版界面(上图)

  重新设计界面势在必行。

  考虑到用户易用性,我们采用了MS OUTLOOK XP的软件界面。在这里Flash显示出了另一个优势,就是能够完成近乎于本地软件(C/S)的操作。在这一版的界面,我们抛弃了大面积的图片装饰,采用简洁的设计。同时还完成了用户托拽功能,页面也是处于无刷新状态,可以说在B/S的客户端完成了 C/S软件的功能。

  改版后,用户使用都感觉速度加快,没有停顿感。

      新版界面(仿outlook软件)

  通过以上的描述,你应该感觉到了,用户对软件速度和易用性的要求最高。我想这大概就是internet的所谓RIA的目的所在。
        平台演示的视频 有兴趣的话请下载: http://www.cnc-expo.com/video/demo.wmv
  说到Flash与Ajax不免要会惹来热闹的争论。用google搜搜就有很多这样的文章,这里我就不引用了。不过,我还是想提一下 Luar 写的 ‘展望2006年,Flash未來未有來!’这篇blog,里面的看法我很赞同。同时Luar作为Flash的资深开发者,他的言论是很有见地的。
  看完Luar的文章,你一定会有些悲观。Flash到底还能走多远?哎,还是不要想这样的问题了。我的看法还是比较乐观的。
  首先,来看看Ajax。经过几个月的关注,我的理解是:Ajax的重点有两个,一是与服务器的无刷新传递消息,另一个是对dhtml的扩展(或者说是深度开发)。ajax里,Javascript在浏览器中就像FlashPlayer里的AS2.0,FlashPlayer就好象是MM的浏览器。这样的比喻我认为很适合。这样想想就会明白,在浏览器的环境里JS可以做很多AS不能做的事,而且JS比AS更加成熟。所以JS的优势和广阔的前景是很明显的。
  通过Flash平台客户端的开发,我发现Flash的优势有一部分与Ajax重叠了。比如,与服务器的无刷新传递消息,以及用户离线和在线状态的无缝切换。除了对CSS的支持和文字表格表现上的劣势,FLash还是可以媲美Ajax的。另外,Flash最大的有点在于开发的低门槛。Flash有完备的IDE和调试环境,同时在还可以满足MVC的设计模式,它所见所得的开发环境更得到美工的青睐。
  看了以上的对比,我想象我这样喜爱Flash的爱好者只所以支持他的主要原因还在与,他的成长速度。从4.0到8.0几乎每次的升级都让人为之兴奋。
附录:在这里贴上,我平台开发中用到的与webserver通信的类文件。

import AndyClass.ArrayToXml;
import mx.events.EventDispatcher;
import org.okyere.util.XMD;
class AndyClass.FlashConnAsp extends MovieClip
{
 //该类用于接受Flash发送的Array变量
 //Array变量通过ArrayToXml类转换为要发送的XML;
 //如果调用成功,则返回my_xml的内容!!!!
 //属性域
 private var m_Url : String;
 private var m_Params : Array;
 private var m_Params_str : String = "";
 private var m_Result_errormsg : String;
 private var m_NodeName : String
 private var m_urlhead : String;
 private var m_xmd : org.okyere.util.XMD;
 //private var myListener : Object = new Object ();
 private var m_Result : String //具体的结果
 //属性域
 public var addEventListener : Function;
 public var removeEventListener : Function;
 private var dispatchEvent : Function;
 private static var _mixin1 = EventDispatcher.initialize (AndyClass.FlashConnAsp.prototype);
 public function FlashConnAsp ()
 {
  trace ("  FlashConnAsp 构造 " );
 }
 //Setter Getter
 public function set Url (txt : String) : Void
 {
  m_Url = txt;
 }
 public function get Url () : String
 {
  return m_Url;
 }
 public function set Params (a : Array) : Void
 {
  m_Params = a;
 }
 public function set Params_str (a : String) : Void
 {
  m_Params_str = a;
 }
 public function set ResultMsg (a : String) : Void
 {
  m_Result_errormsg = a;
 }
 public function set NodeName (a : String) : Void
 {
  m_NodeName = a;
 }
 //
 public function sendAndload ()
 {
  if (m_Url != null && m_Url != undefined&&m_urlhead != undefined)
  {
   f_sendAndload ();
  } else if (m_urlhead == undefined)
  {
   trace ("m_urlhead未定义")
   f_load_urlhead ();
  }
 }
 //
 private function f_load_urlhead ()
 {
  var owner : Object = this;
  m_xmd = new XMD ();
  m_xmd.load ("config.xml");
  var myListener = new Object ();
  myListener.onXMDLoad = function (evtObj : Object)
  {
   //trace ("获取config.xml的参数 urlhead 成功: " + evtObj.data.url);
   owner.m_urlhead = evtObj.data.url;
   owner.f_onDataLoadXml ()
   owner.m_xmd.removeEventListener ("onXMDLoad", myListener);
   owner.f_sendAndload ();
  };
  m_xmd.addEventListener ("onXMDLoad", myListener);
 }
 private function f_sendAndload ()
 {
  var eventObj01 : Object = {
   type : "m_onLoadVars", target : _parent
  };
  dispatchEvent (eventObj01);
  var owner : Object = this;
  if (m_Params != undefined&&m_Params != null)
  {
   trace ("m_Params != null")
   var m_ToXml = new ArrayToXml (m_Params);
   m_ToXml._NodeName = m_NodeName;
   //my_xml与ASP约定的变量
   var m_Send_lv = new LoadVars ();
   var m_Result_lv = new LoadVars ();
   m_Send_lv.my_xml = m_ToXml.ToXml ();
  } else if (m_Params_str != undefined&&m_Params_str != "")
  {
   trace("-------------发出字符串参数。")
   var m_Send_lv = new LoadVars ();
   var m_Result_lv = new LoadVars ();
   m_Send_lv.my_xml = m_Params_str;
  } else
  {
   trace ("客户端发出没有参数的连接请求。")
   var m_Send_lv = new LoadVars ();
   var m_Result_lv = new LoadVars ();
  }
  var my_date = new Date ()
  trace ("sendxml = "+m_Send_lv.my_xml);
  m_Send_lv.sendAndLoad (String (m_urlhead + m_Url + "&time=" + my_date.getTime ()) , m_Result_lv, "POST");
  m_Result_lv.onLoad = function (success)
  {
   //LoadVars的载入事件
   trace ("Loadvars load")
   if (success)
   {
    //trace ("m_Result=" + m_Result_lv.my_xml)
    if (m_Result_lv.my_xml == owner.m_Result_errormsg)
    {
     owner.m_Result = "error"
    } else
    {
     owner.m_Result = m_Result_lv.my_xml
    }
   } else
   {
    owner.m_Result = "link_out"
   }
   owner.f_call ()
  };
 }
 private function f_call ()
 {
  var eventObj02 : Object = {
   type : "m_onDataLoadVars", target : _parent
  };
  eventObj02.Result = m_Result;
  dispatchEvent (eventObj02);
 }
 private function f_onDataLoadXml ()
 {
  trace ("f_onDataLoadXml 发布主题")
  var eventObj03 : Object = {
   type : "m_onDataLoadXml", target : _parent
  };
  //eventObj03.Result = m_Result;
  dispatchEvent (eventObj03);
 }
}
文章录入:skyuu    责任编辑:skyuu 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    发表评论:
    姓名:  评 分: 1分 2分 3分 4分 5分
     
  • 严禁发表危害国家安全、政治、黄色淫秽等内容的评论。
  • 用户需对自己在使用幽幽天空服务过程中的行为承担法律责任。
  • 本站管理员有权保留或删除评论内容。
  • 评论内容只代表机友个人观点,与本网站立场无关。