美文网首页BootstrapVue.jsVue.js专区
[TsAdmin]--一款基于Vue.js+Element UI

[TsAdmin]--一款基于Vue.js+Element UI

作者: Rector | 来源:发表于2017-12-18 16:54 被阅读134次

    前言

    很高兴今天在这里跟大家分享一款全新的后台管理系统UI模板--TsAdmin.


    TsAdmin是图享网自主开发的一款基于Vue.js+Element UI 的单页无刷新(无iframe)多选项卡的后台管理系统模板,截图如下 :

    基于Vue.js+Element UI的单页无刷新(无iframe)多选项卡的后台管理系统模板--TsAdmin

    TsAdmin中主要集成了以下的优秀功能:

    一、 无限递归的左侧菜单

    支持无限级递归的菜单树,你只需要提供格式规范的JSON数组对象即可,如:

    [{ title: '系统设置', name: '1systemsettings', expand: true, uniqueNo: '1systemsettings', children: [{ title: '首页', name: '首页', path: '/homepage', allowClose: false, uniqueNo: 'homepage', children: [] }, { title: '仪表盘', name: '仪表盘', path: '/dashboard', uniqueNo: 'dashboard', allowClose: true, children: [] },{ title: '用户管理[未实现]', name: '10001usermanagement', uniqueNo: '10001usermanagement', children: [] }, { title: '角色管理[未实现]', name: '10002rolemanagement', uniqueNo: '10002rolemanagement', children: [] }, { title: '权限管理[未实现]', name: '10003permissionmanagement', uniqueNo: '10003permissionmanagement', children: [] }] }, { title: '报表设置', name: '2reportsettings', uniqueNo: '2reportsettings', expand: false, children: [{ title: '表格报表管理[未实现]', name: '20001gridreportmanagement', uniqueNo: '20001gridreportmanagement', children: [] }, { title: '图形报表管理[未实现]', name: '20002graphyreportmanagement', uniqueNo: '20002graphyreportmanagement', children: [] }] }]

    二、可展开/收缩的左侧菜单

    TsAdmin实现了点击头部导航的"菜单开关"来切换菜单的展开/收缩状态,并带炫酷的动画效果

    三、整个页面无刷新(且以无iframe实现)

    这也是TsAdmin后台模板系统框架比目前流行的其他框架更舒服的地方吧,这也是作者一直在追求和努力实现的后台管理系统的一种方式。在TsAdmin模板中,你将可以体验中SPA的流畅操作以及更好的交互体验,因为TsAdmin是页面无刷新的,也无iframe嵌套的。

    四、以选项卡方式打开各个菜单对应的窗体

    在TsAdmin中,你将体验到类似桌面应用的选项卡操作体验,每个菜单选项都可以以选项卡的方式在右侧的选项卡显示区域呈现。更高级的是,TsAdmin还支持将当前打开的选项卡添加到头部的工作台,当把选项卡成功添加到工作台后,便可以从工作台中重新打开或者激活对应的窗体。

    五、数据双向绑定及前后端分离

    数据双向绑定这是肯定的,因为TsAdmin是基于Vue.js的,至于前后端分离,目前预览版的数据还是纯文本的,所以后端还未涉及到。

    现在是不是有些期待TsAdmin这套全新的后台管理系统模板呢?那现在就去看看TsAdmin的预览版本是什么样的吧

    欢迎大家对TsAdmin踊跃吐槽。同时也欢迎加入图享网的QQ群:483350228,更有其他学习资源和干货下载,欢迎入群。

    本文出至 图享网 《[TsAdmin]--一款基于Vue.js+Element UI的单页无刷新(无iframe)多选项卡的后台管理系统模板

    相关文章

      网友评论

        本文标题:[TsAdmin]--一款基于Vue.js+Element UI

        本文链接:https://www.haomeiwen.com/subject/ybpmwxtx.html