前端控件选型

目录

Special value is greater than general value.
talk is cheap, show me the code,make a better result.

场景分析

我们取对应的常见的场景做分析。一般说来常见的组件有
树形结构，表格结构，以及常见的控件结构，文本框，按钮等。
以及组合结构等。
根据实际场景分析：

需求如下：

1.实现基本的组件显示渲染和数据绑定
2.可视化报表的显示
3.特殊编辑，

平台选型

1.树结构选型：

项目	ztree	wintree	HTMLayout
级别	重量级	不需要浏览框,直接就是win标准控件,简单轻便	内核的dll比webkit的dll小
数据格式	json格式
文档参考	完整的API	不好搞拖拽等高级功能,不好搞样式,需要自绘,而这些难以配置给用户自定义	国内用HL的人极少,HL的坑也不少,遇到坑没有神队友可以求助
项目情况	会	不会	不熟悉

结合实际情况最终我们选用了ztree.js.yx平台也选用了ztree.js

2.表格结构选型

项目	JqGrid	XtraGrid
级别	重量级	高级非绑定模式支持
数据格式	json格式
文档参考	完整的表格呈现与运算功能，包含换页、栏位排序、grouping、新增、修改及删除资料等功能	DevExpress是目前.net下最为强大和完整的UI控件库，
项目情况	会	不会

结合实际情况最终我们yx平台也选取对应的JgGid作为表格实现的库。

3.其他控件

基础控件如按钮等，下拉框等，都可以用原生的HTML控件。参考资料。
但是原生的控件写起来比较简单，我们可以使用JQuery easyUI 等。

4.报表组件

这个之前文章分析过，不再详述。

5.其他组件（编辑组件，加密组件）

5.1 编辑组件
我们选择kindeditor.
5.2 加密组件我们选择同一的jsencrypt组件。

6.特殊组件：

我们选用其他组件watermark js组件。

7.vue组件

我们选用element-ui组件库。

平台设计思想（原理）

这里主要使用模板模式，将常用的树形做成配置的形式，底层操作库API。提供一个对外API，让常用的功能模板化。

参考资料和推荐阅读

1. 树控件选型.
2. 比较JqGrid与XtraGrid.
3. Html基本控件介绍
   .

欢迎阅读，各位老铁，如果对你有帮助，点个赞加个关注呗！~