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 script type=“text/javascript” charset=“utf-8” src=“appframework.ui.min.js”/script 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 这里面是写的内容 /div Content Area div id=afui div id=content !-- this is where your panels will go -- 这里写的是panel /div /div panels 是jqMobi的核心 可以有多个 div id=afui div id=content div id=main title=Welcome class=panel selected=true 在这个里面写我们的对应内容 /div /div /div 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的请