前提： （1） 相關博文地址： （2）代碼地址： 一、定義公共組件頁面 　　簡單的頁面效果如下所示：（做的比較粗糙，大致理解頁面即可） 1、安裝 element-ui （1）簡介　　一款 ui 框架。使用 element-ui ...

前提： （1） 相關博文地址： （2）代碼地址： 一、引入 vuex 進行狀態管理 1、簡介 　　vuex指的是一種狀態管理模式，集中式管理所有組件的狀態（管理數據）。 使用場景分析：　　之前 Home.vue 頁面中，Header ...

一、簡介 1、項目介紹 （1）基本介紹　　使用 vue 以及 element-ui 搭建一個 后台管理系統的模板。　　當然，這類模板網上有很多，可以直接下載使用。　　寫這個項目的目的，純屬練手（寫的比較糙）。 （2）軟件使用　　開發工具（隨意選擇，能提高開發效率即可 ...

回到頂部 一、簡介 1、項目介紹 （1）基本介紹　　使用 vue 以及 element-ui 搭建一個 后台管理系統的模板。　　當然，這類模板網上有很多，可以直接下載使用。　　寫這個項目的目的，純屬練手（寫的比較糙）。 （2）軟件使用 ...

前提： （1） 相關博文地址： （2）代碼地址： 一、引入 vue-router 進行路由管理 1、簡單了解下 　　之前在 搭建基本頁面時，已經簡單使用過，這里再深入了解一下。（1）文件格式如下　　由於創建項目時，指定了 router ...

前提： （1） 相關博文地址： （2）代碼地址： 一、引入 js-cookie 1、簡介 　　為了保存 token 值，可以使用 cookie 或者 localStorage 或者 sessionStorage 保存。　　此處采用 cookie ...

SpringBoot + Vue + ElementUI 實現后台管理系統模板 -- 前端篇（六）：使用 vue-router 進行動態加載菜單 閱讀目錄 一、獲取動態菜單數據 1、介紹 2、使用 mock 模擬返回 動態菜單 ...

前提： （1） 相關博文地址： （2）代碼地址： 一、獲取動態菜單數據 1、介紹 （1）為什么使用動態加載菜單？　　在之前的 router 中，菜單的顯示都是寫死的。　　而實際業務需求中，可能需要動態的從后台獲取菜單數據並顯示，這就需要動態加載菜單 ...