基于 vue + zhengAdmin 的一套后臺(tái)模板

ityouknow 發(fā)布于2019-08-29 13:07 / 3611人閱讀

摘要：廢話不多說(shuō)直接上圖代碼權(quán)限管理系統(tǒng)權(quán)限管理系統(tǒng)內(nèi)容管理系統(tǒng)支付管理系統(tǒng)用戶管理系統(tǒng)存儲(chǔ)管理系統(tǒng)個(gè)人資料隱私管理退出登錄首頁(yè)系統(tǒng)組織管理系統(tǒng)管理其他數(shù)據(jù)管理百度代碼以上

廢話不多說(shuō)直接上圖

vue代碼：

            var data = {
                system_skin: "bloom-upms-server",
                //header
                system_title:"權(quán)限管理系統(tǒng)",
                system_list:[
                        {id:"1",skin:"bloom-upms-server",title:"權(quán)限管理系統(tǒng)",icon:"zmdi-shield-security"},
                        {id:"2",skin:"bloom-cms-admin",title:"內(nèi)容管理系統(tǒng)",icon:"zmdi-wikipedia"},
                        {id:"3",skin:"bloom-pay-admin",title:"支付管理系統(tǒng)",icon:"zmdi-paypal-alt"},
                        {id:"4",skin:"bloom-ucenter-home",title:"用戶管理系統(tǒng)",icon:"zmdi-account"},
                        {id:"5",skin:"bloom-oss-web",title:"存儲(chǔ)管理系統(tǒng)",icon:"zmdi-cloud"},
                ],
                //main
                user_menus: [
                        {title:"個(gè)人資料",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:"首頁(yè)",icon:"zmdi-home",url:"home",isOpenTab:true},
                        {title:"系統(tǒng)組織管理",icon:"zmdi-accounts-list",childer:[
                            {title:"系統(tǒng)管理",icon:"zmdi-account",url:"crud.html",isOpenTab:true}
                        ]},
                        {title:"其他數(shù)據(jù)管理",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

后期會(huì)盡快推出一個(gè)基于這套頁(yè)面+Spring Boot的基礎(chǔ)應(yīng)用

學(xué)習(xí)資料：
zhengAdmin
vue

GPU云服務(wù)器云服務(wù)器 zhengAdmin 網(wǎng)站后臺(tái)模板后臺(tái)模板框架 html后臺(tái)模板

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/112387.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

ityouknow

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

百度MIP技術(shù)快速入門（上）

閱讀 1984·2019-08-30 15:54
基于 vue + zhengAdmin 的一套后臺(tái)模板

閱讀 3612·2019-08-29 13:07
H5前端常見(jiàn)問(wèn)題

閱讀 3136·2019-08-29 12:39
簡(jiǎn)述Function類型

閱讀 1802·2019-08-26 12:13
這篇文章, 讓你了解 JavaScript 中的原型(基礎(chǔ)篇-圖文)

閱讀 1556·2019-08-23 18:31
判斷是否是閏年

閱讀 2171·2019-08-23 18:05
cookie的學(xué)習(xí)之路

閱讀 1861·2019-08-23 18:00
1.2 Node.js 安裝與使用-基礎(chǔ)配置-NodeJs+Express+Mysql實(shí)戰(zhàn)

閱讀 1053·2019-08-23 17:15

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

基于 vue + zhengAdmin 的一套后臺(tái)模板

相關(guān)文章