更新记录

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


🚀 快速运行

开发环境准备

  1. 安装 HBuilderX(推荐 uni-app 官方 IDE)
  2. 安装微信开发者工具(如需小程序端调试)
  3. 配置 uni-app 运行环境

运行步骤

  1. 克隆或下载项目代码到本地
  2. 使用 HBuilderX 导入项目
  3. 运行项目:
    • 浏览器预览:点击 运行 → 运行到浏览器
    • 模拟器调试:点击 运行 → 运行到手机或模拟器
    • 小程序端:点击 运行 → 运行到小程序模拟器
  4. 编译打包:点击 发行 → 原生App-云打包 / 发行 → 对应平台小程序

⚙️ 核心配置说明

  • pages.json:配置页面路由、底部导航栏(tabBar)、全局样式
  • manifest.json:配置应用名称、图标、版本号、权限、多端发布配置
  • 日历组件:程序自动实现当前日期 2026 年 5 月视图,支持节假日标注、月份切换
  • 登录模块:用户ID、用户名展示,系统时间(含农历)实时更新

技术栈

  • 前端框架:Vue.js
  • 跨平台框架:uni-app
  • 开发工具:HBuilderX
  • 运行平台:Android / iOS / H5 / 多端小程序 / 快应用

📄 开源说明

本项目为移动后台管理系统基础模板,可基于此扩展商品管理、订单管理、数据统计、权限管理等更多业务模块,欢迎二次开发与修改。

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

暂无用户评论。