第二节

第一个简单测试

         开发环境正确安装完成以后，我们就来做一个简单的小测试，来验证我的开发环境，同时学习属性一下在 Eclipse 平台下 laszlo 的开发方法。

         1. 新建一个项目 (Laszlo项目)

                  点击 new—>project，在弹出的新建项目向导中选择Laszlo Project：

        

          

                   然后点击 next 进入项目名称等属性设置界面：

        

 

      输入项目名称，点击next 进入 LPS 设置页面：

   

        

       设置完成后，点击 finish ，完成新建项目向导，在 Eclipse 中，您将看到如下图所示的项目结构：

  

 

 

如上图所示，bin 目录是新建的 lzx 文件后编译后的存放目录，src 是新建的 lzx 的存放目录C__JavaTools_OpenLaszlo Server 4.5.x_Server_lps-4.5.x_lps_components 和 E__tools_eclipse3.3_configuration_org.eclipse.osgi_bundles_643_1_.cp_resources_lfc 是项目所需资源的目录，您的环境部同，这连个目录的名称也会不同。

2. 新建 lzx 文件

 右键点击 src 文件夹，new—>选择 Laslzo File：

 

 

点击 next 进入属性配置页面：

 

填写 filename 点击 finish 完成 新建文件向导。

向导完成后，您即可看到新建的文件的代码视图：

 

 

图中左边是新建的 laszlo 文件的代码视图，图中的几行代码由向导自动生成。右边是laszlo的组建视图，包含 laszlo 的所有 组件。如果你需要向一个文件中添加一个新的组件，直接在组件视图中选中该组件，按住鼠拖动的目标文件中即可。

3. 填充文件内容

      为完成简单的测试，您可以向新建的文件中添加一个text组件显示一些简单的文本，如下代码：

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

<canvas>

    <text>Hello World</text>

</canvas>

    到此，一个 Laszlo 文件已经完成，一个简单的 Laszlo 也已经完成。

   

    4. 运行示例:

   

       一个简单的项目已经完成，接下来就是测试项目能否正常运行：

    首先编译项目，然后右键点击 src 下的new_file.lzx选择Run As Laszlo Applicatio 几秒过后，即可在浏览器中看到效果。前提是确保您的 laszlo server 和 tomcat 都已经正常启动