jeelowcode ui admin vue3

前往俱樂部獲取內測資格

在線輕鬆駕馭99.99%編程挑戰

1.項目簡介

JeeLowCode是一款基於芋道源碼（ruoyi-vue-pro）精心二次封裝的企業級低代碼開發框架。在探索市場上眾多低代碼平台時，我們發現它們不僅價格昂貴，而且功能上往往不盡人意，難以僅通過簡單的界面配置就滿足我們的開發需求。在這樣的背景下，尋找一款既免費又穩定，同時易於使用的全開源低代碼開發平台變得尤為困難。 JeeLowCode 正是為了填補這一市場空缺而誕生的。

2.在線體驗

體驗地址：http://demo.jeelowcode.com

社區地址：http://doc.jeelowcode.com

啟動文檔：http://doc.jeelowcode.com/doc/1-5

視頻教程：http://doc.jeelowcode.com/doc/1-6

3.代碼架構

 com.jeelowcode  
    ├── jeelowcode-admin                     // 启动模块
    ├── jeelowcode-code                      // JeelowCode核心模块
    ├── jeelowcode-dependencies              // 项目版本依赖模块
    ├── jeelowcode-framework                 // 功能模块
    │       └── jeelowcode-excel             // Excel导入导出模块
    │       └── jeelowcode-exception         // 自定义异常模块
    │       └── jeelowcode-plus              // SQL/DDL 语构建模块
    │       └── jeelowcode-tenant            // 租户模块
    │       └── jeelowcode-utils             // 工具类模块
    ├── jeelowcode-module                    // 个人业务相关
    │       └── jeelowcode-module-api        // 个人业务模块API
    │       └── jeelowcode-module-biz        // 个人业务业务
    ├── yudao-framework                      // 芋道核心模块
    ├── yudao-module                         // 芋道核心模块

4.項目關係

後端項目

專案	Star	簡介
JeeLowCode		基於Spring Boot 多模塊架構

前端項目

專案	Star	簡介
jeelowcode-ui-admin-vue3		基於Vue3 + Element Plus + Avue 實現的後台管理

5.系統架構圖

6.Hello World入門

只需要4步帶你了解低代碼JeeLowCode

7.演示效果圖

7.1 手機端效果圖：

7.2 電腦端效果圖：

7.3 動態效果圖：

8.框架核心亮點

8.1 首頁：

8.2 在線表構建：

通過圖形用戶界面直觀地創建數據表，一旦創建完成，即刻享有增、刪、改、查、數據導入和導出的全面功能，操作簡便，效率倍增。

8.3 在線統計報表：

只需配置簡單的SQL語句，即可迅速生成包括柱狀圖、折線圖、餅圖以及卡片視圖在內的多樣化統計報表，直觀展現數據分析結果。

8.4 在線多表關聯：

利用界面化的靈活配置，實現多表關聯的直觀展示，確保所見即所得的數據處理體驗。

8.5 在線格式化字段顯示：

為滿足界面字段合併顯示需求，提供三種簡捷處理方法：數據庫層面的SQL函數拼接，查詢時的SQL字符串合併，以及應用層的Java代碼處理。選擇適合的方法以優化性能和靈活性。

8.6 在線排序設置：

通過拖放操作，用戶可以直觀地設置初始化數據的排序規則。

8.7 在線租戶數據權限配置：

提供在線配置工具，輕鬆實現租戶級別的數據權限設定，確保數據訪問的安全性和合規性，提升多租戶場景下的應用靈活性。 JeeLowCode以其卓越的靈活性、高效性和易用性，成為加速數字化轉型、驅動業務創新的理想選擇。

8.8 廣泛數據庫兼容：

資料庫	是否支持
MySql	支持
Oracle11g	支持
PostgreSQL	支持
達夢	支持

8.9 在線表單設計：

提供豐富多樣的控件，全面支持各類頁面的開發需求。

8.10 豐富完善的示例：

豐富完善的示例，便於用戶快速學習和上手

8.11 100+常用模板：

提供了豐富多樣的常用頁面模板，以便開發者能夠迅速採納和應用。

9.啟動步驟

溫馨提示： JDK、Maven、Node等可以從網盤下載百度網盤地址：https://pan.baidu.com/s/1ICmHRlrRYzBkx87zoRuqvQ?pwd=1234
阿里雲盤地址：https://www.alipan.com/s/X4kF7Hshuc2

9.1 後台JAVA代碼運行步驟

環境配置

運行環境：JDK1.8

開發工具： Idea、Maven

默認已啟動中間件：（推薦使用寶塔） Mysql8.0、Redis、Minio

第一步：下載JeelowCode項目並導入IDEA中

第二步：導入數據庫文件到mysql中，並修改項目的數據庫以及redis配置

第三步：根據示例配置好對應數據庫，刷新Maven,再進行Complie編譯,啟動項目

9.2 前端VUE代碼運行步驟：

後台運行環境： node18.0.0

開發工具： VsCode

第一步：檢查本地Node環境

第二步：安裝PNPM

第三步：使用PNPM安裝項目依賴

第四步：配置項目後台地址

第五步：啟動項目

第一步：檢查本地環境：Node.js: 18.0.0

第二步：安裝PNPM，提升依賴的安裝速度

1.先配置NPM倉庫

 npm config set registry https://registry.npmmirror.com

2.安裝PNPM

 npm install -g pnpm

第三步：安裝依賴

進入項目目錄，執行

 pnpm install

第四步：配置後台地址

修改項目根目錄下文件.env.dev中的請求路徑為本地後台地址

 VITE_BASE_URL='http://127.0.0.1:48080'

第五步:啟動項目

 pnpm run dev-server

訪問地址

技術交流（廣告勿擾）：

JeeLowCode客服（添加時備註：進群）	JeeLowCode公眾號