# vue-admin 后台管理模板

**Repository Path**: wangxinyanqc/vue-admin

## Basic Information

- **Project Name**: vue-admin 后台管理模板
- **Description**: vue-admin 后台管理系统
- **Primary Language**: Unknown
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 7
- **Forks**: 3
- **Created**: 2020-09-14
- **Last Updated**: 2025-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-admin

## 项目介绍

`vue-admin` 该项目是本人第一个完整开源项目，本项目采用 vue + ElementUI 技术栈实现，主要用于 vue-admin 管理后台的搭建, 经过真实项目的沉淀，精简出了该项目的基本框架，也完善了管理后台的基本功能，助你快速搭建后台管理系统模板。

> 项目功能点

- ElementUI 组件
- iconfont 字体图标引入
- localStorage,sessionStorage 封装
- vue-quill-editor富文本实现
- 国际化(i18n)
- eslint 格式化校验
- 函数节流、防抖
- vue 拦截器
- api 请求封装
- 常用工具函数(邮箱、手机号码、身份证、移动端、微信、IP地址、营业执照、密码强度、车牌号(新能源+非新能源)、高铁车次、日期格式)校验等

### 项目缩略图

> 登录界面
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github01.png)

> 国际化(i18n)
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github02.png)

> vue-quill-editor 富文本
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github03.png)

> ElementUI 表单
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github04.png)

> 函数节流、防抖、vue 全局过滤器
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github05.png)

> echart 图表
![功能演示](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/github06.png)

### 组织结构

``` lua
vue-admin
├── public -- 项目入口文件index.html目录
├── src -- 项目静态资源文件
├── .browserslistrc -- 浏览器兼容
├── .editorconfig -- EditorConfig就是用来协同团队开发人员之间的代码的风格及样式规范化的一个工具
├── .eslintrc -- eslint 规则配置文件
├── .gitignore -- git提交仓库时忽略的文件
├── babel.config -- babel 配置文件
├── package.json -- 项目依赖包文件
├── package-lock.json -- 锁定安装时的包的版本号
├── README -- 项目备注文件
└── vue.config.js -- vue项目配置文件
```
### 个人网站
https://13717135460.github.io/wangxinyan/#/index

### 个人博客
https://blog.csdn.net/qq_34402069?type=blog

<!-- ## 打赏
前后整理了一个月，希望能够帮助大家提高一点点效率！

![打赏](http://zk-img.oss-cn-qingdao.aliyuncs.com/github/alipay.png) -->

Copyright (c) 2020 wagnxinyan