可视化逻辑编排工具——低代码/无代码

简介: 可视化逻辑编排工具——低代码/无代码

一、前言



前端社区里,低代码/无代码是被讨论的火热赛道。简单来说低代码就是通过编写少量代码的方式完成应用的开发及上线,而无代码是低代码的子集,不需要编写代码通过配置的方式即可完成整个应用的开发。目前集团内部的低代码平台已经有很多,比如JNPF、宜搭、云凤蝶等等,而通用的无代码搭建平台有简道云、明道云等。


二、低代码和无代码



首先不管是低代码还是无代码,都是针对特定场景或者细分领域的,比如运营的活动页,中后台的表单,表格页面等;亦或是各种完整的信息化项目,如ERP、OA、CRM、EHR 等。因为只有在这些场景下,前端交互相对收敛,能够沉淀出足够多的组件物料,从而通过可视化的方式拖拽组件就能够直接搭建出页面。

d2d882bcf71d32a6dd02b4e7d66b3d28.jpg


很多人还不太清楚低代码和无代码的区别在于哪里?这边举个通俗易懂的例子:

假设你想要创建一个简单的任务管理应用程序,其中包含一个任务列表和添加任务的表单。

1.如果你使用零代码平台,你可以选择一个适合你的模板,然后使用拖放的方式添加任务列表和表单元素,最后设置一些简单的规则和参数,就可以创建一个完整的应用程序。但拓展性差,只能使用它们规定的模板。


2.而如果你使用低代码平台,你可以使用已经编写好的组件来创建任务列表和表单元素,然后编写一些简单的代码来实现一些高级功能,比如自动化提醒、数据分析等等。这种方式需要一些编程经验,但是相对于传统的纯代码编程方式来说,时间和成本都会大大降低。二次开发更容易。

5e20c5e1b47e8abdb8ed9a9d93aaf5a2.png


三、具体来看看低代码的功能



JNPF平台作为集团内优秀的低代码搭建平台,引擎式软件快速开发模式,配置了流程引擎、表单引擎、报表引擎、图表引擎、接口引擎、门户引擎、组织用户引擎等可视化功能引擎,基本实现页面UI的可视化搭建。内置有百种功能控件及使用模板,使得在拖拉拽的简单操作下,也能大限度满足用户个性化需求。由于JNPF平台的功能比较完善,本文选择这项工具进行功能展开,使你更加直观看到低代码的优势作用。


1、表单设计


零代码开发:

表单中的相关控件,定义了实体的字段。例如薪资信息中的“姓名ID”,字符串类型字段自动浮现为computerfield101(姓名)。此外,数据库表也是自动生成的,当然你也可以手动生成或添加修改。


市面上表单配置大差不差,各家厂商都差不多,无非在于组件的多与少,基础功能是否完善。JNPF置备多达50余种的可复用控件,1000+UI图表配置,自由发挥。

image.png


低代码开发:


基于 Mybatis-plus-generator 自定义了一套代码生成器, 通过配置数据库字段的注释,可在线生成 WEB 前端(vue)、移动端(vue)、后端(controller、entity、mapperxml、service)等代码,极大减少开发难度;


2、工作流程


工作流服务为JNPF 自研的一套工作流方案,包含流程表单和流程引擎两大部分,流程表单可视化设计,可配置程度高,采用结构化的表单模版设计,集中解析模式的设计。适应于中国国情的多种场景的需要、配置所见即所得、低代码、高配置;

3e708207920b37b766e2c70fdfc07075.png


3、门户设计


全新门户设计,操作简单,自由拖拽,一次编辑多端自适应,充分满足用户的个性化需求。

38f82a3504a91fef9767b0e5761670bf.png


4、大屏设计


自由布局页面,拖拽控件至页面中,针对不同的控件进行内容设值和数据绑定,所见即所得的实现大屏可视化页面开发;

image.png


5、报表设计


无需开发任何代码,用户只需在界面上配置一系列参数即可实现多种类型报表的配置、在线渲染报表内容、报表导出、打印等功能。

image.png


6、第三方登录


开箱即用的第三方授权登录工具类库,提供统一接口,支持接入任意 OAuth 网站,快速实现 OAuth 登录功能。

f9ed1ac253bfadfdc3574c4aebf3cf56.png


四、低/无代码工具的使用者是谁?



可以是贵公司的任何人。例如,以下是不同角色/技能使用低代码平台的几种方法:

  • 业务分析人员:低代码平台可帮助业务分析人员快速为用户创建应用程序,并为IT部门模拟复杂的应用程序。\
  • 开发人员:低代码平台可帮助开发人员更快地交付应用程序,并消除他们积压的开发需求。
  • 最终用户:低代码平台可帮助最终用户在几分钟内创建报表、仪表板和简单应用程序,而无需通过IT部门。
  • IT部门领导:低代码平台可帮助IT部门的领导提供对业务的安全数据访问,延长其当前系统的使用寿命,并提高IT生产力。

