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

功能:
- 使用現(xiàn)成的組件構(gòu)建工作流,將表格、圖表、表單等常見元素直接拖入應(yīng)用程序,包括文本、表單、輸入、按鈕、表格、圖像、復(fù)選框、開關(guān)、單選按鈕、日期選擇器、下拉列表、文件選擇器、容器、地圖、模式、富文本編輯器、選項卡和視頻等。
- Appsmith 可以使用 15+ 種 DB、Rest API 或 GraphQL 作為數(shù)據(jù)源,支持 OAuth 2.0 協(xié)議和 CURL。
- 使用 JavaScript 語言編寫邏輯,元素之間的代碼交互、更新數(shù)據(jù)源或操作 SQL 查詢都可以使用。
- 可以與團隊共享創(chuàng)建的應(yīng)用程序,為團隊成員分配角色,限定角色的訪問權(quán)限。
- 可靠安全的加密傳輸。Appsmith 應(yīng)用程序默認(rèn)是安全的,所有連接都經(jīng)過 TLS 加密,憑據(jù)使用 AES-256 加密,防止數(shù)據(jù)泄露。
項目地址:
??https://github.com/appsmithorg/appsmith
安裝
官方最推薦兩種方式,一種是直接使用 Appsmith Cloud 構(gòu)建應(yīng)用程序,一種是使用 Docker 進行安裝。
使用 Docker 進行安裝要求 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
# Update check interval in seconds.
command: --schedule "0 0 * ? * *" --label-enable --cleanup
restart: unless-stopped
如果是在遠(yuǎn)程機器上安裝可以使用以下命令下載 docker-compose.yml 文件:
curl -L https://bit.ly/32jBNin -o $PWD/docker-compose.yml
這個配置文件會運行 Appsmith 示例和 Watchtower 實例,以便使 Appsmith 自動保持最新狀態(tài)。
運行以下命令啟動 docker 容器,如果提示沒有權(quán)限需要以 sudo 身份執(zhí)行命令:
docker-compose up -d
可以使用以下命令跟蹤日志:
docker logs -f appsmith
啟動成功后,會看到 Appsmith is Running! 的消息,通過 http://localhost 訪問。
如果要進行應(yīng)用程序的更新,可以到安裝的根目錄下執(zhí)行以下命令:
docker-compose pull
docker-compose rm -fsv appsmith
docker-compose up -d
視頻對應(yīng)的安裝步驟文檔官網(wǎng)地址為:
??https://docs.appsmith.com/setup/docker
簡單使用
以數(shù)據(jù)庫作為數(shù)據(jù)源簡單介紹。
連接到數(shù)據(jù)庫
Appsmith 會創(chuàng)建一個與數(shù)據(jù)庫服務(wù)器連接的連接池,后續(xù)查詢可以重用連接池中的連接,提高查詢效率。
- 點擊 Datasources 旁邊的 + 號
- 看到 Appsmith 可以連接的數(shù)據(jù)源列表
- 從支持的列表中選中一個數(shù)據(jù)庫
- 填寫連接到數(shù)據(jù)庫所需的配置信息
- 單擊測試驗證是否能連接成功
- 保存
0
顯示數(shù)據(jù)
Appsmith 擁有一系列可用于構(gòu)建 UI 的小部件,數(shù)據(jù)顯示需要和這些小部件結(jié)合起來。
- 小部件可以用部件窗口中拖動防止到畫布上,調(diào)整大小以適應(yīng)他們需要顯示的數(shù)據(jù),具有可視化編輯的屬性,可以設(shè)置數(shù)據(jù)、樣式等。
- 在小部件中顯示數(shù)據(jù)??梢源蜷_屬性窗口來編輯小部件屬性,通過引用 Query 的名稱(唯一標(biāo)識符),可以在小部件屬性中設(shè)置來自 Query 的數(shù)據(jù)。Appsmith 是響應(yīng)式的,只要查詢中的數(shù)據(jù)發(fā)生變化,小部件就會自動更新。例如,可以將查詢的結(jié)果綁定如下:
{{ Table1.selectedRow.id }} 網(wǎng)站題目:15K Star!Github 上超火的低代碼開發(fā)平臺!
本文網(wǎng)址:http://fisionsoft.com.cn/article/codpdsd.html


咨詢
建站咨詢
