JeecgBoot低代码APP端：基于uni-app的全端覆盖解决方案

在数字化转型的浪潮中，企业对于高效、灵活的移动应用开发需求日益增长。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';

启动项目

1. 安装依赖：

   pnpm i
   

2. 启动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表单（列表+表单渲染）
│  ├─仪表盘（移动展示）
├─示例代码
│  ├─调用摄像头扫码(扫码)
│  ├─获取地理位置(定位)
├─新增组件
│  ├─页面滚动
│  ├─日历
│  ├─时间选择
│  ├─下拉选择
│  ├─图片上传
├─。。。