Ext开发视频教程幻灯片.ppt

淘花/百度专用 Ext开发视频教程 开源人 作品 主讲：EasyJF开源团队 大峡 Ext简介及应用案例 主讲：EasyJF开源　大峡　　　 　 一、 RIA应用及富客户端技术 未来的应用程序，将是富客户端应用程序的天下! RIA简介 　1、富因特网应用程序（Rich Internet Applications，RIA），集成桌面应用的交互性和传统 Web应用的部署灵活性； 　2、SaaS是以后软件发展的一个趋势，而RIA从技术上推进SaaS； 　3、RIA开发必备三个要素：富客户端技术、服务器技术和开发工具。 几种富客户端技术 1、Macromedia Flex－Adobe公司的RIA解决方案，在Flash运行时环境中运行(MXML)。 　 2、JavaFx－Sun的RIA解决方案，在Java虚拟机(1.5)上运行(VRML)。 　 3、WPF/SilverLight－Microsoft的RIA解决方案，在浏览器端的.Net运行时插件中运行 (XAML) 。 　 4、 Ajax－使用标准W3C技术，不需要额外的运行环境支持，如Backbase及Ext。 二、Ajax技术 Ajax概念 　　Ajax不是一项技术。它其实是几项技术，每项技术自身都很繁荣，它们以强有力的全新方式结合起来。Html、xhtml、DOM、CSS、XML、XSLT、XMLHttpRequest、javascript。 常用Ajax框架 　Prototype.js 　YUI 　JQuery 　Dojo 　Echo2 　Ext 三、Ext简介 Ext简介 　　Ext是一个Ajax框架，用于在客户端创建丰富多彩的web应用程序界面，是在Yahoo! UI的基础上发展而来的。官方网址：/ Ext的几个特点 　1、使用标准的W3C技术； 　2、庞大的组件模型及控件库； 　3、丰富绚丽的界面元素； 　4、强大实用的工具封装 　5、开源GPL 用自己的Ext,让美工瞪眼去吧！ 四、举两个简单Ext示例 显示一个窗口 var win= new Ext.Window({title:很cool的窗口,width:500,height:400,buttons:[{text:确定},{text:取消}]}); win.show(); 显示一棵树 　var tree=new Ext.tree.TreePanel({ title:小树一棵, width:200, 　　　height:200, loader:new Ext.tree.TreeLoader(), root:new Ext.tree.AsyncTreeNode({text:树根,children:[{text:叶子1,leaf:true},{text:叶子2,leaf:true}]}) }); 五、Ext2.0官方示例 Ext各种组件的效果及应用示例 简单控件综合应用 进入 六、 WebIM系统 技术构架:EJS。 基本功能 　　1、在线用户一对一信息即时交流； 　　2、聊天记录保存； 　　3、多人会议室； 　　4、房间管理等功能。 应用情况 　　1、vifir在线客服； 　　2、在线技术咨询、网上答疑等。 Go 七、 后台管理系统 新闻发布系统 论坛系统 博客系统 专业数据库系统 客户服务系统 八、开源人的总体技术构架 后台：EJS(EasyJWeb+JPA+Spring2.5) 前台UI：传统html以及Ext GO 九、蓝源OA系统 技术构架 　　1、后台：EJS(EasyJWeb+JPA+Spring2.5)； 　　2、前台UI：传统html以及Ext； 　　3、权限系统：acegi。 主要功能 　　1、日常办公:日志管理、交办事项功； 　　2、信息中心:公告、信息分类； 　　3、组织机构、数据字典、地区管理。 　　GO 十、网友贡献的示例 OA系统； 信息管理系统； 地图系统； 其它系统截图。 GO 十一、掌握Ext开发之路 基本内功：javascript面向对象、html、DOM、CSS、JSON、Ajax等； 入门捷径：《ExtJS实用开发指南》、土豆Ext教程、丫梨及vifir的相关视频； 提高：“Wlr单用户Blog系统及技术开发文档”； 深入：分析Ext项目源码及扩展Ext。 十二、小结 Ext是一个用于WebUI开发的Ajax框架，可以用他来轻松开发丰富多彩的应用程序界面； Ext主要用于企业级应用中的前端界面开发，Ext还可以应用网站系统中的后台管理模块； 学习及应用Ext需要多研究一些综合的示例； Ext入门及日常开发参考推荐看《ExtJS实用开发指南》 The End. 谢谢! * 淘花/百度专用 淘花/百度