# vue3-vite-elementplus

**Repository Path**: k8s-devops/vue3_vite_element-plus

## Basic Information

- **Project Name**: vue3-vite-elementplus
- **Description**: vite2+vue3.2+script setup+element plus前端项目初始化模板
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 9
- **Created**: 2024-04-24
- **Last Updated**: 2024-04-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue3.3 + vite4 + pinia + element plus
PC前端项目初始化模板，用于快速开发后台管理项目

## 功能亮点

* 用户登录、用户注销、修改密码
* 封装axios
* 封装pinia
* 封装dayjs
* 支持主题换肤、深色模式
* 封装远程模糊搜索框
* 封装表格组件，支持数据查询、新增数据、修改数据、删除数据、分页、批量操作
* 封装excel组件，支持数据批量导入与导出
* 动态权限菜单功能(待实现)

## 项目截图

* 登录页
  ![本地路径](./screenshot/Snipaste_2024-01-16_10-15-58.png)
* 首页
  ![本地路径](./screenshot/Snipaste_2024-01-16_10-16-12.png)
* 演示页
  ![本地路径](./screenshot/Snipaste_2024-01-16_10-16-30.png)
* 表格页
  ![本地路径](./screenshot/Snipaste_2024-01-16_10-16-57.png)
  ![本地路径](./screenshot/Snipaste_2024-01-16_10-17-18.png)
  ![本地路径](./screenshot/Snipaste_2024-02-22_16-48-29.png)
## 开发与运行

### 安装依赖
```
npm install
```

### 开发模式调试
```
npm run dev
```

### 打包项目
```
npm run build
```

### 运行项目
```
docker build -t vue:v1 .
docker run --name vue -d -p 80:80 vue:v1
```