使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端(四)
t) { HttpSession session = sessionEvent.getSession(); JSONRPCBridge json_bridge = null; json_bridge = (JSONRPCBridge)
session.getAttribute("JSONRPCBridge"); if(json_bridge == null)
{ json_bridge = new JSONRPCBridge();
session.setAttribute("JSONRPCBridge", json_bridge); }
json_bridge.registerObject
("StockService",StockServiceImpl.getStockService()); } public void sessionDestroyed(HttpSessionEvent arg0) { } }
您需要将侦听器添加到应用程序中（通过将其添加到 web.xml），如清单 12 所示：
清单 12. 添加到 web.xml 的 ExportServices 侦听器
设置了基础结构并公开了服务之后，现在我们可以构建 Web 客户端了。通过Dojo，我们利用小部件构建网页并利用事件模型。图 9 说明了建议的开发过程：图 9. 开发过程示例
我将使用此过程演示该示例。
从小部件构建 UI
首先构建 UI。请参见清单 13，了解示例 UI。
创建 UI：
1.加载脚本：
a.dojo
b.jsonrpc
c.StockClientController
d.resultRenderer
2.构建页面，并结合使用 div 和 HTML 标记以创建 Dojo 小部件。
清单 13. HTML UI
REL=StyleSheet HREF="../StockApp.css" TYPE="text/css" >
dojoType="ContentPane" class="stockContent" layoutAlign="bottom"
id="docpane" isContainer="true" executeScripts="true"> dojoType="FloatingPane" class="stockPane" title="Stock Form" id="pane" constrainToContainer="true" displayMaximizeAction="true"> Stock Service
Enter symbol:
"https://www.doczj.com/doc/812894541.html,/2006Aug/2006-08-30/
3.StockClientController.js 非常关键。在脚本的开头，使用
dojo.require 方法加载所需的小部件，然后初始化 Dojo 环境，如清单 14 所示。
清单 14. 初始化 Dojo 环境的 StockClientController
//require statements dojo.require("dojo.widget.*" );
dojo.require("dojo.event.*"); dojo.require("dojo.widget.Button2"); dojo.require("dojo.widget.FloatingPane" ); //all dojo.require above this line dojo.hostenv.writeIncludes(); dojo.require();
操作前后需要考虑的事项
在 Ajax 中，需要考虑的一件事是，在触发事件之前，不要显示某些用户界面。不过，一种做法是放置 div 标记作为占位符。然后，可以使用 DOM 或 Dojo API 访问此区域，并添加动态 UI 元素。在我们的应用程序中，我添加了一个简单的div，以获得以下结果：
附加样式表
接下来，使用 CSS 添加样式。CSS 是设置 Ajax 应用程序格式的标准方法。使用 CSS，您可以将样式定义应用于多个 div 标记，方法是将标记的 class 属性设置为该样式的名称。这允许您重用样式定义。清单 15 显示了我使用的样式表：清单 15. 在 UI 中使用的样式表
@CHARSET "ISO-8859-1"; .layout { width: 100%; height:
80%; } .stockContent { width: 100%; height: 90%; background-color:
#F0F0F0 ; padding: 10px; } .stockPane { width: 40%; height:
250px; } .exceptionMsg { color: #FF0000; }
服务视图
接下来，一个好的想法是确保 UI 开发人员在 JavaScript 中拥有一个服务视图。Dojo 使用 SMD 来做到这一点，如前面所述。用于 Java 的 JSON-RPC 为我们提供了直接从 JavaScript 调用 Java 服务的能力，如清单 16 所示：
清单 16. 直接调用 Java 服务的 JavaScript
jsonrpc.StockService.getStockData(stockResultCallBack,stockButton.val ue); "
构建请求事件处理程序
接着，在控制器 JS 文件中，我们需要创建事件处理程序和回调处理程序。回调处理程序应是其他工作的 Facade。在我们的示例中，事件处理程序将异步调用我们的服务，并将回调传递到相应的方法。XMLHttpRequest 对象的此抽象由JSON-RPC-Java 提供。在接收到响应时，回调委派给呈现，如清单 17 所示：清单 17. 控制器文件中的回调和事件处理程序
function stockResultCallBack(result,exception) &#
Hybrid App开发四大主流移平台分析 Hybrid App在过去的两年中已经成为移动界的核心话题，但是作为一名Web开发者来说要如何站在移动互联网的浪潮之巅呢？是选择学习原生开发，研究Java、Object-C、C#等语言，还是选择继续使用网页开发，容忍HTML5功能的局限性？就在开发者左右为难的情况下Hybrid App作为一个折中的解决方案诞生了。那么究竟什么才是Hybrid App呢？ Hybrid App概念 Hybrid App：Hybrid App is a mobile application that is coded in both browser-supported language and computer language. They are available through application distribution platforms such as the Apple App Store, Google Play etc. Usually, they are downloaded from the platform to a target device, such as iPhone, Android phone or Windows Phone. The subscribers need to install to run them. 总体来讲，Hybrid App是同时采用网页语言与程序语言进行开发，通过不同的应用商店进行打包与分发，应用的特性更接近原生应用而且又区别与Web应用。但是在开发过程中同时使用了网页语言，所以开发成本与难度大大降低。也就是说Hybrid App兼具了Native App与Web App两者的诸多优点。 浅析Hybrid App Hybrid App主要以JS+Native两者相互调用为主，从开发层面实现“一次开发，多处运行”的机制，成为真正适合跨平台的开发。目前已经有众多Hybrid App开发成功应用，比如百度、网易、街旁等知名移动应用，都是采用Hybrid App开发模式。 经过众多开发者与成功案例证明Hybrid App兼具了Native App的良好用户体验的优势，也兼具了Web App使用HTML5跨平台开发低成本的优势。现在有更多的开发者在面临移动平台的选择，所以在这里根据开发中各个平台的使用情况，针对现在主流的平台进行分析。 主流移动平台分析 Hybrid App开发，现阶段主流的平台包括PhoneGap，AppCan，appMobi，Titanium等，它们基于webkit开源内核，使用HTML5 标准开发，适配机型简单，支持开发者自定义插件，并能很好的应用于商业，教育，娱乐等行业，成为移动开发者的首选开发平台。 PhoneGap(Cordova)
Ajax 框架 Ajax框架有基于服务器端和客户端两种，多数是开源实现，并且发展速度很快。服务器端框架 1. Sajax Sajax拥有活跃的社区，支持Perl、Python、Ruby、ASP 等语言，每种语言Sajax都有一个简单的库，利用Sajax可以直接从JavaScript调用服务器代码。 官方网站：https://www.doczj.com/doc/812894541.html,/sajax 。 2. JSON JSON作为JavaScript语言的一个子集，是一种描述数据的轻量级语法，和XML类似，用于交换数据。XML相关的有XML-RPC，JSON也有JSON-RPC远程调用协议，它在Java、Ruby、Python、Perl中都有实现。 网上参考：https://www.doczj.com/doc/812894541.html,/json/ 。 3. DWR DWR这个字眼出现的频率较高，在网上搜索了一下，查到DWR全称是Direct Web Remoting，代表着可以直接从JavaScript远程调用Java方法。使用DWR需要一些额外的配置，如编辑Web应用的描述文件，编辑DWR的配置文件，来指定可以远程创建和调用的类，从这种方式可以看出其中存在一些安全隐患，但是，由于DWR支持常用的Struts/WebWork/Tapestry Web框架，在Apache协议下发
布，加上丰富的文档资料，使得DWR在Java领域非常流行。 介绍DWR的相关文章可以参考： https://www.doczj.com/doc/812894541.html,/mstar/category/2359.html https://www.doczj.com/doc/812894541.html,/zkjbeyond/category/11348.html 更多信息可以访问：https://www.doczj.com/doc/812894541.html,/dwr/index 。 4. Buffalo Buffalo是由国人开发的Ajax框架。Buffalo中定义了Web远程调用的传输基础，并且将远程调用对象完整的序列化到了本地，成为可以被JavaScript编程触及的对象。Buffalo中的重要组件-BuffaloBinding，提供了将JavaScript 对象绑定到HTML元素的能力。这种绑定将是无侵入的，只需要在HTML元素中加入若干个不影响排版的属性，即可将数据与界面绑定。Buffalo1.2引入了新的众多的特性包括，新的重新改写的Spring集成，与流行JavaScript库Prototype的集成，支持浏览器前进后退按钮等等。 下载链接：https://www.doczj.com/doc/812894541.html,/buffalo/ 。[引自CSDN] 5. https://www.doczj.com/doc/812894541.html, 顾名思义，https://www.doczj.com/doc/812894541.html,是.Net平台下的Ajax框架，它可以从JavaScript客户端调用.Net方法。https://www.doczj.com/doc/812894541.html,所包括的DLL可以和https://www.doczj.com/doc/812894541.html,/C#配合使用，其相关文档也很多。参考
jQuery入门 什么是jQuery jQuery是一个JavaScript库，通过封装原生的JavaScript函数得到一整套定义好的方法。它是JohnResig于2006年创建的一个开源项目，随着越来越多开发者的加入，jQuery已经集成了JavaScript、CSS、DOM和Ajax于一体的强大功能。以最少的代码，完成更多复杂而困难的功能，从而得到了开发者的青睐。 主旨：以更少的代码、实现更多的功能（write less ,do more!） 官网：https://www.doczj.com/doc/812894541.html,/ jQuery的功能和优势 jQuery作为JavaScript封装的库，它的目的就是为了简化开发者使用JavaScript。主要功能有以下几点： 像CSS那样访问和操作DOM； 修改CSS控制页面外观； 简化JavaScript代码操作； 事件处理更加容易； 各种动画效果使用方便； 让Ajax技术更加完美； 基于jQuery大量插件； 自行扩展功能插件。 jQuery最大的优势，就是特别的方便。比如模仿CSS获取DOM，比原生的JavaScript
要方便太多。并且在多个CSS设置上的集中处理非常舒服，而最常用的CSS功能又封装到单独的方法。 最重要的是jQuery的代码兼容性非常好，你不需要总是头疼着考虑不同浏览器的兼容问题。 其他JavaScript库 目前除了jQuery，还有5个JS库较为流行，他们分别是YUI、Prototype、Mootools、Dojo和ExtJS。 YUI，是雅虎公司开发的一套完备的、扩展性良好的富交互网页工具集。 Prototype，是最早成型的JavaScript库之一，对JavaScript内置对象做了大量的扩展。 Dojo，Dojo强大之处在于提供了其他库没有的功能。离线存储、图标组件等等。 Mootools，轻量、简洁、模块化和面向对象的JavaScript框架。 ExtJS，简称Ext，原本是对YUI的一个扩展，主要创建前端用户界面。(付费的) jQuery代码的编写 配置jQuery环境 1、获取jQuery最新版本 从官网下载：https://www.doczj.com/doc/812894541.html,/ 3、jQuery环境配置 jQuery不需要安装，把下载的jQuery.js放到网站上的一个公共位置，想要在某个页面上使用jQuery时，只需在该HTML文档中引入该库文件即可。 4、在页面中引入jQuery 由于jQuery是JavaScript的一个库文件，也就是jQuery本质是一个.js文件，所以使用引入。 简单的jQuery示例
WEB前端开发工程师成长之路（计划） 今天看到一篇文章，感觉很不错，于是转了过来，同时也给自己规划一个方向。 【背景】 【前言】 所谓的天才，只不过是比平常人更快的掌握技能、完成工作罢了；只要你找到了正确的方向，并辅以足够的时间，你一样能够踏上成功彼岸。 本文将web前端研发编程能力划分了八个等级，每个等级都列举出了对应的特征及破级提升之方法，希望每位在看本文的同学先准确定位自己的等级（不要以你目前能力的最高点，而是以你当前能力的中档与之等级作对比，以免多走弯路），参考突破之法破之。 所谓的级别，只是你面对需求时的一种态度：能够完成、能够完美地完成、能够超出预期地完成。以追求完美的态度加以扎实的编程功力，那就是你的编程水平。 切记心浮气燥，级别够了，那级别里的东西自然就懂了。悟了就是悟了，没悟也没关系，静下心来，投入时间而已。 一.【入门】 能够解决一些问题的水平。有一定的基础（比如最常见的html标签及其属性、事件、方法； 最常见的css属性；基础的javascript编程能力），能够完成一些简单的web前端研发需求。 举个例子：删除一字符串中指定的字符。
首先不要苛责代码的对错严谨，毕竟每个程序员都有这样的一个过程；其次，这两段代码在这个实例里没有什么大过错，可能会有瑕疵，但能够解决问题（删除指定的字符），这就是这个级别的特征。 再举个例子：
“入门”阶段是每个程序员的必经之路，只要”入门”，你就上路了。所谓”师傅领进门，修行靠个人”，有了这个”入门”的基础，自己就可以摸索着前进了。 进阶之路 将javascript、html、css之类的编码帮助手册里的每个方法/属性都通读几遍！只有将基础打好，以后的路才能走的顺畅。参考这些帮助文档，力争写出无瑕疵的代码。 这些编码文档建议不仅是在入门提高期看，在你以后每个阶段破阶的时候都应该看看，最基础的东西往往也是最给力的东西，有时能够给你带来意想不到的收获。 二.【登堂】 能够正确地解决问题。不管你是通过搜索网络，或者通过改造某些成品代码 （jquery/dojo/ext/yui）案例，只要能够无错地完成需求。 同样以上面的那段”字符串剪裁”代码为例： 仅仅解决问题对于”登堂”阶段来说已经不是问题，这个级别所给出方案不能是漏洞百出。以上面这段代码为例：replace方法的第一个参数虽然可以支持字符串，但最佳的类型是正则表达式；
应用基础架构平台—总体方案Page 1 of 23 ———————————————————————————————————— 应用基础架构平台—总体方案 2007-8-6
1.引言 现在的企业日益认识到，通过从一些公共的功能组件中来构造相关的产品能够带来显著的提高生产率、客户需求相应能力、产品质量和客户满意度。 在制造业中，波音公司，福特、戴尔等公司都通过各种方法来利用产品之间的公共特性。比如波音公司，通过建立一条公共生产线陆续推出了757和767客机，而这两种差别很大的产品之间有60％的零部件是相同的，无论是生产效率上还是维护方面的考虑都有很高的价值。 在软件业中，通过类似搭积木的方式来构建需要的软件产品来满足特定用户的特殊要求，通过这种方式能很好的保证软件产品的适应能力。正因为在软件产品之间充分共享公共的特性，进而充分实现了软件生产的高效率， 应用基础架构平台( 软件生产线/业务基础架构平台) 正在迅速的发展成为一种可行的和非常重要的软件开发模式。 如：软件生产线CodeGenerator ：由北京尘狼软件开发的一种应用软件开发工具。软件建立在面向业务的构件基础上，实现了基于构件的可视化开发和自动组装。使得开发者在开发管理软件时，不用编写代码即可生成一套可以运行的系统。 如：北京软件公共技术支撑体系：是由国家863计划支持，北京市科委组织建设的北京软件产业的大型公共技术服务平台。公共技术支撑体系主要从软件工程思路来消除目前软件企业的发展瓶颈，形成了以“三库四平台”（综合服务管理平台、软件质量管理平台、软件开发试验平台、软件测试平台、软件工具库、开放源码库、软件构件库）为特征的北京软件产业的公共技术服务平台。 2.概述 2.1范围 领域： ?J2EE B/S 数据库应用系统(IE+WEB SERVER)； ?J2EE C/S 数据库应用系统(JAVA GUI+WEB SERVER)； ?J2EE B/S 分布式应用系统(IE+WEB SERVER+JMX SERVER)； ?J2EE B/S 智能卡应用系统(IE APPLET+WEB SERVER+SOCKET SERVER)；
DOJO快速入门 出处https://www.doczj.com/doc/812894541.html, 2006年初，dojo还是0.22的时候就很关注它的发展，可一直没有在实际项目中使用。一来是由于文档的缺少，而来是dojo的相关介绍总是让人望而生畏。到现在都如此，第一个hello world就搞了一大堆东西，比如widget组件，自定义的script标签等，加上要引入什么css文件，djConfig、dojo.require等等，让人很迷惑，这么复杂，到底dojo该怎么使用呢？我只是想把dojo当作一个普通的js类库，就像prototype那样？OK，闲话少说，来看看如何使用dojo。 -----------------------------------------------------------------------------------------------------
什么是dojo? dojo Toolkit 是一个开源的JavaScript工具包用于构造web应用。它通过提供设计良好的api和工具包缩短了实现设计的时间。它是轻量极其健壮的，提供工具来实现DOM操作,动画,ajax,event 和键盘标准化, 国际化I18N,可访问性(a11y).Dojo基本上是单独一个轻量级的实体(26kb). Dojo是完全免费的，又一组活跃于社区的developer开发。 无论项目的大小，Dojo都是一个弹性的解决方案。内建的package系统不再使查找依赖成为问题,build系统合并优化各层的代码,D.O.H使单元和回归测试很容易。 Add-ons 除了dojo.js提供的大量工具，通过调用dojo.require(),使用强大的package 系统可以为系统增加很多功能。Dojo核心包括drag&drop,高级ajax传输,字符串处理,强大的Data API等等。 无穷的可能性 dojo toolkit 也包括称为Dijit的项目包。它是用于使用和创建封装的和可重用的组件或widgets。它提供可访问，可扩展和基于主题的组件来建造你的web 应用和站点。它也提供强大的api来开发你自己的widgets或者配置已有widgets的行为。 最新的技术 dojo通过帮助开发者创造丰富的交互性的web应用来实现WEB2.0的设想。Internet的静态内容越来越少，更多的是动态数据库和及时响应。这种趋势往往需要优雅的界面和可靠的操作工具。当没有网络连接时，web应用如果没有离线技术就变得不能用了。但是dojo仍然可以保障用户使用一些功能即使没有网络连接。无论用户处于什么状态，离线功能是保证web应用被认为是可靠工具的关键所在。 获得代码 下载最新发布的Dojo Toolkit版本: https://www.doczj.com/doc/812894541.html,/current-stable/ 你会看到许多可用的文件。标准发布文件dojo-release-#.#.#以tar.gz或zip 格式存在。文件包后缀为-src表示这是一个"源代码发布版",包含所有构造客户定制Dojo的测试和公用方法。 解压文件包到一个目录中(最好放到一个适合做Ajax开发的web Server上)。假定目录名是"js/",那么目录结构应该是如下图所示:
DOJO快速入门 ----------------------------------------------------------------------------------------------------- 为什么是dojo? dojo Toolkit 是一个开源的JavaScript工具包用于构造web应用。它通过提供设计良好的api和工具包缩短了实现设计的时间。它是轻量极其健壮的，提供工具来实现DOM操作,动画,ajax,event 和键盘标准化, 国际化I18N,可访问性(a11y).Dojo基本上是单独一个轻量级的实体(26kb). Dojo是完全免费的，又一组活跃于社区的developer开发。 无论项目的大小，Dojo都是一个弹性的解决方案。内建的package系统不再使查找依赖成为问题,build 系统合并优化各层的代码,D.O.H使单元和回归测试很容易。 Add-ons 除了dojo.js提供的大量工具，通过调用dojo.require(),使用强大的package系统可以为系统增加很多功能。Dojo核心包括drag&drop,高级ajax传输,字符串处理,强大的Data API等等。 无穷的可能性 dojo toolkit 也包括称为Dijit的项目包。它是用于使用和创建封装的和可重用的组件或widgets。它提供可访问，可扩展和基于主题的组件来建造你的web应用和站点。它也提供强大的api来开发你自己的widgets或者配置已有widgets的行为。 最新的技术 dojo通过帮助开发者创造丰富的交互性的web应用来实现WEB2.0的设想。Internet的静态内容越来越少，更多的是动态数据库和及时响应。这种趋势往往需要优雅的界面和可靠的操作工具。当没有网络连接时，web应用如果没有离线技术就变得不能用了。但是dojo仍然可以保障用户使用一些功能即使没有网络连接。无论用户处于什么状态，离线功能是保证web应用被认为是可靠工具的关键所在。 获得代码 下载最新发布的Dojo Toolkit版本: https://www.doczj.com/doc/812894541.html,/current-stable/ 你会看到许多可用的文件。标准发布文件dojo-release-#.#.#以tar.gz或zip格式存在。文件包后缀为-src表示这是一个"源代码发布版",包含所有构造客户定制Dojo的测试和公用方法。 解压文件包到一个目录中(最好放到一个适合做Ajax开发的web Server上)。假定目录名是"js/",那么目录结构应该是如下图所示: 安装Dojo Toolkit,最重要的事情是知道dojo.js位于什么地方。当dojo.js被页面加载以后，Dojo的
用PhoneGap + jQuery Mobile开发 Android应用 前言 (2) PhoneGap及jQueryMobile介绍 (2) 开发环境的搭建 (2) 下载并按照JAVA SDK (2) 下载并安装Android SDK (2) 创建虚拟设备 (3) 下载并安装Eclipse (4) 下载并安装ADT Plugin (4) 下载并解压Cordova (5) 下载jQuery Mobile (5) 第一个手机应用 (5) 创建工程 (5) 整合Cordova (8) 整合jQueryMobile (10) 制作apk (13) 参考资料 (16)
1.前言 随着移动终端计算能力的提升，移动应用变得越来越受人青睐，也越来越流行；尤其以iOS和Android平台为主的手机，已经淘汰了大多数人的手机。 新的平台产生了新的SDK，新的UI，新的使用习惯和用户体验。而因为计算能力的增强，手机的渲染能力也大幅增强，从而催生了以WebKit为内核的浏览器的广泛应用。 并以此而衍生出了手机上的HTML+CSS应用。至此，手机应用的开发也与传统PC的开发一样，多了一条低成本开发的坦途。 除却传统的基于原生SDK的开发不谈，基于HTML+CSS+js的开发已经变得越来越流行，也越来越受欢迎，特别是一些小应用开发商。 因此而衍生的开发框架如雨后春笋：PhoneGap，AppCan，Rexsee等等。这些框架都是采用桥接的方式，在系统(iOS/Android)原生SDK的基础上，创建一个以WebKit为运行环境的本地Web应用，并为js引擎暴露本地功能(服务)的访问接口，从而实现以HTML+CSS展示界面，以js控制程序流程的手机应用。 这种应用看上去与原生SDK开发的应用并无二致，甚至可能拥有更好的用户界面和用户体验。因为网页的开发技术越来越成熟，各种库的适用性，兼容性越来越强，而且也越来越注重用户界面与用户体验的提升，其中的佼佼者有最初的Prototype，Yahoo!； 现在大行其道的jQuery，ExtJs，Dojo等等。 同样，这些库也推出了移动版，而基于jQuery的就有很多不同的库，如：JQ.mobi，jQuery Mobile等等。 2.PhoneGap、jQuery Mobile简介 PhoneGap是一个基于HTML5+CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。最初PhoneGap仅支持iOS，但随着Android市场份额的恐怖增长，增加了Android的支持，后续又陆续增加了BlackBerry、Windows Mobile Phone、WebOS 以及Symbian的支持。 Adobe在去年底，收购了PhoneGap，并交由Apache开源，成了现在的Cordova(以下均称Cordova)。Cordova现在已经更新到2.1.0，除了保留原PhoneGap的所有功能，Cordova支持更多的设备，桥接了更多的接口，并且稳定性更高。 jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile不仅给主流移动平台带来jQuery核心库，而且发布了一个较完整统一的jQuery移动UI框架。我们可以继续使用jQuery来开发手机版的网页代码，同时还可以利用jQuery Mobile带来的基本UI控件(互联网时代的程序猿是幸福滴)。 3.开发环境的搭建 废话了不少，现在来点正经的，从无到有搭建一个开发环境： 1)下载并安装JAVA JDK(推荐使用JDK6) 2)下载并安装Android SDK(r20.0.3) 安装好之后，打开SDK Manager(初始安装后，仅Android SDK Tools一项已安装)， 将Tools项，以及Android 2.2(API 8)勾选，并点击“install x packages”进行安装(过 程会有点长，不如坐下来看一部电影吧)，如图：
10大移动Web开发框架 开发者在创建web程序和Web移动开发时应该不断的挑战自我，开发新技术。如今，触屏时代了终结了鼠标，大多数便携式应用改变了传统的台式机产品。为了帮助您快速的构建跨平台的移动应用和网页，本文收集了一些JavaScript框架。对此，你可以充分利用它。 移动Web开发框架的主要特点： 优化触屏设备：触屏设备代替了鼠标，给用户界面设计提供更多的挑战。移动Web开发框架给移动设备平台提供标准的UI元素和事件处理。 跨平台：支持多个移动设备平台，比如iOS和Android等。 轻量级：由于目前带宽的限制，降低文件重量的重点是放在移动Web开发框架上。 使用HTML5和CSS3的标准：大多数主流移动设备的Web浏览器支持HTML5和CSS3。 文中的这些轻量级框架使用HTML5和CSS3标准来帮助您快速开发跨平台的Web移动应用和网站。 1. jQuery Mobile
jQuery Mobile这个框架能够帮助你快速开发出支持多种移动设备的Mobile应用用户界面。它是当前最流行的移动开发框架。 jQuery Mobile不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。虽然jQuery Mobile相对较新，但开发人员可以用jQuery Mobile为许多移动设备（包括智能手机和平板电脑）开发网站应用程序，RSS阅读器等应用。 查看jQuery Mobile实战应用，可以在这里看它的示例。 假如你不熟悉jQuery，可以选择MooTools Mobile,一个由MooTools核心开发人员Christoph Pojer开发的一个MooTools插件。还有一个是Dojo Mobile,这个利用了Dojo API来帮助开发人员快速构建一个用于移动平台的应用。 2. Titanium Mobile
Flex 开发入门 级别： 初级 刘 庆 (qlcdl@https://www.doczj.com/doc/812894541.html, ), 软件工程师, IBM 软件开发中心 2009 年 1 月 07 日 本文介绍 Flex 开发的基础知识：包括如何搭建开发环境，如何调试，以及如何 建立和部署简单的 Flex 项目。通过本文的学习，可以为您将来深入地学习 Flex 打下良好的基础。 开始之前 Flex 作为富 Internet 应用（RIA ）时代的新技术代表，自从 2007 年 Adobe 公司将其开源以来，Flex 就以前所未有的速度在成长。很多公司，包括 IBM 都纷纷加入了 Flex 开发的阵营当中。很多开发人员也按捺不住 Flex 的“诱惑”而准备从事 Flex 开发。本文主要讲述 Flex 开发的基础知识，主要是关于开发环境的搭建，以及介绍简单的 Flex 项目创建、编码、调试以及部署的过程和 Flex 编 程的基本知识。通过本文的学习，您将会学习如何搭建 Flex 基本的开发环境以及开发、调试和部署方面的基础知识。为您以后深入系统的学习 Flex 打下良好的基础。 要学习本文，您需要有一定的 Web 编程经验和 Eclipse FireFox 使用经验。 代码示例和安装要求 本文所有示例均在 Windows XP SP3 系统中测试完成。您需要一台能流畅运行 Windows XP 系统的机器，除此之外您还需要一些工具才能试用本文中的代码。所有这些工具都可以免费下载（参见 参考资源）： ? Java SDK 1.5 或更高版本 ? Tomcat 6.0 或更高版本 ? Eclipse 3.3 或更高版本 ? Flex Builder 3.0 或更高版本 ? FireFox2.0 或更高版本 安装配置开发环境 文档选项 打印本页 将此页作为电子邮件发送 未显示需要 JavaScript 的文档选项 回页首
基于倾斜摄影技术快速构建城市三维模型的方法 1航测系统 倾斜摄影技术是国际测绘领域近些年发展起来的一项高新技术，它颠覆了以往正射影像只能从垂直角度拍摄的局限，通过在同一飞行平台上搭载多台传感器，同时从一个垂直、四个倾斜等五个不同的角度采集影像，将用户引入了符合人眼视觉的真实直观世界。 利用倾斜摄影技术的最大优势在于可以全自动、高效率、高精度、高精细的构建地表全要素三维模型。自动建模和智能测图一下搞定了摄影测量几十年来苦苦追求的目标。所以呢，这项技术还是很厉害的。当然了更应该佩服的是那群通过计算机视觉技术利用足够数量和有足够重叠度的倾斜影像实现了三维重建的程序员，这才形成了倾斜摄影技术或倾斜摄影测量技术。而我自己觉得倾斜摄影这项技术带来的最大创新在于这项技术带来了——无人机、实景三维建模平台软件、实景三维模型后期建模修模、GIS+上下游产业应用的空间。带来了一大批高薪就业的机会。 整个倾斜摄影的应用可以囊括——无人机、倾斜摄影相机、航拍航线、航飞、空三、建模——面向应用（三维测图、结合3DGIS定制开发应用）等。
倾斜摄影原理示意图1 倾斜摄影原理示意图2 倾斜摄影技术作为数据获取方案，采用倾斜摄影相机（如图所示），拟搭载直升飞机或高空无人机作为飞行平台，进行数据采集工作。
倾斜摄影相机设备相机参数如下：
2软件系统 Smart3D的两大模块：Smart3D主控台与Smart3D引擎端。它们遵循主从模式（Master-Worker）: Smart3D主控台是Smart3D的主要模块。用户可以通过图形用户界面，向软件定义输入数据，设置处理过程、提交过程任务、监控这些任务的处理过程与处理结果可视化等。Smart3D主控台不会执行处理过程，而是将任务分解为基础作业并其提交给作业队列（Job Queue）。 Smart3D引擎端是Smart3D的工作模块。它在计算机后台运行，无需与用户交互。当Smart3D引擎端空闲时，在等待队列中的任务，主要取决于它的优先级与提交的数据。处理任务包括空中三角测量过程或者三维重建。空中三角测量过程或三维重建采用计算密集型算法，如关键点的提取，自动连接点匹配，集束调整、密度图像匹配、稳健三维重建、无接缝纹理映射、纹理贴图、包装、细节层次生成等。 由于采用了主从模式（Master-Worker），S mart3D支持网
Html5框架收集整理总结 哪些框架是适合面向手机设备的开发的。 1、jQuery Mobile jQuery Mobile 是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。 2、jQTouch jQTouch 是一个jQuery 的插件，主要用于手机上的Webkit 浏览器上实现一些包括动画、列表导航、默认应用样式等各种常见UI效果的JavaScript 库。支持包括iPhone、Android 等手机。 3、DHTMLX Touch DHTMLX Touch是一个免费的HTML5/JavaScript框架，专门为触摸屏设备而优化。为您带来快速开发工艺精美的移动Web应用程序的能力。DHTMLX Touch UI Designer是一个可视化的编辑器用于构建移动用户界面。它能够帮您以最少的编码构建一流的用户界面。在其主页上提供一些示例可以展示DHTMLX Touch强大的用户界面。包括一个menu app for the iPad (适用于开发餐厅应用) 和Book Shop (一个电子书店应用)。 4、Mobilize.js Mobilize.js 是一个开源的HTML5-JavaScript框架用于从任何现在有标准网站快速，简便地构建移动网站。这个框架其实就是将需要在移动设备上显示的部分页面以jQuery Mobile的默认主题显示，而不是实现一个全新完整的移动页面。Mobilize.js 可用于任意网站，但对于基于WordPress和Sphinx的网站不需要使用该框架转换，因为已经有非常多的插件可以使用。 5、The M Project The- M-Project是另外一个强大的JavaScript框架，它利用HTML5新的特性来更好和更简便地开发移动应用。这个框架遵循著名的MVC软件架构模式。它还支持离线，所以你的用户可以在没有连接网络的情况下继续操作（当下次有连线的时候，再将数据同步到服务器中）。提供优秀的文档(这个项目拥有一个引导新用户入门的开发指南)。可以查看提供的示例来对该项目有一个初目的了解。这些示例包括：ToDo App（待办事项目应用）和KitchenSink (这个示例包括这个框架提供的所有UI元素)。 6、https://www.doczj.com/doc/812894541.html, https://www.doczj.com/doc/812894541.html, 提供了很多的API，因此可以帮助你节省很多工作了。不需要花时间去进行Ajax 调用的编码，因为已经内置了，另外还有很多其它内置功能，提供了详细的文档和应用演示。 7、Wijmo Wijmo是一个基于jQuery UI的UI部件的套件。Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 8、960 Grid on jQuery-Mobile jquery-mobile-960 是一个用于移动Web 开发的网格框架，综合了960.gs 的灵活性和jQuery Mobile 的方便性。它的目的是让jQuery Mobile 布局更加的灵活，使得应用应许在移动终端更加易用。 9、Sencha Touch Framework Sencha Touch 是世界上第一个基于HTML5 的移动Web 开发框架，支持最新的HTML5 和