springboot框架阿里開源低代碼工具LowCodeEngine
前言
解放雙手!推薦一款阿里開源的低代碼工具,YYDS!
之前分享過一些低代碼相關(guān)的文章,發(fā)現(xiàn)大家還是比較感興趣的。之前在我印象中低代碼就是通過圖形化界面來生成代碼而已,其實(shí)真正的低代碼不僅要負(fù)責(zé)生成代碼,還要負(fù)責(zé)代碼的維護(hù),把它當(dāng)做一站式開發(fā)平臺(tái)也不為過!最近體驗(yàn)了一把阿里開源的低代碼工具LowCodeEngine,確實(shí)是一款面向企業(yè)級(jí)的低代碼解決方案,推薦給大家!
SpringBoot實(shí)戰(zhàn)電商項(xiàng)目mall(50k+star)地址:https://github.com/macrozheng/mall
LowCodeEngine簡介
LowCodeEngine是阿里開源的一套面向擴(kuò)展設(shè)計(jì)的企業(yè)級(jí)低代碼技術(shù)體系,目前在在Github上已有4.7K+Star。這個(gè)項(xiàng)目大概是今年2月中旬開源的,兩個(gè)月不到收獲這么多Star,確實(shí)非常厲害!
LowCodeEngine主要具有如下特性:
- 提煉自企業(yè)級(jí)低代碼平臺(tái)的低代碼引擎,奉行高度可擴(kuò)展、最小內(nèi)核、最強(qiáng)生態(tài)的設(shè)計(jì)理念;
- 部署簡單,基本上就是開箱即用,擁有完善的物料體系、功能強(qiáng)大的設(shè)置器、豐富的插件等;
- 可視化編輯器具有完善的工具鏈,支持物料體系、設(shè)置器、插件等生態(tài)元素;
- 強(qiáng)大的擴(kuò)展能力,已支撐近 100 個(gè)各種垂直類低代碼平臺(tái);
- 使用 TypeScript 開發(fā),能生成基于React的前端代碼。
下面是LowCodeEngine使用過程中的一張效果圖,功能還是很強(qiáng)大的!
搭建低代碼平臺(tái)
接下來我們將使用LowCodeEngine搭建一個(gè)低代碼開發(fā)平臺(tái),僅需5分鐘,可以說是開箱即用!
首先我們需要想下載LowCodeEngine編輯器的示例代碼
下載地址:https://github.com/alibaba/lowcode-demo
下載成功后解壓到指定目錄,安裝此項(xiàng)目需要使用Node.js和npm,確保已經(jīng)安裝完畢,由于依賴中有些npm源無法訪問,這里推薦使用cnpm來安裝,先使用如下命令安裝cnpm;
npm install -g cnpm --registry=https://registry.npmmirror.com
cnpm安裝成功后,進(jìn)入解壓目錄使用如下命令安裝依賴;
cnpm install
依賴安裝完成后,使用npm start命令啟動(dòng)項(xiàng)目;
項(xiàng)目運(yùn)行成功后將運(yùn)行在5556端口上,訪問地址:http://localhost:5556
使用低代碼平臺(tái)
之前在我的開源項(xiàng)目mall中有個(gè)品牌管理功能,接下來我們將使用LowCodeEngine來實(shí)現(xiàn)下它,看看低代碼開發(fā)有何神奇之處!
目標(biāo)效果
mall項(xiàng)目中的品牌管理功能效果如下,這里使用低代碼簡單實(shí)現(xiàn)下品牌列表功能。
組件庫 首先我們從組件庫中選擇查詢篩選組件,通過拖拽的形式插入編輯區(qū)中;
然后選中查詢篩選組件,通過右側(cè)的設(shè)置器進(jìn)行設(shè)置;
可以點(diǎn)擊組件左側(cè)的編輯按鈕對(duì)組件進(jìn)行詳細(xì)設(shè)置,比如說組件外觀和輸入提示等;
接下來再拖拽一個(gè)高級(jí)表格組件到編輯器中去;
同樣選中高級(jí)表格組件可以對(duì)表格進(jìn)行設(shè)置,我們可以通過數(shù)據(jù)列來設(shè)置需要顯示的數(shù)據(jù)。
數(shù)據(jù)源 由于表格中的數(shù)據(jù)需要訪問接口來獲取,這里我們可以通過數(shù)據(jù)源功能來實(shí)現(xiàn),這里我們調(diào)用演示環(huán)境的API,填入請(qǐng)求參數(shù)即可,值得注意的是由于數(shù)據(jù)列表在data.list屬性中,我們需要定制下請(qǐng)求成功的處理函數(shù);
接下來選中高級(jí)表格組件,修改表格數(shù)據(jù)源,選擇表達(dá)式輸入,填入我們之前設(shè)置的數(shù)據(jù)源ID即可;
然后修改數(shù)據(jù)列信息,將每個(gè)數(shù)據(jù)列數(shù)據(jù)字段修改為JSON數(shù)據(jù)中對(duì)應(yīng)的屬性即可。
預(yù)覽及出碼 如果想查看搭建的頁面效果的話,點(diǎn)擊右上角的預(yù)覽按鈕即可;
下面是由低代碼生成的頁面預(yù)覽效果;
如果你想獲取工具生成的代碼的話,點(diǎn)擊右上角的出碼按鈕即可,支持直接下載。
其他功能 如果你想自定義一些函數(shù)的話,可以通過源碼面板進(jìn)行自定義;
通過大綱視圖我們可以查看整個(gè)界面的結(jié)構(gòu)。
總結(jié)
今天體驗(yàn)了一把阿里開源的低代碼開發(fā)工具,功能確實(shí)很強(qiáng)大。但是低代碼并不意味著可以不寫代碼了,想用好低代碼工具還得熟悉工具生成的代碼。LowCodeEngine目前僅支持生成React的前端代碼,所以想要實(shí)現(xiàn)更為復(fù)雜的業(yè)務(wù)系統(tǒng),還得熟悉React。如果有小伙伴想更深入了解低代碼的概念,推薦看下這篇文章《阿里低代碼引擎和生態(tài)建設(shè)實(shí)戰(zhàn)及思考》 。
參考資料
項(xiàng)目地址:https://github.com/alibaba/lowcode-demo
項(xiàng)目官網(wǎng):https://lowcode-engine.cn/
操作指南:https://www.yuque.com/lce/usage
以上就是springboot框架阿里開源低代碼工具LowCodeEngine的詳細(xì)內(nèi)容,更多關(guān)于springboot開源框架LowCodeEngine的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
關(guān)于Mybatis中foreach遍歷Map的實(shí)現(xiàn)示例
這篇文章主要介紹了關(guān)于Mybatis中foreach遍歷Map的實(shí)現(xiàn)示例,MyBatis?是一款優(yōu)秀的半自動(dòng)的ORM持久層框架,它支持自定義?SQL、存儲(chǔ)過程以及高級(jí)映射,需要的朋友可以參考下2023-05-05基于 IntelliJ IDEA 模擬 Servlet 網(wǎng)絡(luò)請(qǐng)求示例
這篇文章主要介紹了基于 IntelliJ IDEA 模擬 Servlet 網(wǎng)絡(luò)請(qǐng)求示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-04-04Java實(shí)現(xiàn)解析ini文件對(duì)應(yīng)到JavaBean中
ini 文件是Initialization File的縮寫,即初始化文件,是windows的系統(tǒng)配置文件所采用的存儲(chǔ)格式。這篇文章主要介紹了通過Java實(shí)現(xiàn)解析ini文件對(duì)應(yīng)到JavaBean中,需要的可以參考一下2022-01-01servlet生命周期_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要為大家詳細(xì)介紹了servlet生命周期的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-07-07java swing標(biāo)準(zhǔn)對(duì)話框具體實(shí)現(xiàn)
這篇文章介紹了swing標(biāo)準(zhǔn)對(duì)話框的具體實(shí)現(xiàn)方法,有需要的朋友可以參考一下2013-06-06Java實(shí)現(xiàn)短信驗(yàn)證碼的示例代碼
Java是一種流行的編程語言,驗(yàn)證碼是一種常用的網(wǎng)絡(luò)安全技術(shù)。Java發(fā)展至今,網(wǎng)上也出現(xiàn)了各種各樣的驗(yàn)證碼,下面是用Java實(shí)現(xiàn)短信驗(yàn)證碼的總結(jié),感興趣的可以了解一下2023-03-03java中對(duì)象和Map互相轉(zhuǎn)換的幾種常見方式舉例
Map在日常開發(fā)應(yīng)用中的頻率很高,最常用的實(shí)現(xiàn)類是HashMap和有序的TreeMap,下面這篇文章主要給大家介紹了關(guān)于java中對(duì)象和Map互相轉(zhuǎn)換的幾種常見方式舉例,需要的朋友可以參考下2024-01-01