乐趣区

关于java:解放双手推荐一款阿里开源的低代码工具YYDS

jiezi

之前分享过一些低代码相干的文章，发现大家还是比拟感兴趣的。之前在我印象中低代码就是通过图形化界面来生成代码而已，其实真正的低代码不仅要负责生成代码，还要负责代码的保护，把它当做一站式开发平台也不为过！最近体验了一把阿里开源的低代码工具LowCodeEngine，的确是一款面向企业级的低代码解决方案，举荐给大家！

SpringBoot 实战电商我的项目 mall（50k+star）地址：https://github.com/macrozheng/mall

LowCodeEngine 简介

LowCodeEngine 是阿里开源的一套面向扩大设计的企业级低代码技术体系，目前在在 Github 上已有4.7K+Star。这个我的项目大略是往年 2 月中旬开源的，两个月不到播种这么多 Star，的确十分厉害！

LowCodeEngine 次要具备如下个性：

  • 提炼自企业级低代码平台的低代码引擎，奉行高度可扩大、最小内核、最强生态的设计理念；
  • 部署简略，基本上就是开箱即用，领有欠缺的物料体系、功能强大的设置器、丰盛的插件等；
  • 可视化编辑器具备欠缺的工具链，反对物料体系、设置器、插件等生态元素；
  • 弱小的扩大能力，已撑持近 100 个各种垂直类低代码平台；
  • 应用 TypeScript 开发，能生成基于 React 的前端代码。

上面是 LowCodeEngine 应用过程中的一张效果图，性能还是很弱小的！

搭建低代码平台

接下来咱们将应用 LowCodeEngine 搭建一个低代码开发平台，仅需 5 分钟，能够说是开箱即用！

  • 首先咱们须要想下载 LowCodeEngine 编辑器的示例代码，下载地址：https://github.com/alibaba/lo…

  • 下载胜利后解压到指定目录，装置此我的项目须要应用 Node.js 和npm，确保曾经装置结束，因为依赖中有些 npm 源 无法访问，这里举荐应用 cnpm 来装置，先应用如下命令装置cnpm；
npm install -g cnpm --registry=https://registry.npmmirror.com
  • cnpm装置胜利后，进入解压目录应用如下命令装置依赖；
cnpm install
  • 依赖装置实现后，应用 npm start 命令启动我的项目；

  • 我的项目运行胜利后将运行在 5556 端口上，拜访地址：http://localhost:5556

应用低代码平台

之前在我的开源我的项目 mall 中有个品牌治理性能，接下来咱们将应用 LowCodeEngine 来实现下它，看看低代码开发有何神奇之处！

指标成果

mall 我的项目中的品牌治理性能成果如下，这里应用低代码简略实现下品牌列表性能。

组件库

  • 首先咱们从 组件库 中抉择 查问筛选 组件，通过拖拽的模式插入编辑区中；

  • 而后选中 查问筛选 组件，通过右侧的 设置器 进行设置；

  • 能够点击组件左侧的 编辑 按钮对组件进行具体设置，比如说组件外观和输出提醒等；

  • 接下来再拖拽一个 高级表格 组件到编辑器中去；

  • 同样选中 高级表格 组件能够对表格进行设置，咱们能够通过 数据列 来设置须要显示的数据。

数据源

  • 因为表格中的数据须要拜访接口来获取，这里咱们能够通过 数据源 性能来实现，这里咱们调用演示环境的 API，填入申请参数即可，值得注意的是因为数据列表在 data.list 属性中，咱们须要定制下申请胜利的处理函数；

  • 接下来选中 高级表格 组件，批改 表格数据源 ，抉择 表达式输出 ，填入咱们之前设置的 数据源 ID即可；

  • 而后批改 数据列 信息，将每个数据列 数据字段 批改为 JSON 数据中对应的属性即可。

预览及出码

  • 如果想查看搭建的页面成果的话，点击右上角的 预览 按钮即可；

  • 上面是由低代码生成的页面预览成果；

  • 如果你想获取工具生成的代码的话，点击右上角的 出码 按钮即可，反对间接下载。

其余性能

  • 如果你想自定义一些函数的话，能够通过 源码面板 进行自定义；

  • 通过 纲要视图 咱们能够查看整个界面的构造。

总结

明天体验了一把阿里开源的低代码开发工具，性能的确很弱小。然而低代码并不意味着能够不写代码了，想用好低代码工具还得相熟工具生成的代码。LowCodeEngine 目前仅反对生成 React 的前端代码，所以想要实现更为简单的业务零碎，还得相熟 React。如果有小伙伴想更深刻理解低代码的概念，举荐看下这篇文章《阿里低代码引擎和生态建设实战及思考》。

参考资料

  • 我的项目地址：https://github.com/alibaba/lo…
  • 我的项目官网：https://lowcode-engine.cn/
  • 操作指南：https://www.yuque.com/lce/usage
退出移动版