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

完整代碼下載地址：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

如有問題請直接在 Issues 中提，或者您發現問題并有非常好的解決方案，歡迎 PR 👍

目錄結構

---

├── /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

完整代碼下載地址：vue+antd搭建后臺管理界面模版（PC端）

總結

以上是生活随笔為你收集整理的vue+antd搭建后台管理界面模版（PC端），适配中文、英文、日文 mock数据，开箱即用的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。