# vue-Ant Design管理平台

**Repository Path**: nmgwap/vue-antd

## Basic Information

- **Project Name**: vue-Ant Design管理平台
- **Description**: vue-antd本项目的定位是后台管理系统，适配中文、英文、日文。mock数据，开箱即用
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 519
- **Forks**: 150
- **Created**: 2020-04-02
- **Last Updated**: 2025-06-20

## Categories & Tags

**Categories**: backend

**Tags**: None

## README

# vue+antd搭建后台管理界面模版（PC端）

<img src="./src/static/login.png" width="100%" height="519px"/>  


#### 技术栈
vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里图标iconfont

#### 项目预览
[http://nmgwap.gitee.io/vue-antd/#/login](http://nmgwap.gitee.io/vue-antd/#/login)


#### 说明

>  账号密码不为空即可

>  本项目主要用于熟悉如何用 vue2 架构一个后端管理平台项目

>  为了方便后期修改使用，模拟数据在页面中，具体修改看下面【强调】

>  如果对您有帮助，您可以点右上角 "Star" 支持一下 谢谢！ ^_^

>  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目

>  开发环境 w7  Chrome 61

>  如有问题请直接在 Issues 中提，或者您发现问题并有非常好的解决方案，欢迎 PR 👍


#### 目录结构
------------------------

```bash
├── /public/         # 公共文件
├── /src/            # 源码目录
│ ├── /api/          # 请求
│ ├── /assets/       # 组件静态资源(图片)
│ ├── /components/   # 公共组件
| ├── /languages/    # 多语言配置
| ├── /minxins/      # minxins
│ ├── /router/       # 路由配置
│ ├── /styles/       # 公共样式
│ ├── /views/        # 路由组件(页面维度)
│ ├── /utils/        # 公共方法
│ ├── App.vue        # 组件入口
│ └── main.js        # 程序入口
├── .babelrc         # ES6语法编译配置
├── .editorconfig    # 定义代码格式
├── .eslintignore    # ES6规范忽略文件
├── .eslintrc.js     # ES6语法规范配置
├── .gitignore       # git忽略文件
├── package.json     # 项目依赖
└── README.md        # 项目文档
```

#### 强调

项目请求已经改为假数据，例如：
``` bash

数据为mock模拟数据
列表获取功能可用，修改删除功能已开发完成，需和后台对接相应字段即可

```



#### 部分截图
------------------------

登录
![登录](./src/static/login.png "登录")

首页
![首页](./src/static/index.png "首页")

菜单
![菜单](./src/static/menu.png "菜单")

角色
![角色](./src/static/role.png "角色")

用户
![用户](./src/static/user.png "用户")

字典
![字典](./src/static/zd.png "字典")



#### 运行项目
------------------------
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn serve
```

### Compiles and minifies for production
```
yarn build
```

### Lints and fixes files
```
yarn lint
```

#### 项目源码地址：
------------------------

码云地址：https://gitee.com/nmgwap/vue-antd  


#### 微信公众号
------------------------  

<img src="/src/static/wx.jpg"  width = "270" height = "270"/>