Element UI 与 iView 对比测评,哪个更好?

A kitten
蒋川
B 端数据开发,卡拉云联合创始人
最近更新 2022年08月29日

Element UI 与 iView 对比测评,哪个更好?

Element UI 和 iView 为啥放在一起比,因为前者是普世王者,后者是垂直领域专精,各有所长,如果你在选型,可以从自己的需求出发,看看谁更合适。 Element UI 是 Vue 国内开源组件库的王者,由阿里饿了么团队开发,并不是一套专门面向企业的解决方案,而是一套通用型桌面组件库解决方案。 iView(现在改名 View UI )是一套面向企业的商业前端组件库,有免费版和商业 Plus 版,针对企业应用场景有不少优化。可惜2019年推出全系列 Pro 版本之后,整个团队对免费版维护和更新少了很多。

Element UI 和 iView 对比概览

Element UI 怎么样?

elementui. Element UI 是一套面向开发者、设计师、产品经理的开源组件库,甚至还为设计师提供了 Sektch 和 Axure 资源,使 Element UI 开发流程更加顺畅。Element UI 的占有量导致它的前端交互几乎成了国内标准,其他框架前端 UX 稍微变点样子,终端用户甚至会抱怨不顺手。开发者可以按照 Element UI 标准快速迭代开发,设计师也可以直接调 Element UI 模版快速出图。另外,Element UI 的作者在多个场合说过,只是更新慢,并没有停止维护,请大家放心使用。

iView(View UI )怎么样?

iview View UI(即 iView)是一套基于 Vue 开源的 UI 组件库,主要面向企业级中后台开发,团队成员也主要来自一线 to B 企业,对企业级中后台开发逻辑有着深入的理解。2017 年 iView  刚发布时,国内各类 Vue UI 框架都刚起步,还没有现在这种头部一家独大的局面。当时正好在 V2EX 看到相关信息,试了试很喜欢,经过这么多年,现在已经迭代多个版本,iView 也走出了自己的路,2019年发布 View UI Pro 付费版本,并且一并推出了主题、组件、模版付费市场,用户可以直接付费购买写好的基础解决方案,节省开发时间。

Element UI 和 iView 组件功能与特点

Element UI 共 60 个组件,iView UI 提供了超过 80 个常用底层组件及业务组件。

  • 核心组件比如 Table、form、富文本这些难写又常用的组件,还是 Element 更扎实,毕竟用户量级和团队实力在这里摆着。但长尾组件和业务组件 iView UI 更占优势,比如 City、auth、Login、多级导航等 to b 的业务组件。
  • Table 组件:Element UI 自带 virtual scroll ,iView UI 支持 slot-scope。如果需要用表格处理大量数据,Element UI 更合适。
  • TreeSelect 组件:iView UI tree 组件写自定义内容不方便。而 Element 更好用。
  • form 表单组件:两个框架功能基本一致,包含数据收集,表单校验和提交功能。inputcheckbox 、select 等常用功能两个框架都有。

搭建后台管理工具?

试试卡拉云,无需处理任何前端问题,仅需拖拽,即可生成,数天工作量降至 1 小时。

Element UI 和 iView 维护状态

Element UI 一样依然是饿了么团队开发支持和维护。前段时间传闻 Element UI 无人维护,不更新了。其实只是团队在全力开发 Element Plus 而已,Element UI 并没有停止维护。Element 团队的迭代速度有目共睹,可放心使用。

iView UI 从 2019 年开始全面商业化,对免费版的维护并没有那么上心。但它的商业版因为针对企业级市场,不断推出各种面向 to b 企业使用场景的优化,如果你们打算付费使用 iView 那么,不用担心无人维护的问题。

Element UI 和 iView 的 admin 后台管理框架

再来说说两个开源 UI 组件库各自对应的 admin 后台管理框架吧,毕竟自己从零写一个不如拿个写的扎实的 admin 来二次开发。

Vue element admin - 老牌 admin 后台管理 求稳首选

01-00-Vue-element-admin.jpg

Vue element admin 是国内最早也是目前最完善的后台前端解决方案,一定得放在第一个说。作为 Vue admin 解决方案的前辈之一,element admin 的用户众多,社区庞大,无论你在使用中碰到什么问题,到处搜搜,基本上都能找与你碰到类似问题的用户提问及解答。

Vue-element-admin

element admin 基于 Vue + element UI 来实现,内置动态路由,权限管理,i18n (国际化插件),它把典型的业务模型帮你提炼出来,在你需要的业务场景中做到比你想的还要更好,极其丰富的功能组件,是你搭建企业内部后台的好选择。

当然,它的优点也是它的缺点,经过这么多年的迭代,不断的加功能,不断迭代堆积,element admin 稍微有点臃肿,不适合当基础模版来二开,它集成的众多细致功能,会造成不少代码冗余。

Vue element admin 经过时间筛选出来,能活到现在依然活跃是有原因的,如果你刚开始搭建管理后台,推荐你从 Vue element admin 开始试用。

iView Admin - 商业 admin 代码工程化 建立生态 高价高品质

