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

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

项目预览

http://nmgwap.gitee.io/vue-antd/#/login

说明

账号密码不为空即可

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

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

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

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

开发环境 w7 Chrome 61

目录结构 ├── /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 # 项目文档 强调

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

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

登录

首页

菜单

角色

用户

字典

运行项目 yarn install Compiles and hot-reloads for development yarn serve Compiles and minifies for production yarn build Lints and fixes files yarn lint