构建富Internet应用程序 ：使用OpenLaszlo、Eclipse Laszlo IDE和Web Tools - 编程入门网

图 17. 新建 Laszlo 文件向导

一旦完成新建 Laszlo 文件向导，您的项目就将包含一个类似于下面的新文件：

<?xml version="1.0" encoding="UTF-8" ?> <canvas> </canvas>

注意，这是一个 .xml 文件，其中包含两个 canvas 标记，它们是可视化组件的容器 。在本教程的后面，您将使用这个新文件来创建主页。

启动 Laszlo 服务器

在可以使用 Run as Laszlo application 功能部署和测试 Laszlo 应用程序之前，您 的 OpenLaszlo 服务器必须在运行。

要在 Windows 中启动 OpenLaszlo 服务器，请从 Windows 任务栏选择 Start > Programs > OpenLaszlo Server > Start OpenLaszlo Server。

执行 Laszlo 资源管理器的 Apache Tomcat 的一个捆绑的实例试图启动。也可以通过 在运行 LPS 服务器时导航到 http://localhost:8080/lps-3.0.2/laszlo- explorer/index.jsp 而启动资源管理器。

要关闭服务器，可从 Windows 任务栏选择 Start > Programs > OpenLaszlo Server > Stop OpenLaszlo Server，或者在服务器控制台窗口为激活的情况下按 Ctrl + C。

布局应用程序主页和导航

通过开发主页（索引）和导航，开始 Laszlo 应用程序。导航是到视图和创建工作的 两个链接。导航使用了由 XML 数据集填充的 <tree> 组件。通过将代码包含在 <library> 标记中，菜单代码可作为包含文件可用。

清单 2 展示了 menu.lzx 文件的内容。

清单 2. menu.lzx 文件的内容

<library> <!--　Menu　data　--> <dataset　name="fm"> 　 <nav　nav="View　Work" 　　　　 url="viewWork.lzx?lzt=html"/> 　 <nav　nav="Create　Work　Order" 　　　　 url="createWork.lzx?lzt=html"/> </dataset> <!--　START　NAVIGATION　--> <view　width="200"　height="200"　x="20"　y="120"> 　 <tree　datapath="fm:/"　autoscroll="true"　showroot="false"> 　　 <tree　datapath="*" 　　　　　 text="$path{''@nav''}" 　　　　　 open="true" 　　　　　 isleaf="true" 　　　　　 selectiontype="single"> 　　　 <method　event="onactivate"> 　　　　 var　url　=　this.datapath.xpathQuery(''@url''); 　　　　 if　(url　!=　null)　{ 　　　　　 LzBrowser.loadURL(url,''_self''); 　　　　 } 　　　 </method> 　　 </tree> 　 </tree> </view> <!--　END　NAVIGATION　--> </library>

构建富Internet应用程序 ：使用OpenLaszlo、Eclipse Laszlo IDE和Web Tools(13)

图 18 所示的索引页面是一个简单的页面，只包含菜单和一个 logo。

图 18. 索引页面

索引的代码执行一个菜单包含，也包含一个空的 <splash/> 标记，以便在加载 应用程序时向用户展示一个进度条。<splash> 组件有两种形式，用于控制加载应 用程序时的表示。一般的方式是，空标记或 <splash/> 默认触发一个进度条。另 外，<splash/> 标记也可以包含视图元素，用于用任何定制的图像、元素或者您希 望的加载动画覆盖默认的进度条。

清单 3 展示了 index.lzx 文件的内容。

清单 3. index.lzx 文件的内容

<canvas> 　 <view　resource="/images/fm.gif"/> 　 <me

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!