iView-Admin.jpg

2017 年 iView admin 刚发布时,国内各类 Vue UI 框架都刚起步,还没有现在这种头部一家独大的局面。当时正好在 V2EX 看到相关信息,试了试很喜欢,经过这么多年,现在已经迭代多个版本,并且在 2019年发布了 iView admin pro 版,我来说说这两个版本。

iView-Admin-rich

iView admin 基于 Vue + iView UI 组件库构建的后台管理解决方案,它作为 iView 生态上的成员之一,遵循 iView 设计逻辑,风格统一。iView 组件很符合 Vue 开发模式,如果你同时也很熟悉 React ,那么切到 Vue ,使用 iView 也会更容易适应。但这个 admin 基础版对数据量较大的情况,处理的不是很好,把它当作轻便的基础 admin 使用更合适。

iView 在 2019 年推出了全系列 Pro 版本之后,对基础版的维护和更新就很少了,不过我仍然觉得基础版现在的状态,用在自己的小项目中,边用边学习是不错的选择。

iView-Admin-pro-rich

iView admin Pro 在基础版的基础上有很多重大升级,对各类应用场景都做了细致的支持。另外 pro 对 PC 端和移动端做了非常好的自适应处理。Pro 版内置了 Quill 富文本编辑器,我自己也超爱 Quill,它非常简洁,没有多余功能,特别是对代码书写极其友好,具体可以看我写的这篇《最好用的 7 款 Vue 3 富文本编辑器》。

iView admin Pro 售价高达 1 万元,它有着商业软件应有的流畅和趁手,这种付费 admin 我找机会单开一篇写个测评,这里不展开了。

Element UI 、 iView UI 与企业级低代码开发平台「卡拉云」对比

Element UI 与 iView UI 都是 Vue 的一个组件库,如果开发后台管理系统,需要手工调试的内容非常多,无法专注在业务逻辑的开发上。特别是 Table、Form、DataPicker、Select 等坑比较大的组件,更是耗费精力。

新一代低代码开发工具「卡拉云」全面解决前后端开发繁杂,避免重复造轮子的问题。开发者无需懂前后端,只需要拖拽前端组件,填表进入数据库 / API ,帮你解决前后端全栈问题, 1 小时快速开发后台管理系统。

(1)卡拉云是什么?

卡拉云是新一代企业级低代码开发平台,与Element UI 、 iView UI 不同,几乎不用写代码,开箱即用。卡拉云把后台管理系统抽象成三个部分:「前端组件」+「后端数据源」+「连接组件与数据源的简单代码」,开发者不需要写复杂的代码,甚至可以不懂前端开发,也可以快速搭建「CRM、ERP、CMS、MES 」等后台管理工具。

在卡拉云搭建后台管理工具时,前端只需要拖拽即可生成组件,复杂的表格、多样的图表、繁琐的表单、功能强大的富文本编辑器等常用的前端组件,卡拉云都已经帮开发者 Set 好了;后端也无需开发者操心,简单填写配置表,即可接入MySQL、SQL Server 等常见的数据库 和 Restful API 、飞书、小程序、企业微信等数据源。开发者只需要专注业务逻辑的开发,其他一切卡拉云全部帮开发者处理好,是真正意义的低代码开发平台。

kalacloud

(2)卡拉云怎么样,评价如何?

只要使用过卡拉云的开发者都能体会到它的绝妙。在卡拉云接上数据源,拖拽一个组件,把他们连起来,这一刻,任何人都会眼前一亮,感叹怎么能有这么好用的开发工具!

kalacloud-ui.jpg

卡拉云把后台管理系统抽象成「前端组件」+「后端数据源」+「连接组件与数据源的简单代码」三个部分。

「前端组件」部分,开发者甚至不需要懂前端,直接拖拽,即可生成前端组件。卡拉云内置了几乎所有常见的前端组件,特别是比较复杂的表格、表单、图表、富文本、查询等,这些组件卡拉云已经调校的非常出色,开发者无需自己调试,接上数据即可使用。

kalacloud-sql-api

「后端数据」部分,开发者不需要自己搭建后端,直接填个配置表就可以连上常见的数据库(MySQL、SQL Server 等)、API(钉钉、飞书、企业微信等开放 API 的工具均可连接),帮助企业打通信息孤岛,用卡拉云把所有数据连接起来,集中处理。

01-kalacloud-table.gif

「组件与数据的关联」部分,开发者只需要会简单的 JS / SQL 用一行代码就能在前端把后端数据和组件关联起来,如此简单却又不损失搭建的灵活性是卡拉云最神奇的地方。

卡拉云与其他前端框架不同,最大的不同是开发策略不同,多数快速开发平台采用开源的市场策略,依靠开发者自愿贡献,同时提供服务而盈利。而卡拉云则是采用成本较高的自研策略,努力保证高可用性和高安全性。当然,两种策略各有优势,选择开源的快速开发平台,适合喜欢自己亲力亲为的用户,卡拉云适合不想处理任何技术细节,只想安全高效的把业务系统搭出来,快速交付使用的企业级用户。

扩展阅读: