1 Star 0 Fork 617

睿凡 / Light Year Admin

forked from 笔下光年 / Light Year Admin 
加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
README.md 7.78 KB
一键复制 编辑 原始数据 按行查看 历史
笔下光年 提交于 2022-02-21 12:23 . 新增说明

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

演示网址

http://lyear.itshubao.com

模板说明文档

http://www.bixiaguangnian.com/manual/lyearadmin.html

交流群

输入图片说明

其他插件整合示例

有些插件可能你并不一定能用上,这里对其他很多的一些插件整合以示例的形式出现,自己选择需要的插件下载。

点击查看其他插件整合

各种整合插件演示地址

介绍

light year admin

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

猛戳这里去iframe版本

猛戳这里去Light Year Admin V4项目(基于bootstrap 4.4.1版本)

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

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

因群里有小伙伴提到有和网友对于光年模板版权上的一些争执,我特意申请了软件著作权,在这里也再提一下,光年模板是完全开源免费的,大家可以放心在学习和商业中使用,无需找我授权。

版权号:2022SR0104200

谁在用

说明

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

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

  • HTML页面中删除掉<!--切换主题配色-->之间的内容
  • js中删除 line 137 - line 146
  • css中删除 line 2937 - line 3946

主题切换并没有存到cookie中,大家根据自己实际情况,做cookie存储或者其他方式。

Class搜索小工具

此网址可以方便找到v3和v4中自己想要的class

jquery-cookie保存设置示例

    // 使用时,请自行引入jquery.cookie.js
	// 读取cookie中的主题设置
	var the_logo_bg    = $.cookie('the_logo_bg'),
	    the_header_bg  = $.cookie('the_header_bg'),
	    the_sidebar_bg = $.cookie('the_sidebar_bg'), // iframe版本如果删除了下面一行,请把这一行的逗号改成分号
	    the_site_theme = $.cookie('the_site_theme'); // iframe版本可不需要这行
	
	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); // iframe版本可不需要这行
        
        // 处理主题配色下拉选中
        $(".dropdown-skin :radio").each(function(){
            var $this = $(this),
                radioName = $this.attr('name');
            switch (radioName) {
                case 'site_theme':
                    $this.val() == the_site_theme && $this.prop("checked", true);
                    break;  // iframe版中不需要这个case
                case 'logo_bg':
                    $this.val() == the_logo_bg && $this.prop("checked", true);
                    break;
                case 'header_bg':
                    $this.val() == the_header_bg && $this.prop("checked", true);
                    break;
                case 'sidebar_bg':
                    $this.val() == the_sidebar_bg && $this.prop("checked", true);
            }
        });
	
	// 设置主题配色
	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'); // iframe版本可不需要这行
	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

更新记录

2020.08.01 更改侧边栏导航绑定click事件的方式

2020.05.16 调整图库

2020.07.02 修复弹窗样式上的bug

2020.06.14 新增通用样式,调整复选框单选框换行后左侧空白问题,调整tags插件

2020.06.14 新增label样式,调整datepicker插件样式和使用,调整silders插件样式和皮肤,改td垂直居中,增加登录页面

2019.12.08 修改cssbug,新增card-footer,增加图标的一些使用类

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

登录页面

光年模板登录页

后台首页

光年模板首页

开关样式

开关样式

文档列表

文档列表

HTML
1
https://gitee.com/lcpsky/Light-Year-Admin-Template.git
git@gitee.com:lcpsky/Light-Year-Admin-Template.git
lcpsky
Light-Year-Admin-Template
Light Year Admin
master

搜索帮助