LigerUI?听起来有点猛!
近在折腾一个新项目,想着用点儿新的东西,就瞄上了 LigerUI。之前一直用 Bootstrap,感觉有点腻了,想换换口味。
一开始看文档,感觉 LigerUI 的东西挺多的,表单、布局、表格啥的,一应俱全。而且它基于 jQuery 开发,我比较熟悉 jQuery,上手也比较快。
LigerUI 的文档写得还算详细,不过看了一天半,总感觉有点儿云里雾里,光看代码没有用,得动手实践才行。
于是乎,下午就尝试着把脑子里想的一些功能用 LigerUI 搭起来,结果发现还挺顺手的。LigerUI 的控件设计得挺人性化的,基本都是拖拖拽拽就能搞定,省了不少时间。
不过,LigerUI 也不是没有缺点,它坑确实挺多的,我用它做了一个系统,花了挺长时间才把坑填完。比如,有些控件的样式默认就很难看,得自己写 CSS 去修改。
近准备换成 EasyUI,听说 EasyUI 比较稳定,而且社区也比较活跃,希望换了之后能少踩点坑。
下面分享几个 LigerUI 的小技巧:
首页引入样式文件和 js 文件:
html
使用工具栏:
javascript
$(function () {
$("toptoolbar").ligerToolBar({
// 操作栏
items: [
text: '查询',
id: 'search',
click: f_search,
icon: 'search'
这段代码可以创建一个工具栏,包含一个查询按钮,点击按钮会执行 f_search 数。
除了上面的技巧,LigerUI 还提供了许多其他的功能,例如:
功能 | 描述 |
---|---|
表单控件 | 包含文本框、下拉框、日期选择器等常用表单控件。 |
布局控件 | 提供多种布局方案,方便创建不同风格的页面。 |
表格控件 | 支持多种表格样式,可以轻松实现数据展示和操作。 |
其他控件 | 还提供了一些其他的控件,例如树形菜单、弹窗等。 |
使用 LigerUI 过程中,还有一些需要注意的地方:
LigerUI 的版本比较多,要根据项目需要选择合适的版本。
LigerUI 的文档比较复杂,需要耐心阅读和理解。
LigerUI 的社区比较小,遇到问题可能需要自己解决。
LigerUI 是一款功能强大的 UI 框架,上手难度适中,适合快速开发一些简单的页面。不过,它也有一些缺点,比如坑比较多、社区比较小,需要开发者有一定的经验才能驾驭。
你有用过 LigerUI 吗?你对 LigerUI 有什么看法?