第三节

创建 Laszlo web 项目

         上面已经对 Laszlo 进行了简单的说明,完成了 Lasalo 开发环境的搭建,并且用一个简单的 project 完成了对开发环境的测试,同时也详细的讲述了 Laszlo project的创建方法,在接下来的内容中将描述Laszlo web 项目的创建过程:

         Laszlo  web project 的创建步骤如下:

         1) 新建一个 Dynamic Web Project(动态web项目),在新建web项目的的向导中需要配置Target Runtime ,为防止出错,建议选择 Laszlo server 自带的 tomcat ( OpenLaszlo Server 4.5.x\Server\tomcat-5.0.24),当然,选择其他的tomcat 也可以。

    2) 拷贝 OpenLaszlo Server 4.5.x\Server\lps-4.5.x\目录下的lps 文件夹到新建项目的 WebContent 目录下。

     3) 拷贝 OpenLaszlo Server 4.5.x\Server\lps-4.5.x\WEB-INF\目录下的lps文件夹到新建项目的WebContent\WEB-INF\目录下。其中WEB-INF/lps/work目录用于存放编辑产生的swf文件,但是默认就会有很多文件,导致项目文件太大,可以删除其中的内容。

           4) 合并OpenLaszlo Server 4.5.x\Server\lps-4.5.x\WEB-INF\web.xml 新建项目的WebRoot\WEB-INF\web.xml 中的内容。

            5) 新建项目的WebContent目录下新建一个测试用的lzx文件:Hello.lzx 代码如下:

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

<canvas>

    <text>Hello World</text>

</canvas>

注意:直接在WebContent下创建这个.lzx 文件(Laszlo文件)的时候会报错,并且您将不能完成文件创建向导,此时您可以在src目录下随便创建一个文件夹,在新创建的文件夹下创建这个Hello.lzx文件,然后把这个文件复制到WebContent目录下,当然,src下的Hello.lzx 已经没有用处了,您可以把它删除掉。之后在新建Laszlo文件的时候您就可以用拷贝黏贴的方式在WebContent目录下操作Laszlo文件了。

       到此项目和文件就全部完成了,接下来的工作就是部署和测试了。项目整体结构如下图所示:

   

        6) 部署:您应该还记得在新建项目的过程中已经配置了运行时环境 Target Runtime,选择的是 OpenLaszlo Server 4.5.x\Server\tomcat-5.0.24 。项目要想正常运行起来,还少不了服务器的支持,既然前面选择的运行时时OpenLaszlo Server 4.5.x\Server\tomcat-5.0.24,那么我们就应该把项目部署到这个容器中。有两种部署项目的方式,您可以根据自己的需要和习惯选择一种。

                   方法一:使用 Eclipse Export 功能,将项目导出到任意目录,导出的文件当然应该是一个 war 包。然后把该 .war 文件拷贝到

OpenLaszlo Server 4.5.x\Server\tomcat-5.0.24\ webapps\目录下,启动Laszlo server tomcat 即可。

 

                   方法二:在Eclipse 中新建一个server,选择Runtime 为:

OpenLaszlo Server 4.5.x\Server\tomcat-5.0.24server 创建完成以后,把项目添加到该 server ,然后运行该server即可,同时保证 laszlo server 处于运行状态。

                   关于web项目的创建,server 的创建以及项目的部署这里就不做详细描述,做过java web 项目的程序员应该都非常的熟练,当然,绝大部分人都会比我熟练。如果有在这方面不明白的,可以查看相关的文档或者学习资料。

                   7) 查看测试:

                   如果Lasalo server tomcat 都已经正常启动,您就可以看一下您刚才创建的项目的效果了。在浏览器中输入 http://localhost:8080/ProjectName/Hello.lzx,如果您的laszlo文件如步骤 5 中所示,您在浏览器中将看到如下效果:

          

         这确实很简单,也没有设么绚丽的界面效果,不过,您要明白一点,这只是一个简单的,基本的测试,有了这个测试,您就可以添加任何您想要的组件,做出任何您想要的效果的界面。别忘了左后一点:这个界面看起来是很简单,不过您在界面点解鼠标右键,您会发现,原来这已经不是一个简单的html页面,而是 Flash了。

         如果您采用的是第二种部署方式,您也可以在Eclipse中选中Hello.lzx 文件,然后右键 Run AS>Run On Server来启动Tomcat并且在Eclipse 自带的浏览器中查看效果。

         以上只是有关 OpenLaszlo 的一些介绍以及基于OpenLaszlo平台来创建项目的步骤的描述,到此,还没有提及到Laszlo的语法与服务器的交互,这些都将是令人兴奋的尝试,有关这方面的描述,将放在第二阶段的学习中来描述。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值