今天是工作半年整,6月17号有幸入职现在这家公司,老板人蛮好的,很久没写心得了,总结一下半年来的项目难点和工作经验吧。
首先说一下使用的两个UI框架,一个是layui,一个是ant design。各有千秋。
1.layui的table表头是可以左右伸缩的,而antD就需要再封装方法。
2.layui的table比较大的问题就是全选不能保存状态,点击下一页之前的全选状态则会被清空。像数据量庞大的中后台系统需要一些批量删除或者是批量导出、全部导出的时候着实很不方便,附上拙劣的解决办法(暂时是单页面实现,要全部应用的话还需要改源码封装一下)。
然后在table渲染的时候加入这些:
当然这并不是最好的解决办法...因为项目进度紧张所以后续并没有实现此功能,而antD本身就能够实现。
3.layui在表格中嵌套表格(即展开面板里又有表格)这个可能还没有实现,而我在做项目的过程中自己用table和panel结合又有很多问题,譬如子表格没办法与父表格在某些程度上冲齐,子表格表头伸缩后父表格表头无法进行伸缩等。
4.layui的table body里合并也是个问题,固定列单元格合并可能还需要琢磨琢磨。
5.antD中Modal模态框是无法移动的,至少对于我们现在系统所服务的群众来讲这是个不太好的体验,也需要手动封装方法。(我会加油学习的1551)
6.antD布局大体就是按照label与input框几等分来算,可以说和flex布局很像了,有好有不好,像我刚开始接触这个框架就觉得哇好麻烦啊,但是使用多了觉得这样的设计确实合理且规范。
7.还想起来个问题,antD是自带单元格超出长度设置表头行ellipsis属性鼠标放上去就可以显示完整,layui框架需要在表头行设置templet属性设置譬如<span title=""></span>这样子才可以,相比较而言antD更为简便。但是当我把单元格设置为可编辑时,antD的这个属性就会失效,可能也需要render一个span标签加title属性。
以上是UI框架的使用心得。不管哪个被人们广泛使用的UI框架都有其存在的道理,用了4个多月的layui和1个多月的antD我说不出来谁更好,还是要看具体项目需求,有一些功能也确实会产生更大的bug所以摒弃掉也是正常选择。
未完待续...