一個(gè)用于構(gòu)建管理面板、內(nèi)部工具和儀表板的低代碼平臺(tái)

【導(dǎo)語(yǔ)】：用于構(gòu)建管理面板、內(nèi)部工具和儀表板的低代碼平臺(tái)。

簡(jiǎn)介

Appsmith 是一個(gè)用于構(gòu)建管理面板、內(nèi)部工具和儀表板的低代碼平臺(tái)，可以在幾分鐘內(nèi)將任何數(shù)據(jù)源轉(zhuǎn)換為內(nèi)部應(yīng)用程序，允許拖放 UI 組件來(lái)構(gòu)建頁(yè)面，連接到任何 API、數(shù)據(jù)庫(kù)或 GraphQL 源，并使用 JavaScript 語(yǔ)言編寫邏輯。

功能：

• 使用現(xiàn)成的組件構(gòu)建工作流，將表格、圖表、表單等常見元素直接拖入應(yīng)用程序，包括文本、表單、輸入、按鈕、表格、圖像、復(fù)選框、開關(guān)、單選按鈕、日期選擇器、下拉列表、文件選擇器、容器、地圖、模式、富文本編輯器、選項(xiàng)卡和視頻等。
  

• Appsmith 可以使用 15+ 種 DB、Rest API 或 GraphQL 作為數(shù)據(jù)源，支持 OAuth 2.0 協(xié)議和 CURL。

• 使用 JavaScript 語(yǔ)言編寫邏輯，元素之間的代碼交互、更新數(shù)據(jù)源或操作 SQL 查詢都可以使用。
  

• 可以與團(tuán)隊(duì)共享創(chuàng)建的應(yīng)用程序，為團(tuán)隊(duì)成員分配角色，限定角色的訪問(wèn)權(quán)限。
  

• 可靠安全的加密傳輸。Appsmith 應(yīng)用程序默認(rèn)是安全的，所有連接都經(jīng)過(guò) TLS 加密，憑據(jù)使用 AES-256 加密，防止數(shù)據(jù)泄露。

項(xiàng)目地址：

https://github.com/appsmithorg/appsmith

安裝

官方最推薦兩種方式，一種是直接使用 Appsmith Cloud 構(gòu)建應(yīng)用程序，一種是使用 Docker 進(jìn)行安裝。

使用 Docker 進(jìn)行安裝要求 Docker 版本 20.10.7 或以上，Docker-Compose 版本 1.29.2 或以上。

在 appsmith 安裝文件夾中添加以下 docker-compose.yml 文件：

version:"3"

services:
appsmith:
image:index.docker.io/appsmith/appsmith-ce
container_name:appsmith
ports:
-"80:80"
-"443:443"
-"9001:9001"
volumes:
-./stacks:/appsmith-stacks
labels:
com.centurylinklabs.watchtower.enable:"true"
restart:unless-stopped

auto_update:
image:containrrr/watchtower:latest-dev
volumes:
-/var/run/docker.sock:/var/run/docker.sock
#Updatecheckintervalinseconds.
command:--schedule"00*?**"--label-enable--cleanup
restart:unless-stopped

如果是在遠(yuǎn)程機(jī)器上安裝可以使用以下命令下載 docker-compose.yml 文件：

curl-Lhttps://bit.ly/32jBNin-o$PWD/docker-compose.yml

這個(gè)配置文件會(huì)運(yùn)行 Appsmith 示例和 Watchtower 實(shí)例，以便使 Appsmith 自動(dòng)保持最新狀態(tài)。

運(yùn)行以下命令啟動(dòng) docker 容器，如果提示沒(méi)有權(quán)限需要以 sudo 身份執(zhí)行命令：

docker-composeup-d

可以使用以下命令跟蹤日志：

dockerlogs-fappsmith

啟動(dòng)成功后，會(huì)看到 Appsmith is Running! 的消息，通過(guò) http://localhost 訪問(wèn)。

如果要進(jìn)行應(yīng)用程序的更新，可以到安裝的根目錄下執(zhí)行以下命令：

docker-composepull
docker-composerm-fsvappsmith
docker-composeup-d

簡(jiǎn)單使用

以數(shù)據(jù)庫(kù)作為數(shù)據(jù)源簡(jiǎn)單介紹。

連接到數(shù)據(jù)庫(kù)

Appsmith 會(huì)創(chuàng)建一個(gè)與數(shù)據(jù)庫(kù)服務(wù)器連接的連接池，后續(xù)查詢可以重用連接池中的連接，提高查詢效率。

1. 點(diǎn)擊 Datasources 旁邊的 + 號(hào)
2. 看到 Appsmith 可以連接的數(shù)據(jù)源列表
3. 從支持的列表中選中一個(gè)數(shù)據(jù)庫(kù)
4. 填寫連接到數(shù)據(jù)庫(kù)所需的配置信息
5. 單擊測(cè)試驗(yàn)證是否能連接成功
6. 保存

顯示數(shù)據(jù)

Appsmith 擁有一系列可用于構(gòu)建 UI 的小部件，數(shù)據(jù)顯示需要和這些小部件結(jié)合起來(lái)。

1. 小部件可以用部件窗口中拖動(dòng)防止到畫布上，調(diào)整大小以適應(yīng)他們需要顯示的數(shù)據(jù)，具有可視化編輯的屬性，可以設(shè)置數(shù)據(jù)、樣式等。
   

   

2. 在小部件中顯示數(shù)據(jù)?？梢源蜷_屬性窗口來(lái)編輯小部件屬性，通過(guò)引用 Query 的名稱（唯一標(biāo)識(shí)符），可以在小部件屬性中設(shè)置來(lái)自 Query 的數(shù)據(jù)。Appsmith 是響應(yīng)式的，只要查詢中的數(shù)據(jù)發(fā)生變化，小部件就會(huì)自動(dòng)更新。例如，可以將查詢的結(jié)果綁定如下：

{{Table1.selectedRow.id}}