openlaszlo学习笔记（二）-CSDN博客

一，安装openlaszlo平台及IDE配置
1　下载并安装openlaszlo平台及Eclipse环境：
　　　在laszlo的官方网站：http://www.laszlosystems.com/（或者http://www.openlaszlo.org/）下载最新的安装版本openlaszlo3.３。在运行安装文件前，确保已经安装java虚拟机! 安装完后，会自动启动tomcat服务器，并启动laszlo的laszlo-explorer演示程序，大约三十秒内就该看到漂亮的系统界面了。如果看不到的话从浏览器中访问：http://127.0.0.1:8080/lps-3.2/laszlo-explorer/index.jsp，当你看到有3个时钟的世界地图，就表示安装成功了。打开左边的折叠菜单，可以看到里面的好多东西，还有文档等等。
(Java虚拟机的配置:鼠标右键单击我的电脑--->属性--->高级--->环境变量--->系统变量--->新建以下三个变量
PATH 其值设置为%PATH%;f:\j2sdk1.4.1\bin
JAVA_HOME=f:\j2sdk1.4.1
CLASSPATH=f:\j2sdk1.4.1\lib\tools.jar
注:因其版本及安装路径的不同,而路径f:\j2sdk1.4.1有可能不同,但其后的bin、lib目录都相同
2　安装并配置开发工具laszloIDE：
　　在http://www.eclipse.org/laszlo/中下载laszloIDE插件包，找到Download from OpenLaszlo.org version 0.2.0 for JDK 1.5, WTP 1.0.版本，下载这个包，大约9M。
3 设置Laszlo的开发环境
确定你已经安装了OpenLaszlo 3.1 或以后的版本可从laszlo的官方网站 http://www.laszlosystems.com/（或者http://www.openlaszlo.org/）下载最新的安装版本openlaszlo3.３.此版本自身包含一个tomcat5.0,因此使用者不必预先安装tomcat即可运行.
从此网站http://download.eclipse.org/webtools/downloads/drops/R1.5/R-1.5.1-200609230508/下载Eclipse SDK 3.2.1 "all in one" zip file 版本，大约205.7MB (wtp-all-in-one-sdk-R-1.5.1-200609230508-win32.zip or wtp-all-in-one-sdk-R-1.5.1-200609230508-linux-gtk.tar.gz). WTP all-in-one 模块包含了用wtp运行软件的全部集合。这个包已经包含了与eclipse 3.2.1 sdk, emf, gef and jem.相结合的全部先决条件。你将不在需要任何其他的插件. (注:WTP是Web Tools Platform 的简称)。(注:建议初学者用all-in-one版本的Eclipse，非all-in-one配置比较麻烦。)

配置环境:直接解压eclipse压缩包,点击eclipse目录下的eclipse.exe即可运行.接下来点击Help--->Software Update--->Find and Install...--->Search for new features to install--->next--->New Archiveal site然后选中LaszloIDE-0.2.0-jdk1.5.zip并在其前面的方框中打勾,然后点击next--->I accept the terms In the license argeement--->next--->finish,出现update Mangcr安装界面,接下来出现Verification窗口,选Install all,最后弹出Install / Update窗口,选Yes,重起eclipse即可.
二、基本语法及控件（标签）
1、文本
<canvas width=”300” height=”200” bgcolor=”white”>
<statictext>hello,would!</statictext>
</canvas>
Laszlo的中文问题：
只要在加文件头:<?xml version=”1.0” encoding=”UTF-8”>
2.按钮
<canvas>
<button>hello</button>
</canvas>
3.简单事件
<canvas debug=”true”>
<button id=”mybutton” οnclick=”debug.write(‘button click’)”
Clickme>
</button>
</canvas>
4.简单动画的实现
<canvas>
<window height=”50” width=”100”>
<animatorgroup process=”sequential”>
<animator attribute=”x” to=”500” duration=”1000”>
<animator attribute=”y” to=”300” duration=”1000”>
</animatorgroup>
</window>
</canvas>
5.读取xml数据
<canvas>
<datasetname=”dest”>
<employee>
<firstname>John</firstname>
<lastname>Smith</lastname>
</employee>
</datasetname>
<text datapath=”dset:/employee/firstname/text()”/>
<text datapath=”dest:/employee/lastname/text()”/>
<simplelayout axis=”x”/>
</canvas>