• 1. Ext开发视频教程开源人 www.vifir.com作品 主讲:EasyJF开源团队 大峡
  • 2. Ext简介及应用案例主讲:EasyJF开源 大峡     http://www.easyjf.com
  • 3. 一、 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。
  • 4. 二、Ajax技术 Ajax概念   Ajax不是一项技术。它其实是几项技术,每项技术自身都很繁荣,它们以强有力的全新方式结合起来。Html、xhtml、DOM、CSS、XML、XSLT、XMLHttpRequest、javascript。 常用Ajax框架  Prototype.js  YUI  JQuery  Dojo  Echo2  Ext
  • 5. 三、Ext简介 Ext简介   Ext是一个Ajax框架,用于在客户端创建丰富多彩的web应用程序界面,是在Yahoo! UI的基础上发展而来的。官方网址:http://www.extjs.com/ Ext的几个特点  1、使用标准的W3C技术;  2、庞大的组件模型及控件库;  3、丰富绚丽的界面元素;  4、强大实用的工具封装  5、开源GPL 用自己的Ext,让美工瞪眼去吧!
  • 6. 四、举两个简单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}]}) });
  • 7. 五、Ext2.0官方示例 Ext各种组件的效果及应用示例 简单控件综合应用 进入>>
  • 8. 六、 WebIM系统技术构架:EJS。 基本功能   1、在线用户一对一信息即时交流;   2、聊天记录保存;   3、多人会议室;   4、房间管理等功能。 应用情况   1、vifir在线客服;   2、在线技术咨询、网上答疑等。 Go>>
  • 9. 七、www.vifir.com 后台管理系统新闻发布系统 论坛系统 博客系统 专业数据库系统 客户服务系统
  • 10. 八、开源人vifir.com的总体技术构架 后台:EJS(EasyJWeb+JPA+Spring2.5) 前台UI:传统html以及Ext GO
  • 11. 九、蓝源OA系统 技术构架   1、后台:EJS(EasyJWeb+JPA+Spring2.5);   2、前台UI:传统html以及Ext;   3、权限系统:acegi。 主要功能   1、日常办公:日志管理、交办事项功;   2、信息中心:公告、信息分类;   3、组织机构、数据字典、地区管理。   GO>>
  • 12. 十、网友贡献的示例OA系统; 信息管理系统; 地图系统; 其它系统截图。 GO>>
  • 13. 十一、掌握Ext开发之路基本内功:javascript面向对象、html、DOM、CSS、JSON、Ajax等; 入门捷径:《ExtJS实用开发指南》、土豆Ext教程、丫梨及vifir的相关视频; 提高:“Wlr单用户Blog系统及技术开发文档”; 深入:分析Ext项目源码及扩展Ext。
  • 14. 十二、小结Ext是一个用于WebUI开发的Ajax框架,可以用他来轻松开发丰富多彩的应用程序界面; Ext主要用于企业级应用中的前端界面开发,Ext还可以应用网站系统中的后台管理模块; 学习及应用Ext需要多研究一些综合的示例; Ext入门及日常开发参考推荐看《ExtJS实用开发指南》
  • 15. The End. 谢谢!