前言 由於之前的作者沒有再更新這個后台管理系統項目的文章了，我想着把它的項目重頭到位做一遍，把剩下的文章寫完，把這個項目記錄完整，以后遇到類似的后台管理系統項目，可以快速復習一些知識點。 新的項目地址：https://github.com/C4az6/vue ...

基本環境搭建完成 安裝npm包：npm -S i vue vue-router axios element-ui 配置Eslint： 打開設置，搜索Eslint拓展，然后將下面代碼覆蓋進去即可 Eslint配置代碼 ...

開胃小菜—左側導航菜單的動態生成 通過為指定的用戶指定角色，那么這個用戶登陸之后應該只能看到這個角色所對應的權限菜單, 我們是根據當前登陸用戶去獲取對應的菜單權限 步驟 分析接口文檔 ，發現不用傳遞參數，因為它是根據當前登陸用戶的token來動態獲取當前用戶的權限 添加接口 ...

項目優化策略 7、首頁內容定制 不同的打包環境下，首頁內容可能會有所不同，我們可以通過插件的方式進行定時，插件配置如下： 在 public/index.html 首頁中，可以根據 isProd 的值，來決定如何渲染頁面結構： 打開vue.config.js添加 ...

Vue項目練習--電商后台管理系統的功能---登錄頁面 用戶管理概述： 通過后台管理用戶的賬號信息，具體包括用戶信息的展示、添加、修改、刪除、角色分配、賬號啟用/注銷等功能。 1.列表展示 面包屑導航 el-breadcrum Element-UI ...

Vue項目練習--電商后台管理系統的功能---主頁的頁面布局 1. 整體布局 整體布局：先上下划分，之后左右划分，這是使用ElementUI中提供的Container組件 <el-container> <!-- 頭部區域 --> ...

文件上傳組件 接口上傳地址：action:http://localhost:8888/api/private/v1/upload 使用文件上傳組件實現文件上傳操作 接收上傳成功之后的返回值 將返回值中的指定的數據存儲到goodsForm的指定屬性中：pics ...

角色列表的增刪改查 1.添加角色 先根據API文檔編寫接口； 在角色組件內引用，然后給 添加角色 按鈕綁定一個點擊事件addRolesClick； 找到Element-UI中的Dialog組件，添加到頁面中； 參數 ...