logo
0
0
WeChat Login

徒步社区管理后台 (pig-ui)

基于 Vue 3 + Element Plus 的徒步社区管理后台前端。

技术栈

  • 框架: Vue 3 + TypeScript
  • UI: Element Plus
  • 构建: Vite 5
  • 状态管理: Pinia

快速开始

1. 环境要求

2. 安装依赖

npm install

3. 启动开发服务器

npm run dev

访问 http://localhost:8888

4. 登录

  • 用户名: admin
  • 密码: 123456

代理配置

开发环境通过 Vite 代理转发到 Gateway(.env.development):

VITE_ADMIN_PROXY_PATH = http://127.0.0.1:9999
前端路径代理到说明
/auth/**localhost:9999/auth/**认证服务
/admin/**localhost:9999/admin/**UPMS 服务
/hiking/**localhost:9999/hiking/**徒步业务服务

项目结构

pig-ui/
├── src/
│   ├── api/
│   │   ├── admin/          # 系统 API(user/role/menu/dict/log/file/token)
│   │   ├── hiking/         # 徒步业务 API(invite)
│   │   └── login/          # 登录 API
│   ├── views/
│   │   ├── admin/          # 系统管理页面(user/role/menu/dict/log/file/token)
│   │   ├── hiking/         # 徒步业务页面(user/leader)
│   │   ├── home/           # 首页仪表盘
│   │   ├── login/          # 登录页
│   │   └── error/          # 401/404 页面
│   ├── components/         # 公共组件
│   ├── layout/             # 布局组件
│   ├── stores/             # Pinia 状态管理
│   └── utils/              # 工具函数
├── .env.development        # 开发环境配置
├── vite.config.ts          # Vite 配置
└── package.json

菜单架构

菜单由后端 sys_menu 表动态控制,前端通过 /admin/menu 接口加载。

当前菜单结构

  • 首页
  • 用户中心(徒步业务)
    • 用户管理(施工中)
    • 领队认证(施工中)
    • 角色管理
  • 权限管理(系统)
    • 用户管理
    • 菜单管理
    • 角色管理
  • 系统管理
    • 日志管理 > 操作日志
    • 字典管理
    • 文件管理

相关项目

  • pig: ../pig/ - 后端微服务(Spring Boot + Spring Cloud)

About

后台管理系统,基于pig-ui构建

10.76 MiB
0 forks0 stars3 branches1 TagREADMEApache-2.0 license
Language
Vue65%
TypeScript26.7%
JavaScript1%
HTML0.2%
Others7.1%