Skip to content

JeecgBoot配套APP移动解决方案,采用uniapp架构!一份代码多终端适配,同时支持APP、小程序、H5、鸿蒙!实现了与JeecgBoot平台完美对接,目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格等基础功能。

License

Notifications You must be signed in to change notification settings

jeecgboot/JeecgUniapp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

History

59 Commits

Repository files navigation

项目介绍

JeecgUniapp 是JeecgBoot低代码平台的配套APP移动框架,项目采用 Uniapp、Vue3.0、Vite、 Wot-design-uni、TypeScript 等最新技术栈,包括二次封装组件、路由拦截、请求拦截等功能。实现了与 JeecgBoot 完美对接: 目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格、聊天、Online表单、仪表盘等功能,提供了丰富的组件!

当前最新版本: 3.0.0(发布日期:2025-03-10)

AURGitHub starsGitHub forks

视频介绍

新版特点

  • 一份代码多终端适配,小程序、H5、安卓、ios、鸿蒙Next。
  • 学习成本低、组件丰富、兼容性好、支持iframe嵌入。
  • 新版APP具备低代码能力,包括表单设计、仪表盘设计等。
  • 新版最大亮点是架构升级到 Vue3,适配鸿蒙 Next。
  • 支持使用 VSCode 和 IntelliJ IDEA 开发,不再必须 HBuilderX,这显著提升了开发体验和效率。
  • 支持低代码能力,例如Online表单可以在APP端展示和进行数据的添加与修改,仪表盘和大屏也支持移动端展示。

前端技术栈

  • 前端 IDE 建议:Vscode、HBuilderX、Intellij IDEA
  • 最新技术栈:Uniapp + Vue3.0 + Vite + TypeScript + Wot-design-uni + pinia + unocss
  • 依赖管理:node、pnpm

环境要求

  • 本地环境安装 node(18+)、pnpm (7.3+)

后台源码

技术交流

快速启动

配置接口地址

配置文件:env/.env.development

请把 http://localhost:8080/jeecg-boot 替换成自己地址,其他不用改。

// 变量必须以 VITE_ 为前缀才能暴露给外部读取NODE_ENV='development';// 是否去除console 和 debuggerVITE_DELETE_CONSOLE=false;// 是否开启sourcemapVITE_SHOW_SOURCEMAP=true;// 后台接口全路径地址(必填)VITE_SERVER_BASEURL='http://localhost:8080/jeecg-boot';

启动项目

执行命令安装依赖

 pnpm i 

运行启动命令,运行 H5

 pnpm run dev 

新旧版本对比

特性旧版新版
技术栈Vue2,技术陈旧Vue3,现代化开发体验
UI 框架未集成集成wot-design-uni
编辑器仅限 HbuilderX支持 VSCode、Intellij IDEA 等主流编辑器
鸿蒙不支持支持鸿蒙系统
构建工具WebpackVite,构建更快
Unocss 原子化不支持支持 Unocss 原子化
TypeScript 支持不支持支持 TS,提供类型提示
基础组件封装较少封装丰富组件(用户、部门、分类字典树、自定义树、popup、popupDict、导航组件等)
代码片段快捷创建支持 v3 快速创建页面片段

入门必备

本项目需要一定前端基础知识,请确保掌握 Vue 的基础知识,以便能处理一些常见的问题。 建议在开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助:

效果预览

  • 基础功能

  • 聊天功能

  • Online表单

  • 仪表盘

  • 动画展示

功能模块

├─框架实现 │ ├─APP开发框架搭建 │ ├─登录对接 │ ├─TOKEN接口机制 │ ├─热更新\覆盖更新 ├─基础功能 │ ├─菜单栏目 │ ├─登录页面 │ ├─移动首页 │ ├─个人信息设置 ├─消息中心 │ ├─通讯录 │ ├─系统公告 │ ├─消息推送 │ ├─在线聊天 ├─低代码功能 │ ├─Online表单(列表+表单渲染) │ ├─仪表盘(移动展示) ├─示例代码 │ ├─调用摄像头扫码(扫码) │ ├─获取地理位置(定位) ├─新增组件 │ ├─页面滚动 │ ├─日历 │ ├─时间选择 │ ├─下拉选择 │ ├─图片上传 ├─。。。 

About

JeecgBoot配套APP移动解决方案,采用uniapp架构!一份代码多终端适配,同时支持APP、小程序、H5、鸿蒙!实现了与JeecgBoot平台完美对接,目前已经实现登录、用户信息、通讯录、公告、移动首页、九宫格等基础功能。

Topics

Resources

License

Stars

Watchers

Forks

Languages