JeecgBoot 低代碼 APP 端：基於 uni-app 的全端覆蓋解決方案詳情 - jeecg-boot,uniapp,uni-app,移動端適配,低代碼 JEECG低代碼平台博客

在數字化轉型的浪潮中，企業對於高效、靈活的移動應用開發需求日益增長。JeecgBoot 低代碼平台以其強大的功能和靈活性，為企業提供了一站式的解決方案。而 JeecgUniapp 作為 JeecgBoot 的配套 APP 移動框架，更是通過 uni-app 技術實現了多終端適配，為企業級應用的移動化提供了強大的支持。

項目介紹

JeecgUniapp 是 JeecgBoot 低代碼平台的配套 APP 移動框架，採用 uni-app、Vue3.0、Vite、Wot-design-uni、TypeScript 等最新技術棧。它不僅實現了與 JeecgBoot 平台的完美對接，還提供了豐富的組件和功能，包括登錄、用户信息、通訊錄、公告、移動首頁、九宮格、聊天、Online 表單、儀表盤等。通過 uni-app 框架，JeecgUniapp 能夠實現一份代碼多終端適配，同時支持 APP、小程序、H5、鴻蒙等平台。

技術棧與開發環境

技術棧

前端框架：uni-app，基於 Vue.js 的跨平台框架，支持一次編寫，多端運行。
前端框架：Vue3.0，提供現代化的開發體驗。
構建工具：Vite，比 Webpack 更快的構建速度。
UI 框架：Wot-design-uni，提供豐富的 UI 組件。
狀態管理：pinia，Vuex 的替代方案。
CSS 框架：unocss，提供原子化的 CSS 解決方案。
開發語言：TypeScript，提供類型提示，增強代碼的可維護性。

開發環境

IDE：推薦使用 Vscode、HBuilderX、Intellij IDEA 等主流編輯器。
依賴管理：Node.js（18+）、pnpm（7.3+）。

新版特點

多終端適配：一份代碼適配小程序、H5、安卓、iOS、鴻蒙 Next。
低代碼能力：支持表單設計、儀表盤設計等低代碼功能。
開發效率：支持 VSCode 和 IntelliJ IDEA 開發，提升開發體驗和效率。
組件豐富：提供豐富的基礎組件，如用户、部門、分類字典樹等。

項目地址

https://github.com/jeecgboot/JeecgUniapp

快速啓動

配置接口地址

在 env/.env.development 文件中配置接口地址：

NODE_ENV = 'development';
VITE_DELETE_CONSOLE = false;
VITE_SHOW_SOURCEMAP = true;
VITE_SERVER_BASEURL = 'http://localhost:8080/jeecg-boot';

啓動項目

安裝依賴：
```
pnpm i
```
啓動 H5 項目：
```
pnpm run dev
```

技術交流

產品官網：http://jeecg.com/appIndex
開發文檔： https://help.jeecg.com/uniapp3
官方支持：遇到 BUG 可以在 github 上發 Issue
QQ 交流羣： 716488839

入門必備

本項目需要一定前端基礎知識，請確保掌握 Vue 的基礎知識，以便能處理一些常見的問題。建議在開發前先學一下以下內容，提前瞭解和學習這些知識，會對項目理解非常有幫助:

Vue3 文檔
Uniapp
Wot-design-uni
Unibest 文檔
TypeScript
Es6
Vitejs
Pinia (vuex 替代方案)
Vue-RFCS
UnoCSS

效果預覽

基礎功能

聊天功能

Online 表單

儀表盤

動畫展示

功能模塊

├─框架實現
│  ├─APP開發框架搭建
│  ├─登錄對接
│  ├─TOKEN接口機制
│  ├─熱更新\覆蓋更新
├─基礎功能
│  ├─菜單欄目
│  ├─登錄頁面
│  ├─移動首頁
│  ├─個人信息設置
├─消息中心
│  ├─通訊錄
│  ├─系統公告
│  ├─消息推送
│  ├─在線聊天
├─低代碼功能
│  ├─Online表單（列表+表單渲染）
│  ├─儀表盤（移動展示）
├─示例代碼
│  ├─調用攝像頭掃碼(掃碼)
│  ├─獲取地理位置(定位)
├─新增組件
│  ├─頁面滾動
│  ├─日曆
│  ├─時間選擇
│  ├─下拉選擇
│  ├─圖片上傳
├─。。。

JEECG低代碼平台博客

JEECG低代碼平台博客

博客 / 詳情