之前分享了一些low-code相关的文章，发现大家还是挺感兴趣的。在我之前的印象中，low-code就是通过图形界面生成代码。其实真正的low-code不仅仅是负责生成代码，还负责代码维护。将其视为一站式开发平台也不为过！最近体验了阿里巴巴开源的低代码工具LowCodeEngine。它确实是一个企业级的低代码解决方案。我把它推荐给了每一个人！SpringBoot实战电商项目商城（50k+star）地址：https://github.com/macrozheng/mallLowCodeEngine简介LowCodeEngine是阿里开源的一套可扩展设计的企业级低代码技术系统，它目前在Github4.7K+Star上可用。这个项目是今年2月中旬开源的，不到两个月的时间就收获了这么多star，真是了不起！LowCodeEngine主要有以下特点：从企业级低代码平台中提炼出来的低代码引擎，追求高扩展、极简内核、最强生态的设计理念；部署简单，基本开箱即用，拥有完善的素材系统、强大的setter、丰富的插件等；可视化编辑器拥有完整的工具链，支持材质系统、setter、插件等生态元素；强大的扩展能力，已支持近百个各类垂直低代码平台；使用TypeScript开发，可以生成基于React的前端代码。下面是LowCodeEngine使用过程中的效果图，功能还是很强大的！搭建低代码平台接下来，我们将使用LowCodeEngine搭建一个低代码开发平台。只需5分钟，可以说是开箱即用！首先，我们需要下载LowCodeEngine编辑器的示例代码。下载地址为：https://github.com/alibaba/lo...下载成功后，解压到指定目录。要安装此项目，您需要使用Node.js和npm。确保你已经安装完成后，由于依赖中的一些npm源无法访问，建议使用cnpm安装，首先使用如下命令安装cnpm；npminstall-gcnpm--registry=https://registry.npmmirror.comcnpm安装成功后，进入解压目录使用如下命令安装依赖；cnpminstall依赖安装完成后，使用npmstart命令启动项目；项目运行成功后，会运行在5556端口，访问地址：http://localhost:5556在使用低代码平台之前，我的开源项目商城里有一个品牌管理功能。接下来我们就用LowCodeEngine来实现一下，看看低代码开发有什么神奇之处！品牌管理功能在目标效果商城项目中的效果如下。这里使用low-code来简单实现品牌列表功能。组件库首先，我们从组件库中选择query和filter组件，通过拖拽的方式插入到编辑区；然后选择query和filter组件，通过右侧的setter进行设置；可以点击组件左侧的编辑按钮，查看组件的详细设置，如组件外观、输入提示等；然后将高级表格组件拖放到编辑器中；同样选择高级表格组件来设置表格，我们可以通过数据栏来设置要显示的数据。数据源由于需要通过访问接口来访问表中的数据，这里我们可以通过数据源函数来实现。这里我们调用演示环境的API，填写请求参数。值得注意的是数据列表在data.list属性中，我们需要自定义请求成功的处理函数；接下来，选择高级表格组件，修改表格数据源，选择表达式输入，填写我们之前设置的数据源ID；然后修改数据列信息，将每个数据列的数据字段修改为JSON数据中对应的属性即可。预览和代码如果想查看构建页面的效果，点击右上角的预览按钮；下面是低代码生成的页面预览效果；如果想获取工具生成的代码，点击右上角的代码按钮即可，支持直接下载。其他功能如果要自定义一些功能，可以通过源代码面板进行自定义；通过大纲视图，我们可以查看整个界面的结构。总结今天体验了一款来自阿里的开源低代码开发工具，真的很强大。但低代码并不意味着你可以停止编写代码。要想用好低代码工具，就必须熟悉工具生成的代码。LowCodeEngine目前只支持React前端代码的生成，所以如果想实现更复杂的业务系统，必须要熟悉React。如果有人想了解更多关于低代码的概念，我推荐阅读这篇文章《阿里低代码引擎和生态建设实战及思考》。参考资料项目地址：https://github.com/alibaba/lo...项目官网：https://lowcode-engine.cn/操作指南：https://www.yuque.com/lce/usage
