LesktopWeb前台控件库

联合创作 · 2023-09-22 16:10

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讨论群,我会在里面发布最新的动态和最新的文档。

浏览 6
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报