光年后台管理模板(Light Year Admin)是一个基于Bootstrap v3.3.7的后台HTML模板。作为后端开发人员，自己在做一些简单系统时，经常为了后台的模板烦恼，因此今天向大家介绍一个对后端开发人员比较友好的管理模板，模板的作者本人也是一名开发人员，因此结合后端人员一些特点而开发的一套基于Bootstrap的管理模板，界面真的非常漂亮，而且功能也能满足大多数人需求！

Gitee坐标

https://gitee.com/yinqi/Light-Year-Admin-Template

https://gitee.com/yinqi/Light-Year-Admin-Using-Iframe

作者考虑到不同人群的开发习惯和方式，一共分为两半版本，一种是自带tab标签页的iframe版，另一种则是普通的页面版，可根据自己需要和业务需求选择不同的版本。

模板说明

普通版

网站主题切换，有默认白色，黑色，和渐变蓝绿色的半透明三种。另外：logo、顶部和侧边栏可单独调整颜色(黑色和半透明主题时选择白色不变)。

增加主题切换，增加了很多css，如果你不需要有主题切换功能，可将多余的内容删除掉。

HTML页面中删除掉<!--切换主题配色-->之间的内容

js中删除 line 137 - line 146

css中删除 line 2937 - line 3946

主题切换并没有存到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(去掉了自带的字体图标)

jQuery

bootstrap-colorpicker

bootstrap-datepicker

bootstrap-datetimepicker

ion-rangeslider

jquery-confirm

jquery-tags-input

bootstrap-notify

Chart.js

chosen.jquery.js

perfect-scrollbar

iframe版本：

Bootstrap(去掉了自带的字体图标)

JQuery

bootstrap-colorpicker

bootstrap-datepicker

bootstrap-datetimepicker

ion-rangeslider

jquery-confirm

jquery-tags-input

bootstrap-notify

Chart.js

chosen.jquery.js

perfect-scrollbar

Bootstrap-Multitabs

模板截图

一共有两个版本，这里我们选择带有tab的iframe版本的进行截图演示：

Tags：非常(7)管理(22)优秀(7)这是(21)模板(3)一套(1)静态(1)后端(1)LightY(1)

转载请标注：信息网——这是一套非常优秀的纯静态后端管理模板————LightYearAdmin