# 前端基础项目框架

**Repository Path**: yuqueen/vue3-basics-web

## Basic Information

- **Project Name**: 前端基础项目框架
- **Description**: 基于Vue 3、Vite、Ant Design Vue 4、TypeScript、pinia等基本实现了用户登录、系统管理（用户管理、角色管理、菜单管理），框架同时具有上下结构和左右结构。框架会根据登录用户所拥有的角色去查找该角色配备的菜单，动态去渲染到框架页面上。(存储数据用的是cookie，基本上没有用到pinia)
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-21
- **Last Updated**: 2026-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 基础系统
1. 登录页面：输入相应账号密码登录进入上下结构页面
![img.png](img.png)
2. 上下结构页面（管控组件）：点击右上角“后台管理”进入左右结构页面
![img_1.png](img_1.png)
3. 左右结构页面（基础组件）：可点击右上角小房子图标回到上下结构页面
![img_2.png](img_2.png)
## 快速开始
#### 1. 安装依赖：npm i
#### 2. 运行开发环境：npm run dev
#### 3. 打包：vite build