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