资讯专栏INFORMATION COLUMN

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

cnTomato / 2263人阅读

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

废话不多说直接上图







vue代码:

</>复制代码

  1. var data = {
  2. system_skin: "bloom-upms-server",
  3. //header
  4. system_title:"权限管理系统",
  5. system_list:[
  6. {id:"1",skin:"bloom-upms-server",title:"权限管理系统",icon:"zmdi-shield-security"},
  7. {id:"2",skin:"bloom-cms-admin",title:"内容管理系统",icon:"zmdi-wikipedia"},
  8. {id:"3",skin:"bloom-pay-admin",title:"支付管理系统",icon:"zmdi-paypal-alt"},
  9. {id:"4",skin:"bloom-ucenter-home",title:"用户管理系统",icon:"zmdi-account"},
  10. {id:"5",skin:"bloom-oss-web",title:"存储管理系统",icon:"zmdi-cloud"},
  11. ],
  12. //main
  13. user_menus: [
  14. {title:"个人资料",icon:"zmdi-account",url:"",isOpenTab:true},
  15. {title:"隐私管理",icon:"zmdi-face",url:"",isOpenTab:true},
  16. {title:"退出登录",icon:"zmdi-run",url:"?logout",isOpenTab:false}
  17. ],
  18. user:{
  19. avater:"app/img/avatar.jpg",
  20. name:"bloom"
  21. },
  22. menus: [
  23. {title:"首页",icon:"zmdi-home",url:"home",isOpenTab:true},
  24. {title:"系统组织管理",icon:"zmdi-accounts-list",childer:[
  25. {title:"系统管理",icon:"zmdi-account",url:"crud.html",isOpenTab:true}
  26. ]},
  27. {title:"其他数据管理",icon:"zmdi-more",childer:[
  28. {title:"百度",icon:"zmdi-lock-outline",url:"https://www.baidu.com/",isOpenTab:true},
  29. ]}
  30. ]
  31. }
  32. var vue = new Vue({
  33. el:"#app",
  34. data: data,
  35. crated:function(){
  36. this.system_skin = $.cookie("bloom-skin-name") || this.system_list[0].skin;
  37. this.system_title = $.cookie("bloom-system-title") || this.system_list[0].title;
  38. $("title").text(this.system_title);
  39. },
  40. methods:{
  41. sys_switch:function(sys){
  42. $.cookie("bloom-skin-name", sys.skin);
  43. $.cookie("bloom-system-title", sys.title);
  44. this.system_skin = sys.skin;
  45. this.system_title = sys.title;
  46. $("title").text(this.system_title);
  47. },
  48. search:function(q){
  49. console.log(q);
  50. },
  51. open_tab:function(title,url){
  52. console.log(title,url)
  53. Tab.addTab(title,url)
  54. }
  55. }
  56. })

代码以上传github

后期会尽快推出一个基于这套页面+Spring Boot的基础应用

学习资料:
zhengAdmin
vue

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

转载请注明本文地址:https://www.ucloud.cn/yun/84762.html

相关文章

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

    摘要:废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上 废话不多说直接上图 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...

    chengjianhua 评论0 收藏0
  • 基于 vue + zhengAdmin 一套后台模板

    摘要:废话不多说直接上图代码权限管理系统权限管理系统内容管理系统支付管理系统用户管理系统存储管理系统个人资料隐私管理退出登录首页系统组织管理系统管理其他数据管理百度代码以上 废话不多说直接上图 showImg(https://segmentfault.com/img/bVSqSD?w=1332&h=665);showImg(https://segmentfault.com/img/bVSqW...

    ityouknow 评论0 收藏0
  • Spring Boot [基于Spring Boot 与 Vue后台脚手架] SanJi Boo

    摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...

    stackfing 评论0 收藏0
  • Spring Boot [基于Spring Boot 与 Vue后台脚手架] SanJi Boo

    摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...

    TZLLOG 评论0 收藏0
  • Spring Boot [基于Spring Boot 与 Vue后台脚手架] SanJi Boo

    摘要:导读在上篇文章中谈到了最近基于搭建了一个简易的后台页面框架,在这篇文章中将其与结合,算是之前在学习资料收集进阶篇中的最后一个项目案例,希望能对大家有些帮助。 导读: 在上篇文章中谈到了最近基于Vue+zhengAdmin 搭建了一个简易的后台页面框架,在这篇文章中将其与Spring Boot 结合,算是之前 在Spring Boot 学习资料收集 进阶篇 中的最后一个项目案例,希望能对...

    lindroid 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<