Lesktop是笔者自己开发WebOS是使用的前台控件库，现已开源，大家可以使用该控件库来开发管理系统，ERP系统等，您可以自由使用Lesktop，Lesktop无使用限制。

以下以制作一个工具栏说明如何应用Lesktop开发自己的应用程序：

(1)使用开发工具新建一个工程，并添加一个工具栏，如下所示：

2.点击左下角的设置，以配置工具栏的按钮，输入按钮的名称（即显示的文本），Css，和命令：

3.以上是一个Css为TestButton的工具栏按钮，接下来，我们将设计该按钮的Css，让它显示出图片来，准备好一副22x22的图片，打开Css编辑页面，输入Css的路径和内容，请注意这里的路径仅仅用于生成目标代码，点击运行测试时并不会去加载Css而是直接使用文本框中的内容：

4.现在一个应用程序就开发完毕了，接下来就是部署了，点击生成工程，开发工具将为您生成该应用程序的代码：

5.复制以上代码并用UTF-8编码保存到System目录下；

6.打开Css编辑页面，将Css保存到自己指定的文件中，例如以上例子应该将Css保存到 Themes/Default/Custom.css 中；

7.在桌面建立一个图标：打开Desktop.js文件，找到以下代码自己添加一个图标：

其中：ImageUrl为图标的路径，Path为应用程序代码的路径（相对于System）。

8.OK，一切就绪，重启以下“系统”，双击桌面图标就可以运行刚刚编写的应用程序了：

1.应用程序启动时会自动去加载需要的js（如Window.js和Controls.js）以及开发时输入的Css，您不需要在Desktop.htm的中添加引用，Desktop.htm中只需引用1.0.1.0.js(或其他你需要的JS，如jQuery);

2.生成的代码必须用UTF-8编码保存。 

大家请加入到Lesktop讨论群，我会在里面发布最新的动态和最新的文档。

您可能感兴趣的文章: