ExtAjax技术应用及经验交流

Ext/Ajax技术应用及经验交流主办单位：开源人EasyJF开源团队、Cownew开源团队、成都蓝源信息技术1Ext/Ajax技术简介及案例主讲：EasyJF开源蔡世友2一、RIA应用及富客户端技术未来的应用程序，将是富客户端应用程序的天下!RIA简介

1、富因特网应用程序（RichInternetApplications，RIA），集成桌面应用的交互性和传统Web应用的部署灵活性；

2、SaaS是以后软件发展的一个趋势，而RIA从技术上推进SaaS；

3、RIA开发必备三个要素：富客户端技术、服务器技术和开发工具。几种RIA实现

1、Macromedia

Flex－Adobe公司的RIA解决方案，在Flash运行时环境中运行(MXML)。

2、JavaFx－Sun的RIA解决方案，在Java虚拟机(1.5)上运行(VRML)。

3、WPF/SliverLight－Microsoft的RIA解决方案，在浏览器端的.Net运行时插件中运行(XAML)

。

4、Ajax－使用标准W3C技术，不需要额外的运行环境支持，如Backbase及Ext。

3二、Ajax技术

Ajax概念

Ajax不是一项技术。它其实是几项技术，每项技术自身都很繁荣，它们以强有力的全新方式结合起来。Html、xhtml、DOM、CSS、XML、XSLT、XMLHttpRequest、javascript。常用Ajax框架

Prototype.js

YUI

JQuery

Dojo

Echo2

Ext4三、Ext简介

Ext简介

Ext是一个Ajax框架，用于在客户端创建丰富多彩的web应用程序界面，是在Yahoo!UI的基础上发展而来的。Ext的几个特点

1、使用标准的W3C技术；

2、一个组件模型及控件库；

3、丰富绚丽的界面元素；

4、强大实用的工具封装

5、开源GPL用自己的Ext,让美工瞪眼去吧！5四、举几个简单示例

显示一个窗口varwin=newExt.Window({title:"很cool的窗口",width:500,height:400,items:tree,buttons:[{text:"确定"},{text:"取消"}]});win.show();显示一棵树

vartree=newExt.tree.TreePanel({ title:"小树一棵", width:200,

loader:new

Ext.tree.TreeLoader(),

root:new

Ext.tree.AsyncTreeNode({text:"树根",children:[{text:"叶子1",leaf:true},{text:"叶子2",leaf:true}]})});6五、Ext2.0官方示例

各种组件的效果及应用示例简单控件组合应用进入>>7六、WebIM系统技术构架:EJS。基本功能

1、在线用户一对一信息即时交流；

2、聊天记录保存；

3、多人会议室；

4、房间管理等功能。应用情况

1、vifir在线客服；

2、在线技术咨询、网上答疑等。Go>>8七、

后台管理系统新闻发布系统论坛系统博客系统专业数据库系统客户服务系统9八、开源人的总体技术构架后台：EJS(EasyJWeb+JPA+Spring2.5)前台UI：传统html以及ExtGO10九、蓝源OA系统 技术构架

1、后台：EJS(EasyJWeb+JPA+Spring2.5)；

2、前台UI：传统html以及Ext；

3、权限系统：acegi。主要功能

1、常办公:日志管理、交办事项功；

2