pageplug下載 - pageplug原始碼下載

pageplug

Ai源碼

v1.9.37

下載

研發使用的低程式碼，讓智慧的開發者不再做重複的造輪子工作，專注於創新、創造業務價值

PagePlug使用文件• 社群版版本日誌• 企業版版本日誌

PagePlug 是什麼？

PagePlug 是Appsmith 的中國化項目，是一個開源的、聲明式的、可視化的前端低程式碼框架，可以用來製作web 應用、微信小程式。

目前原始碼版本為v1.9.37，社群版ce鏡像版本為v1.9.37版本，企業版ee鏡像版本為v1.9.38.1版本，企業版v1.9.39推播更新後會推送社群版更新，敬請期待。

記得在github上給開源的大佬們點個星星?支持下哦～～

PagePlug 和其他低代碼有什麼不同？

PagePlug與市面上其他的低代碼（輕流、宜搭、微搭、簡道雲、輕流、活字格等等）面向的使用人群不同，後者更傾向於非編程人員使用，讓業務線人員自行構建應用程式.而PagePlug這款低程式碼產品是針對To D研發人群使用的，它旨在加速開發人員的開發過程，內部系統、工具的開發更簡單。

雖然PagePlug與其他無程式碼、低程式碼平台一樣都是為了讓人們更輕鬆地創建應用程式和自動化流程，但其支援API和資料管理功能的強大和靈活性更高，無需侵入客戶架構，直接連接數據來源（API、DB），任何的後端資料都變成了JS 變量，可以隨意轉換、並配置到任意的視圖元件。因此對於需要更高度客製化和更廣泛的操作的用戶，PagePlug可能是更好的選擇。

功能特色

更強大的視覺化建模工具

PagePlug擁有非常直覺且靈活的視覺化建模工具，如表格、圖表、表單、按鈕等。這些元件都是經過最佳化和測試的，可以滿足大多數業務需求，從而減少開發人員的工作量，避免大量的程式設計工作和測試工作。可以讓開發人員根據需要更容易拖放和配置各種組件，創建自訂表單、報告和應用程序，無需重複編寫複雜的程式碼，而且整個軟體的維護更加輕便

更廣泛的API支援

PagePlug支援大量的第三方API集成，包括資料儲存、訊息佇列、檔案上傳等，可讓開發人員更輕鬆地整合各種功能，可以與自己的應用程式進行無縫集成，擴展應用程式的功能。

更完善的資料管理功能

PagePlug提供了強大的資料管理工具，讓使用者可以輕鬆地編寫和執行SQL查詢語句，管理資料庫、表格以及其他資料資源。相較於其他低程式碼平台，PagePlug連接api及資料庫伺服器無需手動配置，內建引擎充分支援。

更強大的擴充性

PagePlug支援任一使用JavaScript編寫自訂程式碼，目前也支援新增第三方JS程式庫，可輕鬆自訂元件和控制邏輯，從而更好地實現個人化需求

更好的安全性支持

PagePlug提供許多針對安全性的支持，包括身分驗證、授權、加密、稽核等，可以確保你的應用程式安全可靠。

與Appsmith的不同

基於Appsmith做了整體漢化及性能優化，體驗變得更好了

簡化啟動步驟，支援Windows環境本地開發（無需WSL），官方AppSmith前端專案第一次啟動步驟繁瑣，依賴非常多，並且官方支援Windows 平臺本地開發是透過WSL 實現的，配置非常麻煩！

引入antd 元件庫，支援Antd5，react 版本升級到v17
豐富的行動端組件，支援行動端！一分鐘製作一個小程序，並產生小程序碼來分享！
更快速簡單的圖表解決方案： Echarts
整合表單解決方案領域的佼佼者： Formily

DEMO 項目

嚴選小程式（微信小程式）

（因小程式版本升級，目前舊的二維碼使用會報錯，待大版更新後微信端可正常使用），可先在pc端體驗感受：體驗位址

