摘要:废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上
废话不多说直接上图
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
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/84762.html
摘要:废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上 废话不多说直接上图 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...
摘要:废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上 废话不多说直接上图 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...
摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...
摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...
摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...
阅读 4431·2021-11-24 10:24
阅读 1436·2021-11-22 15:22
阅读 2068·2021-11-17 09:33
阅读 2469·2021-09-22 15:29
阅读 537·2019-08-30 15:55
阅读 1680·2019-08-29 18:42
阅读 2754·2019-08-29 12:55
阅读 1797·2019-08-26 13:55