移动化一个Workshop示例应用程序.docVIP

移动化一个Workshop示例应用程序 时间：2005-05-08作者： HYPERLINK /author/301.html Paul Mc Galey浏览次数： 本文关键字： HYPERLINK /products/search.jsp@searchtype=keywordskeywords=MobileAware%20Mobility%20Extension MobileAware Mobility Extension,? HYPERLINK /products/search.jsp@searchtype=keywordskeywords=WebLogic%20Workshop WebLogic Workshop 文章工具? HYPERLINK javascript:sendmail() 推荐给朋友? HYPERLINK javascript:window.print() 打印文章 /techdoc/2005050901.html 　　本文是六篇系列指导文章中的第一篇，这个系列将介绍如何使用MobileAware Mobility Extension将您的Workshop应用程序移动化。下面，我们将介绍如何把一个Workshop应用程序移动化并且能够被发送到所有移动设备上，其中包括那些无法解析HTML的设备。 　　我们将演示所需的三个简单步骤，用它们来移动化包括在WebLogic Platform 8.1.2中的“TutorialsApp”的“FirstPageFlow”组件。 准备工作 确保WebLogic Platform 8.1.2及其示例都已经安装 安装并配置所选择的移动设备模拟器 在示例Workshop Domain中安装MobileAware Device Database1. Tools-WebLogic Server-Start WebLogic Server 2. Tools-Mobility-Install MobileAware Device Database 启动Multi-Channel1. 打开Platform TutorialsApp 在从Windows Explorer中双击bea_dir\weblogic81\samples\platform\ TutorialsApp\TutorialsApp.work 或者，从Workshop中使用“File-Open-Application...”浏览到该文件并点击“Open” 2. 启动Multi-Channel 右击FirstPageFlow 从下拉菜单中选择“Enable multi-channel” 步骤1：将页面移动化　　打开FirstPageFlow\login_pages\login.jsp从Workshop的Palette（通常在底部靠左处）的Mobility选项卡中把“Mobilize Page”图标拖到Design View中。 　　在页面顶部中会出现一行消息：“This page contains mobility markup”(“本页已包含移动标记”) 　　点击此消息一次，然后您就会看到一个标签mm:page被插入到这个JSP文件中。在设计视图框底部会显示出来。 步骤2：编组　　接着，我们将对JSP页面进行标记，以选中并封装需要被显示在小屏幕设备上的重要信息。这个动作成为“编组”。这里，我们将介绍的重点放到页面上的用户登录表单。　　选择设计视图中的form元素。在form中点击，接着在设计视图底部的文档层次结构路径中点击form元素。这是最简单的方法。form元素会变成粗体并且在设计视图中会出现一个选择框。 　　现在，把“Group”图标（不是“Group Reference”）从Palette拖到页面中。 　　组标签是一组“wrapping”移动标签中的一个。　　当在设计视图中选择了一个元素，您可以选择是用标签包裹此元素或者它的内容。在本例中，我们用mm:group标签包裹我们刚选择的form元素。所以我们选中对话框中的对应单选按钮。　　您可以为这个组添加一个合适的ID和Title。例如，我们都填写“Login”，然后点击OK。 步骤3：给“菜单驱动”设备添加布局　　第三步是为“菜单驱动”设备添加一个布局。　　把“Layout”图标从面板拖到页面中。　　注意：“菜单驱动”设备是小屏幕设备且通常只有有限的输入功能。对这类设备，由基于菜单的层次导航来定位信息比传统的PC浏览器上的平面布局要更合适。 　　此时将出现一个对话框，使您可为布局文件选择一个名字，并且指定该布局所对应的设备类。这里，缺省值对两个选项都合适。 　　点击OK将执行两个操作。首先，在JSP页面中插入一个mm:l