阿里低代碼引擎介紹-快速構(gòu)建高質(zhì)量的應(yīng)用程序(阿里 低代碼)
阿里低代碼引擎是一款令人印象深刻的工具,它為企業(yè)和開發(fā)者提供了一種快速構(gòu)建應(yīng)用程序的方式。該引擎基于低代碼開發(fā)理念,通過簡化開發(fā)流程和減少手動編碼,使開發(fā)過程更加高效和便捷。
低代碼介紹
零代碼、低代碼的概念在整個全球行業(yè)內(nèi)已經(jīng)流行了很長一段時間。通常意義上的低代碼定義會有三個關(guān)鍵點:
- 一個用于生產(chǎn)軟件的可視化編輯器
- 中間包含了一些用于組裝的物料,可以通過編排、組合和配置它們以生成豐富的功能或表現(xiàn)
- 最后的實施結(jié)果是成本降低
通常情況下低代碼平臺會具備以下的幾個能力:
- 可視化頁面搭建,通過簡單的拖拽完成應(yīng)用頁面開發(fā),對前端技能沒有要求或不需要特別專業(yè)的了解;
- 可視化模型設(shè)計,與業(yè)務(wù)相關(guān)的數(shù)據(jù)存儲變得更容易理解,甚至大多數(shù)簡單場景可以做到表單即模型,模型字段的類型更加業(yè)務(wù)化;
- 可視化流程設(shè)計,不管是業(yè)務(wù)流程還是審批流程,都可以通過簡單的點線連接來進(jìn)行配置;
- 可視化報表及數(shù)據(jù)分析,BI 數(shù)據(jù)分析能力成為標(biāo)配,隨時隨地通過拖拽選擇來定義自定義分析報表;
- 可視化服務(wù)與數(shù)據(jù)開放、集成,具備與其他系統(tǒng)互聯(lián)互通的配置;
- 權(quán)限、角色設(shè)置標(biāo)準(zhǔn)化和業(yè)務(wù)化,通過策略規(guī)則配置來將數(shù)據(jù)、操作的權(quán)限進(jìn)行精細(xì)化管理;
- 無需關(guān)心服務(wù)器、數(shù)據(jù)庫等底層運維、計算設(shè)施設(shè)備、網(wǎng)絡(luò)等等復(fù)雜技術(shù)概念,具備安全、性能的統(tǒng)一解決方案,開發(fā)者只需要專注于業(yè)務(wù)本身;
阿里低代碼引擎
阿里低代碼引擎具有強(qiáng)大的可視化界面和豐富的組件庫,可以讓用戶通過拖拽、配置和連接組件來構(gòu)建應(yīng)用程序。這使得即使沒有深入的編程知識,用戶也能夠輕松地創(chuàng)建功能豐富、可定制的應(yīng)用。同時,該引擎還提供了大量的預(yù)置模板和組件,可以快速搭建常見的業(yè)務(wù)場景,大大縮短了開發(fā)周期。
低代碼設(shè)計器
現(xiàn)如今低代碼平臺越來越多,而每一個低代碼平臺中都會有的一個能力就是搭建和配置頁面、模塊的頁面,這個頁面我們稱為設(shè)計器。例如,下圖是中后臺低代碼平臺的設(shè)計器。
定制擴(kuò)展能力
什么是擴(kuò)展能力呢,一方面我們可以快速擁有一份標(biāo)準(zhǔn)的低代碼設(shè)計器,另外一方面如果有業(yè)務(wù)獨特的功能需要,我們可以不用看它的源碼、不用關(guān)心其實現(xiàn),可以使用 API、插件等方式快速完成能力的開發(fā)。 而低代碼引擎對于設(shè)計器的擴(kuò)展能力支持基本上覆蓋了低代碼設(shè)計器的所有功能點。下圖是針對標(biāo)準(zhǔn)的設(shè)計器提供了擴(kuò)展功能的區(qū)域。
快速開始
環(huán)境準(zhǔn)備?
WSL(Windows 電腦)?
Window 環(huán)境需要使用 WSL 在 windows 下進(jìn)行低代碼引擎相關(guān)的開發(fā)。安裝教程 ?? WSL 安裝教程。
對于 Window 環(huán)境來說,之后所有需要執(zhí)行命令的操作都是在 WSL 終端執(zhí)行的。
Node?
node 版本推薦 16.18.0。
查看 Node 版本?
通過 n 來管理 node 版本?
可以安裝 n 來管理和變更 node 版本。
安裝 n?
npm install -g n
變更 node 版本?
n 14.17.0
React?
低代碼引擎的擴(kuò)展能力都是基于 React 來研發(fā)的,在繼續(xù)閱讀之前最好有一定的 React 基礎(chǔ),React 學(xué)習(xí)教程 ?? React 快速開始教程。
下載 Demo?
可以前往 github(HTTPS://github.com/alibaba/lowcode-demo)將 DEMO 下載到本地。
git clone?
HTTPS?
需要使用到 git 工具
git clone https://github.com/alibaba/lowcode-demo.git
SSH?
需要配置 SSH key,如果沒有配置可以
git clone git@github.com:alibaba/lowcode-demo.git
下載 Zip 包?
選擇一個 demo 項目?
在 以 demo-general 為例:
cd demo-general
安裝依賴?
在 lowcode-demo/demo-general 目錄下執(zhí)行:
npm install
啟動 demo?
在 lowcode-demo/demo-general 目錄下執(zhí)行:
npm run start
之后就可以通過 http://localhost:5556/ 來訪問我們的 DEMO 了。
好了,以上就是對阿里低代碼引擎的簡單介紹。有興趣的前端愛好者可以自行去官網(wǎng)學(xué)習(xí)查看嘍。希望大家有所收獲。
官網(wǎng)傳送門:https://lowcode-engine.cn/index