前端基于jquery的UI框架-程序员宅基地

技术标签: ViewUI  ui  前端  javascript  

正在做的一个项目选择jquery作为前端js核心库。然后就想选一个基于jquery的ui库,然后悲催的事情发生了。

至于为什么使用jquery,一是因为不想为授权费用,而又不想引起可能法律纠纷;另一方面jquery也是所有最容易上手和流行的js库。

如果ext要用于商用就要付版权费,这个不行
dojo的文档实在是无语,虽然dojo很强大,但是入门门槛太高,学习曲线陡峭
至于其它的ui库组内也没人用过
于是就选了jquery

接下来找了几个基于jquery实现的ui库,大部分都是收费的,最终确定下来从easyui(后来听说easyui的授权许可与ext类似) ligerui和官方ui里面选一个
jquery ui的样式很难看,所以这次决定换一个别的ui库试试
easyui的layout嵌套有问题,怎么也解决不了,于是就决定使用ligerui。

ligerui的layout嵌套也有问题,不过我想了个办法绕过去了,会损失一些性能。
但是真正悲催的事情来了。

layout各个区域我试过了很多办法都加不上滚动条,center区域的div一通到底,有一部分跟bottom重叠了。grid的得到选择的数据行、添加数据等操作都不好使。而且各个组件提供的api与文档描述出入巨大,开放的api也不够丰富,方法和事件太少。

总之相当不好用,使用它就是噩梦。

最后终于在项目还没有进行太久的时候找机会重新使用jqueryui重构。

虽然jqueryui的样式太难看,但是它还是很好控制的,方法和事件也很丰富。样式难看可以找美工修改这不是大问题。
至于jqueryui没有的那些组件主要是tree、grid、layout、form、menu,前三个都在网上找到了专门的插件,后面两个准备自己实现。
tree推荐使用ztree,中国人自己开发的,网上评价很好,更新也很快。缺点是每次更新,api变化都挺大,一般不敢在项目中升级,否则恐怕要在用到ztree的地方改好多东西。
grid推荐使用jqGrid,大版本号已经升到4,搜索jquery grid、jquery datagrid排名第一,功能丰富,提供普通的datagrid treegrid和分组grid,还有分页条功能。
layout推荐使用jquery.layout。模仿ext的borderlayout实现,但是有很多差异。支持嵌套。样式比较难看,不过修改比较容易。

当时想图省事结果给自己找了大麻烦。

项目正在进入开发阶段之前,技术选型一定要做好,不能因为工期紧、压力大就草率为之。采用某个第三方组件之前必须关注下它的使用者都有哪些、文档丰富不丰富、授权协议、网上的评价如何。最后还要自己实现一些demo测试一下。否则可能会在开发过程中导致严重后果。
教训啊。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33749131/article/details/85627284

智能推荐

PHP||PHP概述与开发运行环境搭建&PHP数组的应用-程序员宅基地

文章浏览阅读922次,点赞26次,收藏18次。1.简述PHP程序运行过程中,PHP预处理器、Web服务器和数据库各自的功能。① PHP预处理器:实现对PHP文件的解析和编译,将PHP程序中的代码解释为文本信息。② Web服务器:主要用于存储大量的网络资源(例如图片、视频等资源)供用户访问和处理HTTP请求。③ 数据库:存储和管理数据的容器。2.常见的Web服务器和数据库服务器都有哪些?① Web服务器:Apache、Nginx、IIS。

大数据入门到放弃第一天:linux的入门-程序员宅基地

文章浏览阅读1.2k次。linux保姆式安装

【POJ 1251 --- Jungle Roads】最小生成树 prim || kruskal-程序员宅基地

文章浏览阅读248次。【POJ 1251 --- Jungle Roads】最小生成树 prim || kruskalDescriptionThe Head Elder of the tropical island of Lagrishan has a problem. A burst of foreign aid money was spent on extra roads between villages s...

计网第三章(数据链路层)(二)(可靠传输)_回退n帧协议代码-程序员宅基地

文章浏览阅读783次,点赞4次,收藏2次。本篇主要对可靠传输的三个机制进行说明_回退n帧协议代码

Dubbo简介-程序员宅基地

文章浏览阅读750次。下面这个例子不错,写的很详细可以做个model.在服务提供方实现接口:(对服务消费方隐藏实现)u1.setSex("男");u2.setSex("女");u3.setSex("女");">-- 具体的实现bean -->-- 提供方应用信息,用于计算依赖关系 -->_dubbo

android播放器和视频拍摄中的硬解和软解以及硬编和软编的区别_android video 硬解码和软解码 优先级-程序员宅基地

文章浏览阅读1.5k次。转载原文地址:https://blog.csdn.net/ltym2014/article/details/82354606https://blog.csdn.net/lipengshiwo/article/details/81814160视频解码硬解和软解的区别硬解就是硬件解码,指利用GPU来部分代替CPU进行解码,软解就是软件解码,指利用软件让CPU来进行解码。两者的具体区别..._android video 硬解码和软解码 优先级

随便推点

手把手教你用UNet做医学图像分割系统_unet医学图像分割-程序员宅基地

文章浏览阅读9.6w次,点赞282次,收藏1.6k次。兄弟们好呀,这里是肆十二,这转眼间寒假就要过完了,相信大家的毕设也要准备动手了吧,作为一名大作业区的UP主,也该蹭波热度了,之前关于图像分类和目标检测我们都出了相应的教程,所以这期内容我们搞波新的,我们用Unet来做医学图像分割。我们将会以皮肤病的数据作为示范,训练一个皮肤病分割的模型出来,用户输入图像,模型可以自动分割去皮肤病的区域和正常的区域。B站讲解视频:程序员宅基地:代码地址:unet_42: 基于Unet的医学影像分割系统 (gitee.com)处理好的数据集和训练好的模型:更多相关的_unet医学图像分割

vscode/markdown 修改表格预览样式_markdown-it 修改默认表格样式-程序员宅基地

文章浏览阅读1.9k次。:rid:csdn000006-20201116vscode/markdown 修改表格预览样式如何将 vscode/markdown 默认表格样式修改为新型表格样式?修改 “settings.json”:“markdown.styles”: [ “file:///D:/assets/vscode_markdown.css” ]windows 不支持直接修改 “your-vscode-install-dir/resources/app/extensions/markdown-lang_markdown-it 修改默认表格样式

计算机二级Python选择题题库 第四章 组合 共97题 带答案和解析_def mysoft(ss,flag)-程序员宅基地

文章浏览阅读380次,点赞4次,收藏9次。计算机二级Python选择题题库 第四章 组合 共97题 带答案和解析_def mysoft(ss,flag)

软件设计师真题,设计模式专项练习(三)-程序员宅基地

文章浏览阅读1.7w次,点赞12次,收藏6次。软件设计师真题,设计模式专项练习(三)

Java普通工程打包&Maven工程打包&运行jar包_java pom maven build jar-程序员宅基地

文章浏览阅读468次。文章目录一、普通工程二、MAVEN工程【同时打胖包瘦包】三、执行jar包一、普通工程File --> Project Structure…Artifacts --> "+" --> JAR --> From modules with dependencies...出现如下界面点击OK这里根据流程选择主类,确认后点击"OK"Build–>Build Artifacts…第一次打包点击Build,后面再打包点击Rebuild_java pom maven build jar

K8s 滚动升级与回退_kubectl 回退-程序员宅基地

文章浏览阅读2.8k次,点赞2次,收藏6次。K8s 滚动升级与回退。_kubectl 回退