# admin-front

**Repository Path**: liupengss/admin-front

## Basic Information

- **Project Name**: admin-front
- **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-10-03
- **Last Updated**: 2025-10-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Vue 3 + TypeScript + Element Plus 后台管理系统

这是一个基于 Vue 3、TypeScript 和 Element Plus 构建的现代化后台管理系统前端项目。

## 技术栈

- Vue 3 Composition API
- TypeScript
- Element Plus
- Vue Router
- Vite

## 项目结构

```
src/
├── layout/         # 布局组件
│   └── MainLayout.vue  # 主布局
├── views/          # 页面组件
│   ├── Home.vue    # 首页
│   ├── Demo.vue    # 演示页面
│   ├── Login.vue   # 登录页面
│   └── 404.vue     # 404页面
├── router/         # 路由配置
│   └── index.ts    # 路由定义
├── utils/          # 工具函数
├── store/          # 状态管理
├── assets/         # 静态资源
├── components/     # 公共组件
├── App.vue         # 应用入口组件
├── main.ts         # 应用入口文件
└── style.css       # 全局样式
```

## 功能特性

- 响应式布局，适配桌面端和移动端
- 侧边栏菜单（支持折叠）
- 路由守卫（用于权限控制和页面标题设置）
- 登录页面和登录逻辑
- 首页数据展示（统计卡片、图表等）
- 示例页面（表格、表单、弹窗等组件演示）

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 配置说明

- 开发服务器端口：3000
- API 代理配置：`/api` 请求转发到 `http://localhost:8080`
- 路径别名：`@` 指向 `src` 目录

## 注意事项

- 项目使用 TypeScript 进行类型检查
- 图标使用 Element Plus 的图标库
- 组件样式使用 scoped CSS