光年(Light Year Admin)后台管理系统模板

演示网址

http://lyear.itshubao.com

交流群

703726776

介绍

光年(Light Year Admin)后台管理系统模板是一个基于Bootstrap v3.3.7的纯HTML模板。

猛戳这里去iframe版本

作为后端开发人员，自己在做一些简单系统时，经常为了后台的模板烦恼，国内的少，也不太喜欢tab形式的；国外的又太复杂；vue什么框架的又不会用，因而想自己整理出来一个简单点的通用后台模板，结合自己的使用和国外模板的配色、细节处理，这就有了光年后台模板。

简洁而清新的后台模板，功能虽少，倒也满足简单的后台功能，也能够快速上手，希望大家支持。

说明

网站主题切换，有默认白色，黑色，和渐变蓝绿色的半透明三种。另外：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');

由jquery读取设置，可能会受到加载速度的影响

特别感谢

• Bootstrap(去掉了自带的字体图标)
• JQuery
• bootstrap-colorpicker
• bootstrap-datepicker
• bootstrap-datetimepicker
• ion-rangeslider
• jquery-confirm
• jquery-tags-input
• bootstrap-notify
• Chart.js
• chosen.jquery.js
• perfect-scrollbar

更新记录

2019.08.04 修改样式bug

2019.05.13 略微调整单选框和复选框的样式

2019.04.24 新增文档示例页面增加多图上传样式（只有样式），调整标签插件样式和js的默认提示

2019.04.21 新增步骤条和向导插件，修改消息方法（新增自定义消失时间），增加错误页面，增加通知消息页面说明，调整设置页样式

2019.03.31 新增暗黑、半透明 两种主题样，所有页面都增加切换html

2019.03.30 修正bootstrap-datetimepicker图标bug，调整一些样式

2019.03.28 新增主题配色切换

• 颜色切换，主要针对logo，顶部，侧边栏
• 目前只在首页页面增加切换，并且未将设置存储到cookie

2019.03.25 微调单选框和复选框禁用下的颜色

2019.03.22 调整侧边栏隐藏/显示操作，开关改为一直可见，侧边栏自动隐藏临界值调整为1024px

2019.03.21 新增多级菜单，调整侧边栏一些样式(多级菜单的滚动条位置还需要观察)

2019.03.19 调整logo，修复滚动条bug

登录页面

后台首页

开关样式

文档列表