PagePlug 製作的完整電商小程式案例，支援註冊、登入、二級商品分類、商品搜尋、商品詳情、購物車、購買下單、收貨地址管理、訂單管理等功能。後端介面使用開源商城後台litmall

工程管理系統（PC web應用）
體驗地址
PagePlug 製作的典型CRUD項目，實現了基本增刪改查、後端分頁、搜尋過濾、彈跳窗表單、複雜表單等功能
企業CRM系統（PC web應用）
體驗地址
PagePlug 製作的簡單CRM項目，實現了線索、商機和客戶的資訊管理
跨境電商倉庫管理系統（PC web應用）體驗地址

此庫存管理模版是一款旨在幫助企業高效管理庫存的系統，該系統允許用戶管理多個倉庫的產品和庫存、以及追蹤供應商產品和管理供應商

Echarts範例示範如何在PagePlug 中使用Echarts

如何導入DEMO 專案？

透過檔案方式匯入demo專案到應用程式群組，demo專案JSON 檔案在/demo 目錄下

快速開始

立即體驗
注意：體驗環境資料沒有做持久化，只作功能演示使用
? 私有部署【Docker】（建議）
最低伺服器配置：4G記憶體+ 2核心CPU
?詳細安裝文件教學
有問題可加入下方靜靜二維碼，加入社群討論學習

?本地開發

PagePlug 程式碼位於/app 目錄下，主要目錄分別為：

/client -- React 前端項目，使用create-react-app 腳手架生成，負責低程式碼的編輯器和web 端展示
/server -- Java 後端項目，使用Spring WebFlux 框架，負責低程式碼的後端服務、各種資料來源的代理
/taro -- Taro 行動裝置項目，使用Taro 跨平台方案實現行動端對低程式碼DSL 的解析與展示

PagePlug 前端啟動

PagePlug 前端專案使用Nginx 作為網關，並且Nginx 使用Docker 運行，所以在運行之前請確保已安裝Docker ，下面的啟動命令僅針對Windows環境，非Windows環境請參考官方指南。

 // 配置 host
127.0.0.1 dev.appsmith.com

// 环境变量
cp .env.example .env

// 启动本地 nginx docker
cd app/client
yarn start-proxy

// 启动前端服务
yarn
yarn start-win

順利啟動後，請造訪https://dev.appsmith.com 預覽效果。

PagePlug 後端啟動

PagePlug 後端啟動需要Jdk11、Maven3、一個Mongo實例和一個Redis實例，具體操作請參考官方指南。下面的啟動指令僅針對Windows環境，Windows環境執行腳本需要藉助bash 指令，非Windows 環境下直接執行腳本即可。

注意：build.sh 腳本中用到了rsync 工具，啟動前請確保系統中已經安裝了rsync，Windows環境安裝rsync 請看這裡。

 // 使用 IDEA 打开工程
app/server

// 创建环境变量文件
cp envs/dev.env.example .env

// 打开.env，配置环境变量
APPSMITH_MONGODB_URI="你的Mongo实例地址"
APPSMITH_REDIS_URL="你的Redis实例地址"

//【可选】如果需要小程序预览功能，需要配置你的小程序信息
CLOUDOS_WECHAT_APPID=""
CLOUDOS_WECHAT_SECRET=""

// 构建 java 服务
mvn clean compile
bash ./build.sh -DskipTests

// 启动 java 服务
bash ./scripts/start-dev-server.sh

PagePlug 行動端啟動

PagePlug 行動端是一個Taro 項目，天然地支援多端小程式、H5和React Native，但是，目前PagePlug 僅支援微信小程序，微信小程式的預覽和發布需要使用微信開發者工具、小程式帳號，開發前請先查看微信小程式官方指南。
PagePlug 行動端元件採用Taroify UI元件庫打造。

 cd app/taro

打开 config/dev.js 配置开发参数

// PagePlug 后端接口地址，本地开发时需要填写本机IP地址
API_BASE_URL: '"http://192.168.xxx.xxx:8080/api/"'

// 小程序默认展示的应用ID
DEFAULT_APP: '"应用ID"'

// 启动 Taro 项目
yarn
yarn dev:weapp