基于Ideaz Element组件库的低代码工具开源啦

552 阅读2分钟

摘要

经过断断续续大半年的开发,基于ideaz-element的低代码工具——ideaz-lowcode,正式开源啦~。诚挚邀请各位小伙伴进行试用和交流,同时热烈欢迎对开源组件库低代码任意之一感兴趣的同学参与到ideaz-elementideaz-lowcode生态的建设中来~🙌

背景

体验地址

项目地址

为什么要做低代码工具

  1. 尽管有了基于elment-plus的业务组件库ideaz-element,开发增删改查业务得心应手的飞起,但仍感觉差了点东西,经常需要找页面类似的表格或表单、复制粘贴、改字段、查文档等重复繁琐工作,因此如果有个可视化的界面拖拽工具,效率不说高多少,但至少也有10%至20%。
  2. 业务组件库和低代码工具之间能够互相推动,丰富生态

Ideaz Lowcode低代码工具

特性

  • 基于ideaz-element中后台业务组件库
  • 20+物料组件,覆盖中后台常用组件
  • 支持拖拽配置常规表单、增删改查表格、数组表单等
  • 支持一键复制为json、template、tsx等格式代码
  • 支持背景切换、前进后退等功能

架构

项目使用monorepo架构

|-- ideaz-lowcode

    |-- packages

    |   |-- element // element-plus组件配置(ideaz-element基于element-plus),如果是基于iview,那这个包可以叫iview。开了个口子,后续可能会支持更多组件库

    |   |-- ideaz-element // ideaz-element组件库,初期为了开发便利,直接将代码引入了

    |   |-- playground // playground外壳

    |   |-- playground-components // playground公共组件,提供给element、iview等包使用

    |   |-- playground-demi // 兼容层,如果有多个业务组件库,在这里做兼容处理

    |   |-- playground-parser // 洗数据,给ideaz-element内的组件渲染和导出

    |   |-- playground-store // playground的公共store数据

    |   |-- playground-undo // 撤销重做功能代码

    |   |-- shared // 公共方法

功能

拖拽和属性配置

属性配置.gif

数组表单

数组表单.gif

增删改查

增删改查.gif

界面切换

界面切换.gif

代码生成

代码生成.gif

前进后退

目录历史记录.gif

后续规划

低代码工具后续将重点在以下几个方面进行迭代,希望对开源以及对低代码感兴趣的同学可以一块参与建设

  • 丰富功能。添加逻辑串联代码导入AI生成等功能,同时丰富物料。
  • 开源社区的建议。积极收集来自社区的声音,集合到后续规划中,同时也非常欢迎社区同学能积极输入。

最后

感谢您阅读到最后,欢迎您体验组件库,有任何问题,您都可以提issue或进群交流。大佬轻喷

最后,欢迎大家star😆,以及进群交流。

Github:[](NaiveSteven/ideaz-lowcode: based on ideaz-element libary component, lowcode project)

关联文章ideaz-element组件库核心组件ZCrud介绍 - 掘金 (juejin.cn)

关联文章基于element-plus的中后台业务组件库开源啦摘要 经过一年多时间积累和沉淀,基于element-plus的中后台 - 掘金