美文网首页
2022 后端admin项目前端选型

2022 后端admin项目前端选型

作者: jumplee | 来源:发表于2022-08-11 18:55 被阅读0次
  • antd
  • antdv
  • element-plus
  • iview
  • extjs

但是element项目的界面和组件质量是最好的,但是色彩上过于娱乐话,不够亮眼。如果是偏娱乐方向客户方向的界面,element-plus是首选。
iview 我使用过,作者是全职在维护,但整体力量薄弱。界面方面缺少一点美感,不像是美工整体设计出来的,而是程序员自己copy后优化过来的,但比较实用。组件的功能非常全,这个是其优点,但使用过程中遇到一些bug,一个特别复杂的界面中部分组件内存泄漏。只让我不敢再过多花费时间来使用它。在沙土上打地基是非常愚蠢的。


antd vs antdv

pk antd antdv
功能 ✅ ✅ ✅ ✅ ✅
质量&持续开发 ✅ ✅
工作流 ✅ ✅ ✅ ✅ ✅
生态 ✅ ✅ ✅ ✅ ✅
人气 ✅ ✅ ✅ ✅ ✅ ✅

antdv的完善性上还是稍弱一些。
vue的工作流远远好于react,这让antdv更有了竞争力。
react的生态更强,这让antd又赢了一局。

首先吐槽一下阿里的开源,免费的才是最贵的。阿里的开源项目侵入性很强,你不得不全家桶都要用,加入自己的想法很难。项目概念很大,我必须承认阿里的大神很多,但是nb吹出去了,该实现的时候才发现时间真的不够,导致文档不全,代码过于繁杂。总之,kpi的因素太多。
阿里的开源项目star必须砍去一半再考虑,你会看到一堆文章介绍自己的项目,上天入地,国内国外,但是你是否和她的需求一样呢?你的项目有那么大规模吗?需要把代码搞的那么复杂吗?
如果你的团队真的够强,可以借助他们的项目二次开发,移花接木节省自己的时间。小团队,需求都不匹配,怎么上?

选择antd就是选择umi.js的工具流
选择antdv就是选择vite。
我在尝试vite+antd这种偏门方案,看是否过于小众。


extjs的优点很多,容易上手,文档丰富(英文),代码质量好,界面整体来说还算可以,缺点也明显,生态太小,必须付费,界面只能说可以。如果公司已经付费购买,还算可以,否则不建议入坑。

结论

antd和antdv都不错,只看你对vue和react的偏好了。
我选择vite+react+react-router+mobx-react。
mobx-react就是vue的一个react兼容版本,直接创建一个observe对象,啥都好说了。
umi.js或许很好,但是我用不上,而且我也不想把脑子浪费在兼容你们的规范上了。

后续

最近一个新项目,因为时间紧张,使用了ts+vite+antdv做了一个后台,整体效果还是满意的。总结下来vue路径上最好的方案就是antdv和elementPlus。作为ui端,它俩都差不多,能用,但是具体的一些细节你得自己去翻文档,出现小bug需要自己修复,已经很好了,毕竟是开源免费项目,离exjts和kendo-ui还是有差距,但是免费,生态大。
因为这次深度使用了antdv,所以对element和antdv有了深入地了解,个人认为各有特色,选哪个都行。毕竟都需要自己魔改。antdv最大的亮点是全部使用tsx,这对自动提示和阅读都很友好,而element则优先使用模版+setup语法 +ts,当然也不错,但是没法和tsx比。缺点是ui设计上间距过大,有些地方对后端这种大量数据展示的项目并不友好,而elementPlus则更好。特别是table组件的设计,在宽高上设计有点奇怪,最后是开发了一个hook解决了滚轴问题。
综上,antdv和elementPlus都是很好的选择。ts也是推荐使用的,但是一些降级配置让使用成本降低,特别是我这种小团队,成本太高就不灵活了。

相关文章

  • 2022 后端admin项目前端选型

    antd antdv element-plus iview extjs 但是element项目的界面和组件质量是最...

  • 记一次socket.io的debug记录

    背景: 项目开发客服聊天系统,使用socket.io进行开发,前端采用vue-element-admin,后端语言...

  • 项目集合

    一、后台管理系统1.前端vue版本:使用vue-element-admin这个开源项目 2.后端node版本:使用...

  • 凯尔后端项目结构

    项目地址 凯尔后端:https://github.com/Mrshenxh/Kayle 项目技术选型 项目后端技术...

  • 循序渐进VUE+Element 前端应用开发(1)--- 开发环

    之前一直采用VS进行各种前端后端的开发,随着项目的需要,正逐步融合纯前端的开发模式,开始主要选型为Vue + El...

  • VUE+nginx代理到后端登录问题

    前端以Vue-element-admin为开发模板,后端为springboot,权限控制为shiro,前后端开发模...

  • Tomcat与链接目录的配置

    有后台项目 admin ,上传目录 admin/uploadfiles前端接口项目 web , 上传目录 web...

  • 前端框架React、Vue对比

    前端技术栈选型分析 公司做前后端分离,确定前端技术栈,对前端框架React、Vue,稍微做了下分析:对比:1、上手...

  • 凯尔前端项目结构

    项目地址 凯尔前端:https://github.com/Mrshenxh/Kayle 项目技术选型 凯尔前端技术...

  • 一次Code Review

    起因 最近后端的事情比较多,所以微信个人版这个项目就丢给了前端小王子做了。首先,说一下前端的技术选型,我既没有用R...

网友评论

      本文标题:2022 后端admin项目前端选型

      本文链接:https://www.haomeiwen.com/subject/tmnzwrtx.html