更新记录
1.1.2(2026-05-28)
暂无日志
平台兼容性
uni-app(3.7.8)
| Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ |
| 微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 小红书小程序 | 快应用-华为 | 快应用-联盟 |
|---|---|---|---|---|---|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ | √ |
Uniapp 移动后台管理系统
基于 uni-app 开发的跨平台移动后台管理系统,一套代码可同时发布到 Android、iOS、H5、微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝小程序及快应用等多端平台,提供统一的移动端后台管理入口。
✨ 项目简介
本项目是一款轻量级移动后台管理系统,采用 uni-app + Vue.js 技术栈开发,实现了移动端后台的核心基础功能,包括用户登录、工作台导航、日历管理、消息通知等模块,支持多端运行,适配主流移动端设备,是快速搭建移动后台管理入口的基础模板。
📱 功能特性
- 跨平台兼容:一套代码,支持 Android/iOS/H5/多端小程序运行
- 用户登录与欢迎页:用户ID、用户名展示,系统时间与农历实时显示
- 功能模块导航:支持 APP开发、Web开发、小程序开发、大数据开发等业务入口
- 日历视图:按月展示日历,标注节假日、调休信息
- 底部导航栏:控制面板、商品管理、消息、退出四大核心模块快速切换
- 原生体验优化:适配移动端交互逻辑,界面简洁清晰,操作便捷
✨ 组件使用说明
<template>
<view>
<innovueui-main></innovueui-main>
</view>
</template>
<script>
import innovueui_main from "@/components/innovueui-main/innovueui-main.vue"
export default {
components:{
innovueui_main
},
data() {
return {
screenWidth: getApp().globalData.screenWidth, // 屏幕宽
screenHeight: getApp().globalData.screenHeight, // 屏幕高
}
},
onLoad() {
this.BASE_URL=this.$BASE_URL.BASE_URL;
console.log(this.BASE_URL);
console.log("测试程序");
},
methods:{
}
}
</script>
<style scoped>
</style>
目录结构
├── pages/ # 页面目录
│ ├── index/ # 首页(控制面板)
│ ├── goods/ # 商品管理页
│ ├── message/ # 消息页
│ └── login/ # 登录页
├── static/ # 静态资源(图标、图片)
├── components/ # 自定义组件(日历、导航等)
├── App.vue # 应用入口文件
├── main.js # 项目入口 JS
├── manifest.json # uni-app 配置文件
├── pages.json # 页面路由配置
└── README.md # 项目说明文档
plaintext
🚀 快速运行
开发环境准备
- 安装 HBuilderX(推荐 uni-app 官方 IDE)
- 安装微信开发者工具(如需小程序端调试)
- 配置 uni-app 运行环境
运行步骤
- 克隆或下载项目代码到本地
- 使用 HBuilderX 导入项目
- 运行项目:
- 浏览器预览:点击
运行 → 运行到浏览器 - 模拟器调试:点击
运行 → 运行到手机或模拟器 - 小程序端:点击
运行 → 运行到小程序模拟器
- 浏览器预览:点击
- 编译打包:点击
发行 → 原生App-云打包/发行 → 对应平台小程序
⚙️ 核心配置说明
pages.json:配置页面路由、底部导航栏(tabBar)、全局样式manifest.json:配置应用名称、图标、版本号、权限、多端发布配置- 日历组件:程序自动实现当前日期 2026 年 5 月视图,支持节假日标注、月份切换
- 登录模块:用户ID、用户名展示,系统时间(含农历)实时更新
技术栈
- 前端框架:Vue.js
- 跨平台框架:uni-app
- 开发工具:HBuilderX
- 运行平台:Android / iOS / H5 / 多端小程序 / 快应用
📄 开源说明
本项目为移动后台管理系统基础模板,可基于此扩展商品管理、订单管理、数据统计、权限管理等更多业务模块,欢迎二次开发与修改。

收藏人数:
购买源码授权版(
试用
使用 HBuilderX 导入示例项目
赞赏(0)
下载 49
赞赏 0
下载 12065621
赞赏 1917
赞赏
京公网安备:11010802035340号