96cb88a96e138c585fb6c8f8724be499.jpg


五、小结



将80%的功能应用集成封装,通过简单的拖、拉、拽这种可视化的操作方式快速搭建企业所需要的办公系统,这是低代码平台。这种拖、拉、拽的方式搭建的办公系统都是行业通用功能,如果有特殊场景的需求,这种行业通用的功能肯定是无法满足的,这也是低代码。不过不用担心,这方面需求可以通过对系统深度的二次开发,就能实现。

相关文章
|
存储 JSON 移动开发
逻辑编排在优酷可视化搭建中的实践(三) - 元件与平台
前一篇文章里讲解了逻辑与Runtime&DSL,也提到了逻辑编排三板斧:元件 + 编排器 + Runtime,我在本篇将主要聊一聊元件设计以及YOHO的平台化。
413 1
逻辑编排在优酷可视化搭建中的实践(三) - 元件与平台
|
JSON 数据可视化 前端开发
逻辑编排在优酷可视化搭建中的实践(二) - 编排器与业务
说到逻辑编排大家应该都不陌生了,目前我们集团有多面向后端的逻辑编排技术专项,且没有统一的标准、沉淀通用的方案。也有前端逻辑编排项目,但均面向前端开发提效的逻辑编排,而我们是要打造一个面向非研发人员,可让他们根据图形化组件搭建出逻辑的平台。
579 0
逻辑编排在优酷可视化搭建中的实践(二) - 编排器与业务
|
存储 JSON 前端开发
逻辑编排在优酷可视化搭建中的实践(一) - 逻辑与Runtime
页面可视化搭建系统从16年开始如雨后春笋般涌现而出,从活动页搭建到中后台搭建,有开源有仅公司内部使用的,都致力于将前端从繁复的体力劳动中解脱出来,提高页面生产效率。优酷内部也有一套营销活动搭建系统,每年生产2K+活动页;能够满足这么多页面的需求,除了沉淀了大量可复用的组件外,围绕着搭建系统的前端研发每天都在不停地维护升级老的组件,同时生产新的组件。
408 1
逻辑编排在优酷可视化搭建中的实践(一) - 逻辑与Runtime
|
存储 JSON 前端开发
逻辑编排在优酷可视化搭建中的实践 - 逻辑与Runtime
页面可视化搭建系统从16年开始如雨后春笋般涌现而出,从活动页搭建到中后台搭建,有开源有仅公司内部使用的,都致力于将前端从繁复的体力劳动中解脱出来,提高页面生产效率。优酷内部也有一套营销活动搭建系统,每年生产2K+活动页;能够满足这么多页面的需求,除了沉淀了大量可复用的组件外,围绕着搭建系统的前端研发每天都在不停地维护升级老的组件,同时生产新的组件。
逻辑编排在优酷可视化搭建中的实践 - 逻辑与Runtime
|
JSON 前端开发 数据可视化
从低代码到无代码:可视化逻辑编排
如何用可视化逻辑编排的方式解决逻辑相关的问题,实现无代码化的研发模式?
从低代码到无代码:可视化逻辑编排
|
4月前
|
JSON 前端开发 数据可视化
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
AMIS【部署 01】amis前端低代码框架可视化编辑器amis-editor本地部署流程
444 0
|
20天前
|
前端开发 数据可视化 JavaScript
探索前端可视化开发:低代码平台原理与实践
【4月更文挑战第7天】本文探讨了低代码平台在前端开发中的应用,介绍了其模型驱动、组件化和自动化部署的原理,强调了提升效率、降低技术门槛、灵活适应变更和保证一致性等优势。建议开发者明确适用场景,选择合适平台,并培养团队低代码技能,同时规划与现有技术栈的融合,实施持续优化治理。低代码平台正改变开发格局,为业务创新和数字化转型提供新途径。
46 0
|
2月前
|
人工智能 API 开发工具
基于流程编排工具低代码搭建大模型应用
流程编排是一种面向开发者的可视化开发工具,支持LLM、API、脚本等类型节点,旨在简化接入大型语言模型(LLM)流程,同时提供应用流程的全生命周期管理,包括流程的编排、试验、部署等,为开发者提供自定义AI应用开发一站式服务。
|
2月前
|
前端开发 测试技术 持续交付
如何打造高效的前端工作流
【2月更文挑战第8天】在现代 Web 开发中,前端工作流程变得越来越重要。好的工作流可以使开发人员更加高效地编写代码、测试和部署应用程序。本文将介绍一些使用先进的工具和技术来打造高效的前端工作流的方法。
55 6
|
存储 数据可视化 JavaScript
(低代码)可视化搭建平台数据源设计剖析
低代码平台属于APaaS(应用平台即服务),其解决的是企业内部应用协调和人效成本的问题. 随着计算机技术诸如云服务等的发展, 传统软件服务已无法满足数字化浪潮的压力,
956 0

热门文章

最新文章