阿里低代码引擎的应用心得

2022年按公司要求开发一个通用型产品,其中很多功能要求由用户操作,面临的是要么选择一套低代码引擎,要么自行开发一套基于特定场景的可视化操作功能。查阅资料时发现了阿里低代码引擎刚刚开源不久,仔细阅读了低代码引擎的背景,发现目前行业普遍存在我们这样的需求和面临的现实问题,于是利用了近一个月的空闲时间去学习,最终在项目中大量应用。

一. 为什么选择阿里低代码引擎

  1. 我们知道钉钉宜搭具有很高的知名度且拥有非常庞大的用户群体,阿里巴巴在低代码方面已经有深厚的积累,而低代码引擎正是在阿里内部总结了多个产品的问题并吸取了经验,统一出来的一个标准。一个公司内部都存在标准不统一的问题,那行业更是如此,在这之前也对一些开源的和商业的低代码工具有所研究,使用了不同的技术栈、不同的组件库,主要实现了可视化的拖拽制作表单和存储并展现,一旦使用将会产生强依赖而无法自拔。
  2. 强大的可视化工具和实现: 低代码引擎已经提供了画布、拖拽、属性、组件、渲染、组件扩展等完善的低代码前端可视化功能实现,小型团队很难做到,另外重复造轮子不利于提高生产力。
  3. 在以前了解很多开源可视化设计器时,最最关心的是自定义组件是不是很容易,我们知道在工作中有很多特殊的场景和需要,不可能有一套现成的能够满足所有需求。另外不想强耦合依赖于某些技术栈。阿里低代码引擎的物料扩展特别容易,且非常干净,只需要按规范导入组件即可。

二. 我用到了引擎的哪些功能

  1. 上面提到了物料扩展特别容易,我们的产品中并没有使用官方提供的任何组件,所有的组件都是基于ant design组件库自己封装的。
  2. 扩展了比较多的属性设置器,以实现业务功能,这是简化用户操作提升用户体验的一个有效途径。
  3. 使用react-renderer实现了自定义渲染,将通用状态从页面传入下层组件。
  4. 由于提供的数据源与产品功能不符,自定义了数据源,实现产品的多数据源支持。

三. 产品实现了什么应用

  1. 自定义报表 由用户通过选择数据源,快速生成报表,并允许用户定哪查询条件和列属性。

运行效果: 设计器:

2. 单表维护表单 产品功能涉及到很多基础数据的维护,如人员、项目等,经常使用的数据字典功能只能定义固定的字段,而这些基础数据的项不固定。于是通过低代码搭建了表单功能,允许用户快速定义出基础数据的维护功能。

设计器:

运行时:

  1. 移动端定制 由于移动设备的特殊性,存在屏幕尺寸的差异和原生功能的调用,单独为用户提供了只用于定义移动表单的功能。

  2. BI仪表板 由于引擎目前未提供自由画布,于是使用了自定义画布覆盖了默认画布,针对性的开发了图表自由拖拽的组件,用于实现BI分析。

由于还有工作,关于阿里低代码引擎的应用经验就说这么多了,在此提前祝低代码引擎生日快乐,同时对阿里整个团队和社区的朋友们表示感谢,感谢你们的付出,也感谢引擎给我们带来的成果。

最后,还想再说一下开源的力量,希望大家知道我们用选择开源并能不只是索取,也应该尽我们自己的能力使开源项目得到完善。可能很多朋友跟我之前一样有同样的感受,就是说我们会觉得没有能力贡献代码,但实际在这个过程中可以做的事情很多,你可以把你应用的经验分享出来让更多的人知道能做什么,可以提出需求,可以完善文档,可以提意见,包括提BUG其实都是一样能够使开源项目做的更好。

衷心的祝愿阿里低代码引擎能够不断的进步,让低代码帮助更多的企业提升效率。

祝阿里低代码引擎两周岁生日快乐!!!

本文正在参加阿里低代码引擎征文活动

相关推荐
启扶农2 小时前
lecen:一个更好的开源可视化系统搭建项目--组件和功能按钮的权限控制--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·权限控制·页面可视化·页面设计器·数据控制·组件控制·功能控制
AiFlutter6 小时前
五、交互行为(01):按钮
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
晴虹1 天前
lecen:一个更好的开源可视化系统搭建项目--组件和功能按钮的权限控制--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一
前端·后端·低代码
AiFlutter1 天前
四、动画图表(03):饼图
flutter·低代码·低代码平台·aiflutter·aiflutter低代码
踩着两条虫1 天前
VTJ.PRO「AI + 低代码」应用开发平台的后端模块系统
前端·人工智能·低代码
星图易码1 天前
星图云开发者平台功能详解 | IoT物联网平台:工业设备全链路智能管控中枢
分布式·物联网·低代码·低代码平台
前端开发与ui设计的老司机2 天前
可视化低代码平台与定制化的区分,各自的使用场景。
低代码·数据可视化·可视化大屏
启扶农2 天前
lecen:一个更好的开源可视化系统搭建项目--文本、图片、图形、原生元素--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·图形组件·页面可视化·页面设计器·文本组件·图片组件·原生元素
HUIBUR科技2 天前
低代码破局零售电商数字化转型:从流量争夺到效率革命
低代码·零售·数字化转型
启扶农3 天前
lecen:一个更好的开源可视化系统搭建项目--表格、列表--全低代码|所见即所得|利用可视化设计器构建你的应用系统-做一个懂你的人
低代码·表格组件·列表组件·页面可视化·页面设计器·表格配置·列表配置