时间:2023-04-15 16:22:58 点击次数:11
光年后台管理模板(Light Year Admin)是一个基于Bootstrap v3.3.7的后台HTML模板。作为后端开发人员,自己在做一些简单系统时,经常为了后台的模板烦恼,因此今天向大家介绍一个对后端开发人员比较友好的管理模板,模板的作者本人也是一名开发人员,因此结合后端人员一些特点而开发的一套基于Bootstrap的管理模板,界面真的非常漂亮,而且功能也能满足大多数人需求!
https://gitee.com/yinqi/Light-Year-Admin-Template
https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe
作者考虑到不同人群的开发习惯和方式,一共分为两半版本,一种是自带tab标签页的iframe版,另一种则是普通的页面版,可根据自己需要和业务需求选择不同的版本。
网站主题切换,有默认白色,黑色,和渐变蓝绿色的半透明三种。另外:logo、顶部和侧边栏可单独调整颜色(黑色和半透明主题时选择白色不变)。
增加主题切换,增加了很多css,如果你不需要有主题切换功能,可将多余的内容删除掉。
主题切换并没有存到cookie中,大家根据自己实际情况,做cookie存储或者其他方式。
jquery-cookie保存设置示例 // 读取cookie中的主题设置 var the_logo_bg = $.cookie(the_logo_bg), the_header_bg = $.cookie(the_header_bg), the_sidebar_bg = $.cookie(the_sidebar_bg), the_site_theme = $.cookie(the_site_theme); console.log(the_logo_bg); if (the_logo_bg) $(body).attr(data-logobg, the_logo_bg); if (the_header_bg) $(body).attr(data-headerbg, the_header_bg); if (the_sidebar_bg) $(body).attr(data-sidebarbg, the_sidebar_bg); if (the_site_theme) $(body).attr(data-theme, the_site_theme); // 设置主题配色 setTheme = function(input_name, data_name) { $("input[name="+input_name+"]").click(function(){ $(body).attr(data_name, $(this).val()); $.cookie(the_+input_name, $(this).val()); }); } setTheme(site_theme, data-theme); setTheme(logo_bg, data-logobg); setTheme(header_bg, data-headerbg); setTheme(sidebar_bg, data-sidebarbg); iframe版项目在Light Year Admin的基础上整理修改而来,用到了开源项目Bootstrap-Multitabs来实现多标签页,稍微做了一些修改。
相对于Light Year Admin的项目,去掉了暗黑和半透明的两个主题所有需要的链接加上class="multitabs"因为插件做了一些修改,在顶部的下拉菜单(dropdown-menu)中,不要把链接写在href里面,放到data-url里插件用到了HTML5的会话存储,因此在修改了init里的默认地址后,可以再浏览器控制台执行下sessionStorage.clear(); // cache配置为true时普通版:
Bootstrap(去掉了自带的字体图标)jQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbariframe版本:
Bootstrap(去掉了自带的字体图标)JQuerybootstrap-colorpickerbootstrap-datepickerbootstrap-datetimepickerion-rangesliderjquery-confirmjquery-tags-inputbootstrap-notifyChart.jschosen.jquery.jsperfect-scrollbarBootstrap-Multitabs一共有两个版本,这里我们选择带有tab的iframe版本的进行截图演示:
以上是部分页面的截图,已经包括了很多功能在里面,包括列表、表单、分步表单、主体配色、多级菜单、模态框、确认框、提示、登录、404等!另附两张普通版中的暗色系以及彩色系主题:
LightYearAdmin管理模板对后端人员可以说非常的友好了,笔者认为从配色、样式、布局、操作等方面都非常友好,如果你正好缺一款属于适合的模板,不妨试试看!
PS:相关文件在Gitee上都可以下载,这是纯静态模板,适合任何后端语言进行配合开发!大家也可以多多支持模板作者!谢谢!