# 后端管理系统前端模板

**Repository Path**: project-template_8/front-end-template

## Basic Information

- **Project Name**: 后端管理系统前端模板
- **Description**: 管理系统前端模板，用于快速搭建项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-27
- **Last Updated**: 2025-07-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 通用管理系统前端

这个项目是通用管理系统的前端界面，基于Vue 3和Vite构建，提供用户管理、订单处理、数据统计和权限配置等功能。

## 推荐IDE设置

[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（并禁用Vetur）。

## 项目信息

- 项目版本: 0.0.0
- 核心依赖版本:
  - Vue: ^3.5.17
  - Vue Router: ^4.5.1
  - Element Plus: ^2.10.4
  - TypeScript: ~5.8.0
  - Vite: ^7.0.0

## TypeScript支持

TypeScript默认无法处理.vue导入的类型信息，因此我们使用`vue-tsc`替代`tsc`进行类型检查。在编辑器中，需要[Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar)使TypeScript语言服务识别.vue类型。

## 配置自定义

参见[Vite配置参考](https://vite.dev/config/)。

## 项目设置

```sh
npm install
```

### 开发环境编译和热重载

```sh
npm run dev
```

### 类型检查、编译和生产环境构建

```sh
npm run build
```

## 功能特点

- 用户登录与权限管理
- 订单管理与状态跟踪
- 数据统计与可视化展示
- 角色与权限配置

## 项目结构

- `src/views/` - 页面组件
- `src/components/` - 通用组件
- `src/router/` - 路由配置
- `src/store/` - 状态管理
- `src/http/` - API请求
- `src/types/` - TypeScript类型定义