# 后台管理系统

**Repository Path**: chao-zhengchao/backend-management-system

## Basic Information

- **Project Name**: 后台管理系统
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-05
- **Last Updated**: 2025-12-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 后台管理系统模板

基于 Vue 3 + TypeScript + Vite + Pinia + Tailwind CSS 的后台管理系统模板，使用纯自定义组件实现。

## 技术栈

- **Vue 3** - 渐进式 JavaScript 框架
- **TypeScript** - JavaScript 的超集
- **Vite** - 下一代前端构建工具
- **Pinia** - Vue 状态管理库
- **Vue Router** - Vue.js 官方路由
- **Axios** - 基于 Promise 的 HTTP 客户端
- **Tailwind CSS** - 实用优先的 CSS 框架
- **自定义 UI 组件** - 纯 TailwindCSS 实现的组件库

## 项目结构

```
trading-vue/
├── public/              # 静态资源
├── src/
│   ├── components/      # 通用组件
│   ├── layouts/         # 布局组件
│   ├── router/          # 路由配置
│   ├── stores/          # Pinia 状态管理
│   ├── styles/          # 全局样式
│   ├── utils/           # 工具函数
│   ├── views/           # 页面组件
│   ├── App.vue          # 根组件
│   └── main.ts          # 应用入口
├── .env                 # 环境变量
├── index.html           # HTML 入口
├── package.json         # 项目依赖
├── tailwind.config.js   # Tailwind 配置
├── tsconfig.json        # TypeScript 配置
└── vite.config.ts       # Vite 配置
```

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 功能特性

- ✅ 用户登录/登出
- ✅ 路由权限控制
- ✅ 响应式侧边栏布局
- ✅ 仪表盘数据展示
- ✅ 用户管理 CRUD
- ✅ 系统设置
- ✅ 404 错误页面
- ✅ Axios 请求封装
- ✅ Pinia 状态管理

## 默认账号

登录时输入任意用户名密码即可进入系统（模拟登录）。

## License

MIT