基于 vue + zhengAdmin 的一套后臺模板

ityouknow 發布于2019-08-29 13:07 / 3595人閱讀

摘要：廢話不多說直接上圖代碼權限管理系統權限管理系統內容管理系統支付管理系統用戶管理系統存儲管理系統個人資料隱私管理退出登錄首頁系統組織管理系統管理其他數據管理百度代碼以上

廢話不多說直接上圖

vue代碼：

            var data = {
                system_skin: "bloom-upms-server",
                //header
                system_title:"權限管理系統",
                system_list:[
                        {id:"1",skin:"bloom-upms-server",title:"權限管理系統",icon:"zmdi-shield-security"},
                        {id:"2",skin:"bloom-cms-admin",title:"內容管理系統",icon:"zmdi-wikipedia"},
                        {id:"3",skin:"bloom-pay-admin",title:"支付管理系統",icon:"zmdi-paypal-alt"},
                        {id:"4",skin:"bloom-ucenter-home",title:"用戶管理系統",icon:"zmdi-account"},
                        {id:"5",skin:"bloom-oss-web",title:"存儲管理系統",icon:"zmdi-cloud"},
                ],
                //main
                user_menus: [
                        {title:"個人資料",icon:"zmdi-account",url:"",isOpenTab:true},
                        {title:"隱私管理",icon:"zmdi-face",url:"",isOpenTab:true},
                        {title:"退出登錄",icon:"zmdi-run",url:"?logout",isOpenTab:false}
                ],
                user:{
                        avater:"app/img/avatar.jpg",
                        name:"bloom"
                },
                menus: [
                        {title:"首頁",icon:"zmdi-home",url:"home",isOpenTab:true},
                        {title:"系統組織管理",icon:"zmdi-accounts-list",childer:[
                            {title:"系統管理",icon:"zmdi-account",url:"crud.html",isOpenTab:true}
                        ]},
                        {title:"其他數據管理",icon:"zmdi-more",childer:[
                            {title:"百度",icon:"zmdi-lock-outline",url:"https://www.baidu.com/",isOpenTab:true},
                        ]}
                ]
            }
        
        var vue = new Vue({
            el:"#app",
            data: data,
            crated:function(){
                this.system_skin = $.cookie("bloom-skin-name") || this.system_list[0].skin;
                this.system_title = $.cookie("bloom-system-title") || this.system_list[0].title;
                $("title").text(this.system_title);
            },
            methods:{
                sys_switch:function(sys){
                    $.cookie("bloom-skin-name", sys.skin);
                    $.cookie("bloom-system-title", sys.title);
                    this.system_skin = sys.skin;
                    this.system_title = sys.title;
                    $("title").text(this.system_title);
                },
                search:function(q){
                    console.log(q);
                },
                open_tab:function(title,url){
                    console.log(title,url)
                    Tab.addTab(title,url)
                }
            }
        })

代碼以上傳github

后期會盡快推出一個基于這套頁面+Spring Boot的基礎應用

學習資料：
zhengAdmin
vue

GPU云服務器云服務器 zhengAdmin 網站后臺模板后臺模板框架 html后臺模板

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/112387.html

基于 vue + zhengAdmin 的一套后臺模板

摘要：廢話不多說直接上圖代碼權限管理系統權限管理系統內容管理系統支付管理系統用戶管理系統存儲管理系統個人資料隱私管理退出登錄首頁系統組織管理系統管理其他數據管理百度代碼以上廢話不多說直接上圖 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...

chengjianhua 2019-08-01 17:21 評論0 收藏0
基于 vue + zhengAdmin 的一套后臺模板

摘要：廢話不多說直接上圖代碼權限管理系統權限管理系統內容管理系統支付管理系統用戶管理系統存儲管理系統個人資料隱私管理退出登錄首頁系統組織管理系統管理其他數據管理百度代碼以上廢話不多說直接上圖 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...

cnTomato 2019-08-20 18:36 評論0 收藏0
Spring Boot [基于Spring Boot 與 Vue的后臺腳手架] SanJi Boo

摘要：導讀在上篇文章中談到了最近基于搭建了一個簡易的后臺頁面框架，在這篇文章中將其與結合，算是之前在學習資料收集進階篇中的最后一個項目案例，希望能對大家有些幫助。導讀：在上篇文章中談到了最近基于Vue+zhengAdmin 搭建了一個簡易的后臺頁面框架，在這篇文章中將其與Spring Boot 結合，算是之前在Spring Boot 學習資料收集進階篇中的最后一個項目案例，希望能對...

stackfing 2019-08-21 11:53 評論0 收藏0
Spring Boot [基于Spring Boot 與 Vue的后臺腳手架] SanJi Boo

摘要：導讀在上篇文章中談到了最近基于搭建了一個簡易的后臺頁面框架，在這篇文章中將其與結合，算是之前在學習資料收集進階篇中的最后一個項目案例，希望能對大家有些幫助。導讀：在上篇文章中談到了最近基于Vue+zhengAdmin 搭建了一個簡易的后臺頁面框架，在這篇文章中將其與Spring Boot 結合，算是之前在Spring Boot 學習資料收集進階篇中的最后一個項目案例，希望能對...

TZLLOG 2019-08-15 11:09 評論0 收藏0
Spring Boot [基于Spring Boot 與 Vue的后臺腳手架] SanJi Boo

摘要：導讀在上篇文章中談到了最近基于搭建了一個簡易的后臺頁面框架，在這篇文章中將其與結合，算是之前在學習資料收集進階篇中的最后一個項目案例，希望能對大家有些幫助。導讀：在上篇文章中談到了最近基于Vue+zhengAdmin 搭建了一個簡易的后臺頁面框架，在這篇文章中將其與Spring Boot 結合，算是之前在Spring Boot 學習資料收集進階篇中的最后一個項目案例，希望能對...

lindroid 2019-06-21 16:36 評論0 收藏0