微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Lesktop Web前台控件库

程序名称:Lesktop

授权协议: Apache

操作系统: 跨平台

开发语言: JavaScript

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);

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

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

Lesktop 官网

http://lesktop.codeplex.com/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