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