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

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

技術(shù)棧

vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里圖標(biāo)iconfont

項目預(yù)覽

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

說明

賬號密碼不為空即可

本項目主要用于熟悉如何用 vue2 架構(gòu)一個后端管理平臺項目

為了方便后期修改使用，模擬數(shù)據(jù)在頁面中，具體修改看下面【強調(diào)】

如果對您有幫助，您可以點右上角 “Star” 支持一下 謝謝！ ^_

或者您可以 “follow” 一下，我會不斷開源更多的有趣的項目

開發(fā)環(huán)境 w7 Chrome 61

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

目錄結(jié)構(gòu)

---

├── /public/ # 公共文件 ├── /src/ # 源碼目錄 │ ├── /api/ # 請求 │ ├── /assets/ # 組件靜態(tài)資源(圖片) │ ├── /components/ # 公共組件 | ├── /languages/ # 多語言配置 | ├── /minxins/ # minxins │ ├── /router/ # 路由配置 │ ├── /styles/ # 公共樣式 │ ├── /views/ # 路由組件(頁面維度) │ ├── /utils/ # 公共方法 │ ├── App.vue # 組件入口 │ └── main.js # 程序入口 ├── .babelrc # ES6語法編譯配置 ├── .editorconfig # 定義代碼格式 ├── .eslintignore # ES6規(guī)范忽略文件 ├── .eslintrc.js # ES6語法規(guī)范配置 ├── .gitignore # git忽略文件 ├── package.json # 項目依賴 └── README.md # 項目文檔

強調(diào)

項目請求已經(jīng)改為假數(shù)據(jù)，例如：

數(shù)據(jù)為mock模擬數(shù)據(jù) 列表獲取功能可用，修改刪除功能已開發(fā)完成，需和后臺對接相應(yīng)字段即可

部分截圖

---

運行項目

---

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端）

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。