Ria lqj

714 views

Published on

introduce rai

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
714
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ria lqj

  1. 1. RIA 富客户端应用开发技术简介
  2. 2. 客户端发展 <ul><li>C/S </li></ul><ul><li>B/S </li></ul><ul><li>B/S 向 C/S 的回归 </li></ul><ul><li>( 带宽快 需求高 </li></ul><ul><li>平台技术发展 </li></ul><ul><li>浏览器负载能力变强 ) </li></ul><ul><li>浏览器和各种运行时都将发展为虚拟机 </li></ul>
  3. 3. 应用开发细分化 <ul><li>DBA(mysql/sqlserver/oracle 海量数据 ) </li></ul><ul><li>Business logic(.net/j2ee/ 动态语言 ) </li></ul><ul><li>Client logic(Javascript/ 虚拟机 ) </li></ul><ul><li>UI( 交互 / 美工 ) </li></ul>
  4. 4. dorado <ul><li>简介 </li></ul><ul><li>原理 </li></ul><ul><li>传统的 MVC 架构中 V (表现层)中的数据与数据展现形式是混在一起的。 dorado 把 V (表现层)进一步 MVC 化,表成 M (数据模型)、 C (控制器)、 V ( UI 组件)。在开发中的 Datasets 对应 M , Controls 对应 V , Datasets 与 Controls 之间的关系,以及事件中的 Javascript 代码、 ViewModel 实现类与 Dataset 监听器中的 Java 代码对应 C </li></ul><ul><li>限制 </li></ul><ul><li>没开源、只在 java 平台上、应用小 </li></ul>
  5. 5. Helloword-by-dorado <ul><li>MyEclipse 和 doradoStudio 协同开发 </li></ul><ul><li>New ModelView </li></ul><ul><ul><li>New DataSet 、 Controls ;关联 dataset 与 Controls </li></ul></ul><ul><ul><li>New Command 与后台交互 </li></ul></ul><ul><ul><li>生成 jsp </li></ul></ul><ul><ul><li>fireBug 看原理 </li></ul></ul>
  6. 6. Extjs <ul><li>JavaScript </li></ul><ul><li>JavaScript 的正式名称是 “ ECMAScript “ 。这个标准由 ECMA 组织发展和维护。 一个完整的 JavaScript 实现是由以下 3 个不同部分组成的: </li></ul><ul><li>核心( ECMAScript ) ——描述了该语言的语法和基本对象 </li></ul><ul><li>文档对象模型( DOM ) ——描述了处理网页内容的方法和接口 </li></ul><ul><li>浏览器对象模型( BOM ) ——描述了与浏览器进行交互的方法和接口 </li></ul><ul><li>Js Framework </li></ul><ul><li>原因: js 发展很慢,用原生的 js 难以满足需要 </li></ul><ul><li>js 库的基本要素: dom 编程、事件组装、 ajax 库、动画 </li></ul><ul><li>例子: juqery 、 yui 、 node.js 、 kiss.js 、 dojo 、 Prototype   </li></ul><ul><li>Extjs </li></ul>
  7. 7. Extjs <ul><li>Exjs&Sencha </li></ul><ul><li>Extjs 起源 :YUI+Swing+javascript </li></ul><ul><li>Extjs 开源之路: Extjs2.0 版本之前开源免费; 2.0 之后不开源,导致用户反对;现在免费学习、用在开源项目上免费、商务应用收费 </li></ul><ul><li>Exjs 发展方向: flex 的打击; html+css3 带来的支持;移动应用的发展 Ext 与 jQTouch 和 Raphael  两大项目强强联手,打造新的 Sencha :华丽的表现力和点触技术 </li></ul><ul><li>Extjs Example :图表、模板、桌面 </li></ul><ul><li>http://dev.sencha.com/deploy/dev/examples/ </li></ul>
  8. 8. Extjs <ul><li>Extjs basse class </li></ul><ul><li>Ext 的时间机制( GUI 机制类似) </li></ul><ul><li>Element 类(对 dom 的二次封装) </li></ul><ul><li>DomQUery 类(丰富的查询方法(对 css 的查询 内容的查询)) </li></ul><ul><li>数据驱动机制(跟 dorado 类似) </li></ul>
  9. 9. helloworld-by- extjs <ul><li>引入 Extjs 核心文件 </li></ul><ul><li>编写界面 </li></ul><ul><li>读取 jsp 传来的 json 信息 (json&xml) </li></ul><ul><li>渲染 </li></ul>
  10. 10. Flex <ul><li>Adobe </li></ul><ul><li>追求定义数码信息交流的新模式 , 产品的影响力;与 Microsoft (银光)的竞争;每个企业都有自己的开发,这样保持了企业的竞争力,但给开发人员带来了压力; sun 的道路 </li></ul><ul><li>产品介绍: </li></ul><ul><li>图像软件、音视频软件、阅读软件 、企业应用软件 </li></ul>
  11. 11. Flex Adobe 产品线 每个公司都有一个满足市场的产品线例如 sun 的( j2me/j2se/j2ee )最终得到市场认可,选对方向 Adobe 自己定义的 AFM 二进制传输协议   AMF over HTTP 的方式将 flash 端数据编码后传回 server , server 端的 remoting adaptor 接收到数据后则会译码回正确的 native 对象,交给正确的程序处理。   它采用二进制压缩,序列化、反序列化、传输数据,使数据传输更高效,自动解析 举例( xml&AFM )
  12. 12. Flex <ul><li>Flex 基于 Flash </li></ul><ul><li>Flex 是为程序员设计的 Flash </li></ul><ul><li>Flex 的开发语言: ActionScript 、 MXML 、 CSS 。 </li></ul><ul><li>可以把 Flex 当作 Flash </li></ul><ul><ul><li>Flash :专注平面动画、广告设计、多媒体处理 </li></ul></ul><ul><ul><li>Flex : 一种 RIA 解决方案,针对企业级网络应用。 </li></ul></ul><ul><ul><li>Flex Demo </li></ul></ul><ul><ul><li>Tour de Flex </li></ul></ul><ul><ul><li> http://www.sooloom.com/o/# </li></ul></ul>
  13. 13. Flex Flex 产品线 开发平台 FlexBuilder (基于 Eclipse )提供了可视化的开发方式, 用 flashDevelop 辅助代码编写 丰富的组件定义 数据传输框架 liveCycle 强大但是收费 /BlazeDS 开源 是 liveCycle 的一个子集 Flex 运行流程 MXML 编译成 ActionScript 文件,被 flex 平台解析成 SWF 文件,将 swf 文件加载到 flashPlayer 中执行
  14. 14. Flex <ul><li>Flex 平台语言简介 </li></ul><ul><li>mxml </li></ul><ul><li>xml 的一个扩展,提供的组件定义方法 </li></ul><ul><li>ActionScript </li></ul><ul><li>常用作在客户端逻辑和事件编写中 </li></ul>
  15. 15. helloword-by- flex <ul><li>Mxml 编写界面组件 </li></ul><ul><li>Actionscript 编写 Model 、事件的控制组件 </li></ul><ul><li>BlazeDB 配置 </li></ul><ul><li>Java 后台编写 </li></ul>
  16. 16. Flex 框架指南 <ul><li>框架概览 </li></ul><ul><li>BlazeDS </li></ul><ul><li>Cairngorm </li></ul>
  17. 17. html5 带来了什么 <ul><li>Html5 例子 </li></ul><ul><li>Html5 现状 </li></ul><ul><li>Html5 与互联网 </li></ul><ul><li>Html5 与企业应用 </li></ul>

×