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

ityouknow 发布于2019-08-29 13:07 / 3567人阅读

摘要：废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上

废话不多说直接上图

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后台模板

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/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