springboot框架阿里開源低代碼工具LowCodeEngine
前言
解放雙手！推薦一款阿里開源的低代碼工具，YYDS！
之前分享過一些低代碼相關(guān)的文章，發(fā)現(xiàn)大家還是比較感興趣的。之前在我印象中低代碼就是通過圖形化界面來生成代碼而已，其實真正的低代碼不僅要負(fù)責(zé)生成代碼，還要負(fù)責(zé)代碼的維護，把它當(dāng)做一站式開發(fā)平臺也不為過！最近體驗了一把阿里開源的低代碼工具LowCodeEngine，確實是一款面向企業(yè)級的低代碼解決方案，推薦給大家！
SpringBoot實戰(zhàn)電商項目mall（50k+star）地址：https://github.com/macrozheng/mall
LowCodeEngine簡介
LowCodeEngine是阿里開源的一套面向擴展設(shè)計的企業(yè)級低代碼技術(shù)體系，目前在在Github上已有4.7K+Star。這個項目大概是今年2月中旬開源的，兩個月不到收獲這么多Star，確實非常厲害！
LowCodeEngine主要具有如下特性：
- 提煉自企業(yè)級低代碼平臺的低代碼引擎，奉行高度可擴展、最小內(nèi)核、最強生態(tài)的設(shè)計理念；
- 部署簡單，基本上就是開箱即用，擁有完善的物料體系、功能強大的設(shè)置器、豐富的插件等；
- 可視化編輯器具有完善的工具鏈，支持物料體系、設(shè)置器、插件等生態(tài)元素；
- 強大的擴展能力，已支撐近 100 個各種垂直類低代碼平臺；
- 使用 TypeScript 開發(fā)，能生成基于React的前端代碼。
下面是LowCodeEngine使用過程中的一張效果圖，功能還是很強大的！
搭建低代碼平臺
接下來我們將使用LowCodeEngine搭建一個低代碼開發(fā)平臺，僅需5分鐘，可以說是開箱即用！
首先我們需要想下載LowCodeEngine編輯器的示例代碼
下載地址：https://github.com/alibaba/lowcode-demo
下載成功后解壓到指定目錄，安裝此項目需要使用Node.js和npm，確保已經(jīng)安裝完畢，由于依賴中有些npm源無法訪問，這里推薦使用cnpm來安裝，先使用如下命令安裝cnpm；
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm安裝成功后，進入解壓目錄使用如下命令安裝依賴；
cnpm install
依賴安裝完成后，使用npm start命令啟動項目；
項目運行成功后將運行在5556端口上，訪問地址：http://localhost:5556
使用低代碼平臺
之前在我的開源項目mall中有個品牌管理功能，接下來我們將使用LowCodeEngine來實現(xiàn)下它，看看低代碼開發(fā)有何神奇之處！
目標(biāo)效果
mall項目中的品牌管理功能效果如下，這里使用低代碼簡單實現(xiàn)下品牌列表功能。
組件庫 首先我們從組件庫中選擇查詢篩選組件，通過拖拽的形式插入編輯區(qū)中；
然后選中查詢篩選組件，通過右側(cè)的設(shè)置器進行設(shè)置；
可以點擊組件左側(cè)的編輯按鈕對組件進行詳細(xì)設(shè)置，比如說組件外觀和輸入提示等；
接下來再拖拽一個高級表格組件到編輯器中去；
同樣選中高級表格組件可以對表格進行設(shè)置，我們可以通過數(shù)據(jù)列來設(shè)置需要顯示的數(shù)據(jù)。
數(shù)據(jù)源 由于表格中的數(shù)據(jù)需要訪問接口來獲取，這里我們可以通過數(shù)據(jù)源功能來實現(xiàn)，這里我們調(diào)用演示環(huán)境的API，填入請求參數(shù)即可，值得注意的是由于數(shù)據(jù)列表在data.list屬性中，我們需要定制下請求成功的處理函數(shù)；
接下來選中高級表格組件，修改表格數(shù)據(jù)源，選擇表達(dá)式輸入，填入我們之前設(shè)置的數(shù)據(jù)源ID即可；
然后修改數(shù)據(jù)列信息，將每個數(shù)據(jù)列數(shù)據(jù)字段修改為JSON數(shù)據(jù)中對應(yīng)的屬性即可。
預(yù)覽及出碼 如果想查看搭建的頁面效果的話，點擊右上角的預(yù)覽按鈕即可；
下面是由低代碼生成的頁面預(yù)覽效果；
如果你想獲取工具生成的代碼的話，點擊右上角的出碼按鈕即可，支持直接下載。
其他功能 如果你想自定義一些函數(shù)的話，可以通過源碼面板進行自定義；
通過大綱視圖我們可以查看整個界面的結(jié)構(gòu)。
總結(jié)
今天體驗了一把阿里開源的低代碼開發(fā)工具，功能確實很強大。但是低代碼并不意味著可以不寫代碼了，想用好低代碼工具還得熟悉工具生成的代碼。LowCodeEngine目前僅支持生成React的前端代碼，所以想要實現(xiàn)更為復(fù)雜的業(yè)務(wù)系統(tǒng)，還得熟悉React。如果有小伙伴想更深入了解低代碼的概念，推薦看下這篇文章《阿里低代碼引擎和生態(tài)建設(shè)實戰(zhàn)及思考》 。
參考資料
項目地址：https://github.com/alibaba/lowcode-demo
項目官網(wǎng)：https://lowcode-engine.cn/
操作指南：https://www.yuque.com/lce/usage
以上就是springboot框架阿里開源低代碼工具LowCodeEngine的詳細(xì)內(nèi)容，更多關(guān)于springboot開源框架LowCodeEngine的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
SpringBoot權(quán)限認(rèn)證Sa-Token的使用總結(jié)
Sa-Token是一款輕量級Java權(quán)限認(rèn)證框架,適用于快速搭建權(quán)限系統(tǒng),它提供了豐富的功能,包括登錄認(rèn)證、權(quán)限驗證、角色驗證、Session會話管理等,并且具有良好的社區(qū)支持和文檔資源,下面重點給大家介紹SpringBoot權(quán)限認(rèn)證Sa-Token的使用,感興趣的朋友一起看看吧2025-02-02
這篇文章主要介紹了JDBC自定義連接池過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
Spring Boot如何優(yōu)雅的使用多線程實例詳解
這篇文章主要給大家介紹了關(guān)于Spring Boot如何優(yōu)雅的使用多線程的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用Spring Boot具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2020-05-05
Kotlin 語言中調(diào)用 JavaScript 方法實例詳解
這篇文章主要介紹了Kotlin 語言中調(diào)用 JavaScript 方法實例詳解的相關(guān)資料,需要的朋友可以參考下2017-06-06
springboot線程池監(jiān)控的簡單實現(xiàn)
本文主要介紹了springboot線程池監(jiān)控的簡單實現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
Windows環(huán)境下重啟jar服務(wù)bat代碼的解決方案
在Windows環(huán)境下部署java的jar包,若有多個服務(wù)同時啟動,很難找到相應(yīng)服務(wù)重啟,每次都重啟全部服務(wù)很麻煩,應(yīng)用場景大多用于部署測試,今天給大家分享Windows環(huán)境下重啟jar服務(wù)bat代碼,感興趣的朋友一起看看吧2023-08-08
SpringBoot整合JWT框架,解決Token跨域驗證問題
Json web token (JWT), 是為了在網(wǎng)絡(luò)應(yīng)用環(huán)境間傳遞聲明而執(zhí)行的一種基于JSON的開放標(biāo)準(zhǔn)（(RFC 7519).定義了一種簡潔的，自包含的方法用于通信雙方之間以JSON對象的形式安全的傳遞信息。2021-06-06
java查找字符串中的包含子字符串的個數(shù)實現(xiàn)代碼
下面小編就為大家?guī)硪黄猨ava查找字符串中的包含子字符串的個數(shù)實現(xiàn)代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要介紹了mybatis 加載配置文件的方法，通過實例代碼給大家介紹了mybatis 加載配置文件的兩種方式,需要的朋友可以參考下2017-12-12
jpa多條件查詢重寫Specification的toPredicate方法
這篇文章主要介紹了多條件查詢重寫Specification的toPredicate方法，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-11-11