vue-antd後臺管理系統

vue-antd本項目的定位是後臺管理系統,適配中文、英文、日文。mock數據,開箱即用

技術棧

vue2 + vuex + vue-router + webpack + ES6/7 + axios + antd + 阿里圖標iconfont

目錄結構


<code>├── /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 # 項目文檔/<code>

強調

項目請求已經改為假數據,例如:

<code>
數據為mock模擬數據
列表獲取功能可用,修改刪除功能已開發完成,需和後臺對接相應字段即可

/<code>

部分截圖


登錄

vue-antd後臺管理系統

首頁

vue-antd後臺管理系統

菜單

vue-antd後臺管理系統

角色

vue-antd後臺管理系統

用戶

vue-antd後臺管理系統

字典

vue-antd後臺管理系統

運行項目


<code>yarn install/<code>

Compiles and hot-reloads for development

<code>yarn serve/<code>

Compiles and minifies for production

<code>yarn build/<code>

Lints and fixes files

<code>yarn lint/<code>

項目源碼地址:


碼雲地址:https://gitee.com/nmgwap/vue-antd


分享到:


相關文章: