前端如何使用低代码平台有哪些?


一、低代码是什么?
低代码是一套可视化开发工具,它帮开发者把前后端基础功能写扎实,开发者只需要通过填表配置或拖拽生成前端组件的方式,即可完成后台管理系统的快速搭建。由于低代码仍需要写少量 JS 代码,所以低代码开发平台主要面向程序员,帮助程序员敏捷开发。
本文使用企业级低代码开发平台「卡拉云」举例说明,什么是低代码开发平台。
低代码卡拉云把后台管理系统(CRM、ERP、CMS、MES等),拆分抽象成三部分。「前端组件」+「后端数据」+「连接前后端的简单 JS 代码」
「前端组件」部分
卡拉云内置常见的前端组件,开发者只需拖拽即可生成图表、表格、表单、富文本编辑器等前端组件。这些组件就算你用顶级开源组件库,也需要花心思调试。但在卡拉云里,所有的组件均已帮你调试到最佳状态,比如前端表格组件要展示 1 万行数据,这种需求在卡拉云里,拖拽个 table 组件,直接载入数据就行了,一切都帮你配置好了,大数据量下,筛选、翻页依然丝滑流畅。
简单拖拽,即可生成功能丰富的表格组件
「后端数据」部分
卡拉云帮助开发者把后端写好了,直接填表配置数据源就行(数据库、RESTful API、钉钉、企业微信、飞书等,均可一键接入),灵活性极强,可以对接多个现有系统的数据库 / API ,帮助开发者打通企业内部数据。(比如可以把销售CRM 和财务CRM接起来,再加个企业微信用来给业务人员发消息)
「连接前后端的简单 JS 代码」部分
「前端组件」和「后端数据」低代码平台帮开发者配置好了,那么它们怎么连起来呢?它们通过简单的 JS 相连,低代码开发中的这个「低」指的就是这些连接部分的代码,写这些代码非常必要,因为这样才能保证系统的灵活性,开发者才能几乎随心所欲的按照自己的业务逻辑搭建后台管理系统。
二、国内排名前 5 的低代码开发平台对比
低代码之所以可以帮助开发者提高开发效率,核心是低代码在某个特定场景下,帮助开发者完成大多数基础开发,并把这些开发抽象成模块,方便开发者随时调用,避免重复造轮子。这也意味着不同的低代码平台针对的特定开发场景有先天优势。比如有的针对工作流,有的针对后台管理系统快速搭建,有的针对自定义表单等。
低代码平台没有好坏之分,只有适不适合你的开发场景,接下来,我们测评国内排名前 5 的低代码开发平台(排名不分先后),帮你找到合适自己的低代码开发平台,极速提高开发效率。
1.钉钉宜搭 - 表单模型驱动,集成钉钉,适合工作流类开发场景
(1)钉钉宜搭介绍与用户评价
钉钉宜搭是阿里巴巴旗下的一款低代码搭建平台,与钉钉的数据互通,如果你们公司深度使用钉钉,那么选择宜搭来串联公司内部数据是非常不错的选择。宜搭虽然号称是低代码开发平台,但它主要以表格为载体创建工作流,聚焦在工作流的功能开发上,仿佛非开发人员也可以参与开发,降低了开发难度,但对于专业开发者来说,这种边框式的开发逻辑,束手束脚,开发者只能在宜搭现有逻辑上进行开发,稍个性化的企业内部工作流,宜搭就无法满足了。这也是为什么钉钉作为企业通讯工具占有率极高,但宜搭却没有如此战绩的原因。
(2)钉钉宜搭开发灵活性:低;上手难度:低
宜搭的产品逻辑是希望可以兼顾不懂技术的业务人员,也可以用宜搭开发。那么势必降低开发的灵活性(更少的代码),有点两边不讨好。对于业务人员太过复杂,对于开发者来说,灵活性太低,限制束缚太大。宜搭适合懂一点技术,对业务逻辑的灵活性要求不高,又想自己搭一套合适自己公司用的 CRM / ERP 的公司。
(3)钉钉宜搭的价格
体验版:10人使用,数据量 1 千条 / 月
标准版:1988元/年
尊享版:3988元/年
混合云版:12万/年
2.卡拉云 - 程序员的开发利器,多种数据库 / API 接入,适合快速开发后台管理系统
(1)卡拉云介绍与用户评价
卡拉云(kalacloud.com)是新一代低代码开发平台,适合快速开发多数据源接入的后台管理系统。卡拉云已帮助开发者完成前后端的基础开发。卡拉云内置常见的前端组件,简单拖拽即可生成复杂的表单、表格、图表、富文本等前端组件。也无需写后端,填写配置表即可快速接入 MySQL、SQL Server、MongoDB
等常见的数据库,以及 Restful API、钉钉、企业微信、飞书等第三方数据源。
因为卡拉云可以接入多种类型的数据库,所有卡拉云可以很好的和公司现有系统并行运行以及作为公司内部各系统的中枢,打通和串联企业内部所有后台管理系统。
对于开发者来说,卡拉云是它们的开发效率核武器,卡拉云像完全没有束缚的乐高版开发工具一样,帮你把前端组件调试好,后端调用数据写好,开发者只需要根据自己的业务需求,拖拽组件,接入数据源即可快速搭建后台管理系统。
(2)卡拉云开发灵活性:高;上手难度:中
卡拉云把后台管理系统抽象成三个部分,「前端组件」、「后端数据」、「前后端连接代码」,抽象程度极高,灵活性对标纯代码。前端组件随意组合,后端数据源随意接入,仅需写简单的 JS 代码,即可把整个系统串联起来。
卡拉云作为低代码开发工具,对非技术人员非常不友好,如果完全不会写代码,那么基本无法使用卡拉云。但对开发人员极度友好,在搭建后台管理系统的这个场景下,开发者可以随意拖拽生成组件,随意接入数据源,卡拉云帮开发者把脏活累活都干了,让开发者可以专注在业务逻辑的开发上,灵活性极高。
(3)卡拉云的价格
个人 / 小团队版:永久免费
初创企业版:5900元 / 年
集团企业版:19900元 / 年
私有部署:联系平台
3.简道云 - 工作流表单驱动,适合需求标准的数据工具搭建,面向不懂技术的中小团队
(1)简道云介绍与用户评价
简道云严格来说是一套零代码开发平台,非常适合没有开发团队的中小企业。中小企业的开发场景相对简单,业务逻辑标准,简单云以表单驱动,可快速搭建企业内部工作流工具,可以自定义表单、自定义报表、自定义工作流。
简道云对非技术人员非常友好,完全不需要写代码就能搭出像样的工作流工具。
(2)简道云开发灵活性:低;上手难度:低
作为零代码开发平台,简道云相对其他低代码平台来说,没有什么开发灵活性,企业需要适应简道云低业务逻辑。但好的方面是只要企业需求简单,无需写代码,开发难度极低,不懂技术的业务人员也可以使用。
(3)简道云价格
基础版:免费
标准版:168 / 人 / 年;30人起购,即 5040 元/年
企业版:365 / 人 / 年; 30人起购,即 10950 元/年
4.氘云 - 面向数字化管理员的在线管理工具,非技术人员也可快速搭建管理工具
(1)氘云介绍与用户评价
氚云背靠阿里发展,与钉钉深度整合,面向数字化管理员的在线管理工具。丰富的 API
接口,可视化表单、自动化流程、智能报表,界面友好美观。氚云的定位是以场景为中心,通过可视化表单、工作流程设计、智能报表,帮助业务人员快速搭建业务流程管理工具。
(2)氘云开发灵活性:中;上手难度:中
氘云与简道云几乎同时上线,所以他们的对业务工具的抽象程度和逻辑非常类似,界面也非常类似。氚云因为拿了阿里的投资,现在强制钉钉登录,开发者必须有钉钉账号才可以使用,没有账号无法使用。
(3)氘云价格
标准版:4280元起 / 年(限 30 人)
专业版:7280元起 / 年
5.明道云 - 企业常规范式开发,可视化搭建,流畅自动化
(1)明道云介绍与用户评价
明道云数据可视化布局设计简单流畅,表单可设置流畅触发器,可流程自动化,实现关联触发操作。明道云内置六大模块:工作表、视图、自动化流程、角色、统计、自定义页面,使非技术人员也可以搭建标准化的 CRM、ERP 等企业工具。
(2)明道云开发灵活性:低;上手难度:中
明道云的界面设计和开发逻辑相对于简道云来说要复杂的多,虽然都是面向非技术人员的低代码开发平台,明道云的上手难度要高不少。但明道云在业务自动化协作方面有相当好的开发逻辑,非常适合 OA 协作的开发场景。
(3)明道云价格
标准版:9900元 / 年
专业版:19900元 / 年
期间版:39900元 / 年
值得注意以上 5 款低代码开发平台,只有卡拉云一家可以接入开发者自有数据库,这也意味着,只有卡拉云可以解决企业内部多套系统互相打通的问题,帮助企业实现多系统数据整合,打破数据孤岛。比如,库存管理系统和销售订单系统打通,游戏客服系统和游戏用户数据打通,销售订单系统和财务系统打通。卡拉云在帮助开发者提高开发效率的同时,也保证了开发的灵活性。
扩展阅读:
AppSmith
是什么?如何使用,AppSmith开源低代码开发工具介绍
JeecgBoot 后台管理框架怎么样评价如何?
全球排名前 3
的开源低代码开发平台测评 - 找到属于你的效率开发工具
若依 admin
后台管理框架怎么样评价如何?若依与卡拉云对比
}
谈到低代码,可能我们的第一反应是,低代码就不是拖拽生成表单吗?听起来一点不难。 而且应用场景十分有限,总觉得没什么L用。 实际上, 低代码不仅仅是拖拽生成表单,它在一些特定领域提供很强大的功能。 前端同学使用低代码也不仅仅是拖拽,你可能需要集成低代码引擎,也可能需要自己搭建适合业务的低代码平台。 前面文章简单介绍了低代码的概念,接下来介绍一下低代码的使用。 对于上面的问题,将从低代码使用的两个方面详细说明: 使用低代码平台能实现什么? 怎么在项目中使用低代码? 前面提到过,低代码可以用来开发活动页、表单、表格、报表,其实低代码应用远不止这些。 实际上,很多通用的东西都可以抽离并沉淀,然后让这些通用的东西可以在平台上通过可视化的拖拽、配置搭建出应用来。这就是低代码基本的思路。 就像建房子,可以一砖一瓦,钢筋水泥垒起来,也可以用装配式建筑。区别只是“通用的”构件的颗粒度不同,本质是一样的。 对于低代码,这些“通用的东西”可以是组件、页面模板、业务逻辑,甚至是行业解决方案。 下面举几个低代码应用场景的典型例子: 拖拽生成表单 下图是一个低代码编辑器的界面 表单是低代码最直观的应用场景,很多文章或者低代码产品介绍低代码概念时候,都用这个来举例。前面文章也有介绍。 流程引擎 审批流程是每个公司都会遇到的业务,但是不同公司的组织架构不同、流程制度不同、审批消息通知等需求都不尽相同,但是审批流程很多地方是相同的:都有一个发起人,都有终止状态:成功or失败,结构都是一个有向无环图…,将这些通用的逻辑抽象出来,再支持可视化编辑,就形成了流程引擎,可以让用户轻松地定义自己的审批流程业务了。 下图是一个低代码产品的流程引擎示例 企业官网模板 如果你想搭建自己的企业官网,你可以找到外包服务,让他们给你设计、开发、部署,然后后期更改还需要维护费用。 企业官网这类网站的特点是,网站是静态页面,基本都由文本、图片、多媒体、轮播图等固定组件组成。特别适合用可视化编辑方式搭建。 现在有一些企业官网搭建的产品,提供了大量的企业官网模板,你可以在其中选择自己中意的模板,然后在其提供的可视化编辑器中替换你自己的企业官网的介绍文本、背景图片、logo、slogan等。广义上讲,这也是低代码的一种应用。 下面是一个企业官网搭建服务商的界面 下图展示了用户可以通过编辑模板,定制自己的企业官网 CRM CRM(Customer Relationship Management)指客户关系管理系统,是一种给销售及管理人员使用的,能够对市场活动进行规划、评估,对客户信息沉淀,对各种销售活动进行追踪的软件。![](https://img-blog.csdnimg.cn/img_convert/20aabab2b3b5a8843fbfd2373d22a458.png) 传统的CRM软件需要从相应的软件服务商购买。传统的CRM有这样的痛点: 功能都是预定的,非常重,很多功能并不通用,所以每个企业使用时候都会有冗余的功能。很难让你进行个性化定制。 响应速度慢,从你提一个需求到软件服务提供商交付周期比较长。 现在一些低代码产品和传统软件结合,比如,提供低代码 + CRM的产品,既有CRM大部分基本功能,又支持自定义一些业务逻辑 自定义客户订单 自定义业务流程 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-cTuue7Q6-1654157804754)(https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/64692f7c66e544cba66fb664cf7c78fa~tplv-k3u1fbpfcp-zoom-in-crop-mark:1956:0:0:0.image)] 低代码就是这样,比编程开发要死板,但能提高效率;相比SaaS软件增加了一定的学习成本,但要更灵活,支持自定义。低代码在两者之间找到自己定位,创造价值。 我们先来看看用户是如何使用低代码平台的 一些低代码平台宣传的口号是,通过拖拽搭建企业级应用,但是低代码平台操作肯定不只是简单粗暴的生拉硬拽。拖拽只能形成好看的皮囊,配置才能构建有趣的灵魂。 只有通过配置,才能定义组件的行为、逻辑,让应用能够按照预期运行起来。 所以,可视化操作 = 拖拽 + 配置 接下来我们讨论下低代码技术是如何被应用到我们的业务中的。 低代码平台只是一种使用低代码技术的方式,低代码其实是渐进式应用,你需要选择适合自己业务的低代码应用方式。 说到渐进式应用,大家马上会想起经典的Vue框架。 渐进式就是指Vue框架设计的是多个层,你可以单独选择每个层使用,对于其他层可以使用其他的方案,而不需要全盘接受Vue提供的所有的解决方案。 在项目中使用Vue框架,你可以: 只使用vue的声明式渲染,但不用其他的功能。 你可以不使用Vue组件,而是使用jquery设计自己的组件。 你可以不用前端路由,或者自己实现自己的router,当然也可以使用vue-router实现前端路由。 状态管理你可以使用redux,当然使用vuex也可以很方便地接入。 你可以自己使用webpack或者其他构建工具搭建你的项目,也可以选择使用开箱即用的vue-cli。 其实低代码也是渐进式的技术。我们可以参照Vue渐进式的图,画出低代码的渐进式示意图: 我们自外向内介绍(注意并不是市面上每个低代码的产品都提供所有的支持) 解决方案 很多低代码的产品和传统的软件解决方案结合,比如CRM、ERP、MIS、BPM等,这些传统的软件有一些问题,前面已经讨论过:功能都是预定的,很难个性化定制;需求响应速度慢。 基于低代码的解决方案则可以解决这些痛点。例如雀书、简道云等企业提供的低代码 + CRM产品,提供了客户关系管理的基本功能。并且支持你自定义一些选项,还可以自定义业务流程,这些自定义的操作都是通过可视化编辑,不需要写一行代码。你可以直接使用这些产品实现你的业务,这种方式使用低代码,基本上不需要研发同学介入。 平台 直接使用平台: 微搭、爱速搭、宜搭都是典型的低代码平台,平台提供了通过可视化编辑搭建应用的能力,这是最基本的能力,但只有这个能力不足以承载企业级应用,所以低代码平台都提供了应用管理、用户管理、权限管理等支持。 私有化部署: 低代码平台还支持私有化部署,类似gitlab/npm,你可以把项目部署到公司自己的内网服务器,让低代码平台连接你自己的数据库,这样应用的数据,和应用产生的数据,都会存储在你自己的数据库中。 模板市场/应用市场: 如果你使用某个低代码平台搭建了一个好用的应用,而这个应用其他人可能也有需求,你可以把它放在低代码平台的应用市场或者模板市场中,其他类似的业务就可以复用你的应用。 运行时 如果你不需要平台提供的丰富能力,或者你希望自己管理应用、用户和权限,那么你可能只需要可视化编辑搭建应用的一个软件。 使用低代码软件需要考虑的一个事情是,你的数据怎么存储? 数据有两种来源,一个是使用低代码软件开发的应用的数据(例如创建了一个表单页面,需要把这个页面信息存储起来,这样用户才能访问到),还有使用这些应用时候产生的数据(例如一个表单页面提交信息)。 这两种数据都需要接口来存储到数据库中,低代码软件(如阿里开源的lowcode-engine)提供了运行时,通过运行时就可以直连数据库,你只需要提供连接数据库必要的信息(host、username、password等)。这样,创建应用不仅不需要写前端代码,后端接口也不需要,让一个没有编程经验的人瞬间化身全栈工程师。 运行时比较适合新创建的项目,如果你的旧项目中有一些老的接口,也可以让低代码应用通过这些接口进行数据存取。 可视化编辑器 如果你的业务不适合用低代码软件的运行时,比如你的接口的逻辑比较复杂,低代码软件自带的运行时无法支持;或者你的低代码主要用在一些老的项目中,需要复用老的接口和数据。你可以只使用低代码编辑器。 低代码软件都有相应的低代码编辑器。编辑器都和渲染引擎对应。编辑器支持用户拖拽方式搭建页面,编辑器生成的结果是以json或者代码形式存在的页面信息,结果生成之后保存到数据库,访问时候渲染引擎会根据页面信息渲染出页面。 渲染引擎 渲染引擎,简单地说,就是一个工具,它输入是页面信息(json/代码),输出就是用户看到的页面了。每个低代码软件都有自己的渲染引擎。 可视化编辑器通过拖拽和配置,生成页面信息,然后使用引擎把页面信息渲染成用户看到的页面,这就是低代码开发应用的大致流程。 渲染引擎内置丰富的组件,并支持自定义组件。 百度开源的amis引擎,用json来描述页面,例如这个页面对应的信息。 根据官方文档中说明,我们可以看到低代码的“低”: 全部实现这些需要大量的代码。 但可以看到,用 amis 只需要 157 行 JSON 配置(其中 47 行只有一个括号),你不需要了解 React/Vue、Webpack,甚至不需要很了解 JavaScript,即便没学过 amis 也能猜到大部分配置的作用,只需要简单配置就能完成所有页面开发。 因为渲染引擎是根据json生成页面,研发同学也可以将渲染引擎当做组件库使用,和antd等类似,只是不需要写React、Vue等模板代码,只要配置json即可。这样开发,远不如使用框架开发更灵活,但代码量少得多。 引用amis官方的文档中的例子: amis demo
选型 当你认真考虑要在项目中使用低代码时候,需要根据自己的业务定制自己的低代码开发环境。需要考虑几个因素: 是否需要低代码(基础篇-1有介绍)。 你的团队研发能力,业务属性,项目情况(是要在老项目集成还是创建新项目)。 考察低代码渐进式的能力,选择合适的层来搭建自己的项目或者集成到自己的项目中。 选择低代码平台时候,也要评估平台的易用性、学习成本、组件的丰富程度等因素。 本文简要介绍了主流的低代码产品的功能和使用。 低代码提供很多能力:表单表格报表、流程引擎、页面模板、行业解决方案… 低代码是渐进式的:渲染引擎、可视化编辑器、运行时、平台、解决方案。 低代码/零代码产品很大一部分关注于传统企业信息化,这是它们交付价值的非常重要的场景。 对于前端同学,有两个方向可以应用低代码: 使用低代码技术提升自己的开发应用的效率,例如使用渲染引擎的确能够少写很多代码。 能够搭建一个适合自己业务的低代码平台,或者在公司级别提供一个通用性的低代码平台。 后续会继续介绍低代码的具体实践(包括低代码引擎的使用、自定义组件、私有部署等)、设计和原理。 最后,关注「灵题库」,欢迎加入前端面试/刷题/技术讨论群 }

我要回帖

更多关于 如何使用低代码平台 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信