Lesktop 介绍
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);
大家请加入到Lesktop讨论群,我会在里面发布最新的动态和最新的文档。
Lesktop 官网
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。