摘要:增加文件上傳插件,主要用于管理后臺的資源,之前我們運營是每次都要去上傳文件,而有了這個插件管理,就可以不用上傳重復的資源。現目前上傳的文件沒有用數據庫來管理,而是直接用獲取文件的形式,也是偷懶,有時間再實現吧。
項目全面更新 https://segmentfault.com/a/11... 前言
項目前端地址: https://github.com/lmxdawn/vu...
項目后端地址: https://github.com/lmxdawn/vu...
歡迎大家的star
20180519 更新這次加了一個通宵班, 沒辦法強迫癥。
1.增加文件上傳插件,主要用于管理后臺的資源,之前我們運營是每次都要去上傳文件,而有了這個插件管理,就可以不用上傳重復的資源。上傳插件實現了把漢字自動轉成拼音(都知道中文路徑時不友好的)。現目前上傳的文件沒有用數據庫來管理,而是直接用獲取文件的形式,也是偷懶,有時間再實現吧。
廢話不多說,貼圖 20180428 更新1.增加 mock 模擬數據。注意(改為API接口數據時一定要把 main.js 里面引入的 mock.js 刪掉)
2.增加左側導航欄的左右收折功能,特別注意一點就是 由于 element-ui 的導航菜單的原因,在el-submenu 外層加了 div 時,收折就隱藏不了文字,所以要自己加上 css 樣式,放在 base.scss 下面
// 左側導航欄的折疊后的樣式 .slide-hide { .el-menu--collapse { .el-submenu { .el-submenu__title { span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } .el-submenu__icon-arrow { display: none; } } } .el-menu-item { .el-tooltip { span { height: 0; width: 0; overflow: hidden; visibility: hidden; display: inline-block; } } } } }
效果如下:
[x] 管理員登錄
[x] 登錄
[x] 修改密碼
[x] 角色管理
[x] 權限管理
[x] 401/404錯誤頁面
[x] 動態面包屑
[x] 動態側邊欄
安裝步驟git clone https://github.com/lmxdawn/vue-admin-html.git // 把模板下載到本地 cd vue-admin-html // 進入模板目錄 npm install // 安裝項目依賴,等待安裝完成之后本地開發
// 開啟服務器,瀏覽器訪問 http://localhost:8080 npm run dev構建生產
// 執行構建命令,生成的dist文件夾放在服務器下即可訪問 npm run build用到的東西
icon 圖標: 用阿里巴巴矢量圖標庫,地址 http://www.iconfont.cn 怎么下載圖標及下載 自行百度,圖標放在 src/assets/icons 目錄下面,把 iconfont 里創建的項目圖標現在 解壓后直接放入 這個目錄即可,值得注意的是,因為采用了 eslint ,所以 iconfont.js 頭部要加 /*eslint-disable */ 忽略錯誤
Online Demo(建議使用最新版Chrome瀏覽器)
在線 Demo
一些文章地址:
VUE后臺管理的文章
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/28688.html
摘要:前言本文的前身是源自上的項目但由于該項目上次更新時間為年月日,很多內容早已過期或是很多近期優秀組件未被收錄,所以小肆今天重新更新了內容并新建項目。提交的項目格式如下項目名稱子標題相關介紹如果收錄的項目有錯誤,可以通過反饋給小肆。 前言 本文的前身是源自github上的項目awesome-github-vue,但由于該項目上次更新時間為2017年6月12日,很多內容早已過期或是很多近期優...
摘要:同時增加了單元測試,使用了,增加了可視化配置權限,增加了自定義布局等等,優化了原先的權限方案,支持不刷新頁面更新路由等等功能。雖然它的初衷是為了單元測試的,但正好滿足了我們的需求。它會重寫瀏覽器的對象,從而才能攔截所有請求,代理到本地。 前言 vue-element-admin 從 2017.04.17提交第一個 commit 以來,維護至今已經有兩年多的時間了了,發布了四十多個版本,...
摘要:同時增加了單元測試,使用了,增加了可視化配置權限,增加了自定義布局等等,優化了原先的權限方案,支持不刷新頁面更新路由等等功能。雖然它的初衷是為了單元測試的,但正好滿足了我們的需求。它會重寫瀏覽器的對象,從而才能攔截所有請求,代理到本地。前言 vue-element-admin 從 2017.04.17提交第一個 commit 以來,維護至今已經有兩年多的時間了了,發布了四十多個版本,收獲了三...
閱讀 1818·2021-11-18 13:21
閱讀 1953·2021-10-18 13:30
閱讀 1539·2021-10-12 10:13
閱讀 906·2021-10-09 09:43
閱讀 5413·2021-09-22 15:13
閱讀 3583·2021-08-11 10:22
閱讀 936·2019-08-30 13:46
閱讀 3520·2019-08-30 13:21