ExtJSWeb应用设计.ppt

第一章 Web 2.0 介绍 Web2.0 是指新一代的万维网服务，这个服务能令使用者在在线共同合作或交流信息。与第一代相比，Web2.0 提供一个比传统静态网页更接近桌面应用的经验予使用者。 Web2.0 应用程序有时会与1990年代后期发展的技术互相结合使用，包括：WebService、Ajax和RSS。 Web2.0，是相对Web1.0（2003年以前的互联网模式）的新的一类互联网应用的统称，是一次从核心内容到外部应用的革命。由Web1.0单纯通过网络浏览器浏览html网页模式向内容更丰富、联系性更强、工具性更强的Web2.0互联网模式的发展已经成为互联网新的发展趋势。 Web2.0是以 以Blog、TAG、SNS、RSS、wiki等应用为核心，依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式。 RIA(富互联网应用) RIA 具有的桌面应用程序的特点包括：在消息确认和格式编排方面提供互动用户界面；在无刷新页面之下提供快捷的界面响应时间；提供通用的用户界面特性如拖放式以及在线和离线操作能力。 客户机在RIA中的作用不仅是展示页面，它可以在幕后与用户请求异步地进行计算、传送和检索数据、显示集成的用户界面和综合使用声音和图像，这一切都可以在不依靠客户机连接的服务器或后端的情况下进行。 对于企业来说，部署RIA的好处在于： 1. RIA可以继续使用现有的应用程序模型（包括J2EE和.NET），因而无需大规模替换现有的Web应用程序 2. RIA可以帮助企业提供多元化的重要业务效益，包括提高销量、提高品牌忠诚度、延长网站逗留时间、较频繁的重复访问、减少带宽成本等。 Adobe Flex Adobe Flex Adobe Flex EXTJS EXTJS ZK 第二章 让我们开始ExtJS之旅 认识ExtJS开发包 ExtJS开发包可以从网站下载到必威体育精装版ExtJS 3.0版本。开发包中含有7个文件子包和8个文件，如图。 adapter 放置的是核心代码与底层库的适配器。 air 包含了ExtJS以Adobe air进行改进后的代码库，还有 以该代码库实现的任务管理实例。 build 目录放置ExtJS内核文件拆分压缩成的若干库文件。 docs 放置ExtJS API文档 examples 里面是ExtJS官方演示例子 resource 中是各种图片与CSS文件 source 中是ExtJS的源文件 changes.html 文件是版本修正列表文件。 ext-all.js 文件是ExtJS的核心库文件，必须要引入。 ext-all-debug.js 文件是ext-all.js的调试版，调试的使用使用。 ext-core.js 文件是ExtJS的核心库文件，必须要引入。 ext-core-debug.js 文件在调试ext-core.js文件时使用。 include.oder.txt 文件对使用不同底层库在引入JS文件上的顺序说明。 license.txt 文件是ExtJS的使用许可文件。 也从HelloWorld开始 对于ExtJS的学习可以从HelloWorld开始，熟悉其开发与运行过程。ExtJS只是一套用JavaScipt实现界面的组件，所以在没有与服务器进行数据交换的情况下，并不需要服务器的支持。 HTML HEAD TITLEExtJS2-HelloWorld/TITLE link rel=stylesheet type=text/css href=ExtJS2/resources/css/ext-all.css / script type=text/JavaScript src=ExtJS2/adapter/ext/ext-base.js/script script type=text/JavaScript src=ExtJS2/ext-all.js/script /HEAD BODY script Ext.onReady(function(){ Ext.MessageBox.alert(HelloWorld, Hello World!Hello World!Hello World!Hello World!); }); /script /BODY /HTML ExtJS开发工具 Spket插件：具有代码自动完成、语法高亮、内容概要等功能特点 FullSource FullSource是一款用于浏览由JavaScript动态生成的HTML网页源代码的工具软件 第三章 ExtJS 2.0的基本功能 JSON介绍 JSON全称是JavaScript Object Notation（JavaScript对象符号）。JSON是一种结构化的、轻量级的、完全独立于语