XDK+AppframeWork开发.pptVIP

开 源 改 变 人 生 Xdk+Appframework开发 目标简介 1. Appframework简介 2. Appframework下载开发步骤 XDK 3. Appframework由三个组件组成 4. Appframework库的下载运行演示 Appframework简介 AppFramework是由appMobi针对HTML5浏览器和移动设备开发的javascript框架，是个极其快速的查询选择库，支持W3C查询。 版本: AppFramework源码最初在2012年1月份推出，基于MIT/X11许可证，托管在GitHub上，开发者可以参与并通过插件不断改进该框架。 2012年3月13日，jqMobi 1.0版本正式发布。现在最新的版本AppFramework 2.0 英特尔2013年2月22日收购HTML 5移动应用公司appMobi HTML5开发工具和相关雇员，不过没有收购这家初创公司。收购后jqMobi改名为appframework 以后说的jqMobi其实就是appframework AppFramework组成 AppFramework由三个组件组成 查询（query）程序库 该程序库提供了60多个API调用，包括Ajax调用、针对webkit的系统选择器调用等。 jqUi AppMobi目前还致力于jqUi的开发，这是一个21KB大小的用户界面程序库，提供了按钮、部件、固定的header/footer以及可控的滚动部件。该工具包也仅针对移动版本的WebKit浏览器，同时支持Android 2.2及更高版本。 jqPlugin 用于针对WebKit浏览器交互和接口的插件支持。 AppFramework源码下载以及运行演示 / 开发步骤 引入js/css库 script type “text/javascript” charset “utf-8” src “appframework.min.js” script type “text/javascript” charset “utf-8” src “appframework.ui.min.js” link rel “stylesheet” type “text/css” href “css/icons.css” / link rel “stylesheet” type “text/css” href “css/af.ui.css” title “default” / AppFramework选择器 $ “#foo” ; //获取 id “foo”的元素 $ “div” ; //获取所有div的元素 $ “.foo” ; //获取 classname “foo”的元素 $ “#foo span” ; //获取 id “foo”元素下面的所有span元素 Appframework Ui 页面布局 UI container div id afui 这里面是写的内容 Content Area div id afui div id content !-- this is where your panels will go -- 这里写的是panel panels 是jqMobi的核心 可以有多个 div id afui div id content div id main title Welcome class panel selected true 在这个里面写我们的对应内容 Appframework 中 header footer的使用 panel中单独的header和footer Appframework 中 header footer的使用 公用的header和footer 可以在多个panel中调用 Appframework 中 Side Menu的使用 panel 面板的使用 以及常见熟悉的定义 panel 面板的使用 以及常见熟悉的定义 页面的跳转 a链接的使用 List 使用 扩展HttpServlet 重写一个服务方法去接受servlet的请求 设置内容类型 使用getPrintWriter 或getServletOutputStream 利用println方法生成动态HTML 使用output.close 使用getServletContext .log 记录日志信息 List 使用 扩展HttpServlet 重写一个服务方法去接受servlet的请求 设置内容类型 使用getPrintWriter 或getServletOutput