Your SlideShare is downloading. ×
0
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Ria lqj
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Ria lqj

546

Published on

introduce rai

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
546
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. RIA 富客户端应用开发技术简介
  • 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. 应用开发细分化 <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. 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. 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. 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. 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. 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. 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. Flex <ul><li>Adobe </li></ul><ul><li>追求定义数码信息交流的新模式 , 产品的影响力;与 Microsoft (银光)的竞争;每个企业都有自己的开发,这样保持了企业的竞争力,但给开发人员带来了压力; sun 的道路 </li></ul><ul><li>产品介绍: </li></ul><ul><li>图像软件、音视频软件、阅读软件 、企业应用软件 </li></ul>
  • 11. Flex Adobe 产品线 每个公司都有一个满足市场的产品线例如 sun 的( j2me/j2se/j2ee )最终得到市场认可,选对方向 Adobe 自己定义的 AFM 二进制传输协议   AMF over HTTP 的方式将 flash 端数据编码后传回 server , server 端的 remoting adaptor 接收到数据后则会译码回正确的 native 对象,交给正确的程序处理。   它采用二进制压缩,序列化、反序列化、传输数据,使数据传输更高效,自动解析 举例( xml&AFM )
  • 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. Flex Flex 产品线 开发平台 FlexBuilder (基于 Eclipse )提供了可视化的开发方式, 用 flashDevelop 辅助代码编写 丰富的组件定义 数据传输框架 liveCycle 强大但是收费 /BlazeDS 开源 是 liveCycle 的一个子集 Flex 运行流程 MXML 编译成 ActionScript 文件,被 flex 平台解析成 SWF 文件,将 swf 文件加载到 flashPlayer 中执行
  • 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. 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. Flex 框架指南 <ul><li>框架概览 </li></ul><ul><li>BlazeDS </li></ul><ul><li>Cairngorm </li></ul>
  • 17. html5 带来了什么 <ul><li>Html5 例子 </li></ul><ul><li>Html5 现状 </li></ul><ul><li>Html5 与互联网 </li></ul><ul><li>Html5 与企业应用 </li></ul>

×