光年 (Light Year Admin) — шаблон системы управления для административной панели

Демонстрационный сайт

http://lyear.itshubao.com

Документация по шаблону

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

Коммуникационный чат

Предыдущий чат был закрыт, это новый чат на 500 человек для обсуждения. Просьба не публиковать в чате чувствительную информацию! 

Интеграция с другими плагинами: примеры

Некоторые плагины могут быть вам не нужны. Здесь представлены примеры интеграции с множеством других плагинов, вы можете выбрать и загрузить нужные плагины самостоятельно.

Перейдите к просмотру интеграции других плагинов

Адрес демонстрации различных интеграций плагинов

Введение

Шаблон системы управления Light Year Admin (далее — «Light Year») для административных панелей основан на Bootstrap v3.3.7 и представляет собой чистый HTML-шаблон.

Нажмите здесь, чтобы перейти к версии с использованием iframe

Нажмите здесь, чтобы перейти к проекту Light Year Admin V4 (на основе bootstrap 4.4.1)

Нажмите здесь, чтобы перейти к проекту Light Year Admin Using Iframe V4 (на основе bootstrap 4.4.1)

Нажмите здесь, чтобы перейти к проекту Light Year Admin v5

Нажмите здесь, чтобы перейти к проекту Light Year Admin Using Iframe v5

Как разработчик серверной части, я часто сталкиваюсь с трудностями при поиске шаблонов для административных панелей. В Китае их мало, и мне не нравятся шаблоны с вкладками. Иностранные шаблоны слишком сложны, а я не умею работать с фреймворками вроде Vue. Поэтому я решил создать простой и универсальный шаблон для административных панелей, объединив свой опыт использования и иностранные шаблоны.

Это простой и свежий шаблон для административных панелей с ограниченным набором функций, но он удовлетворяет основные потребности в управлении. Он также прост в использовании, и я надеюсь, что вы его поддержите.

В чате некоторые пользователи выразили обеспокоенность по поводу авторских прав на шаблон Light Year. Я специально подал заявку на авторское право на программное обеспечение и хотел бы ещё раз подчеркнуть, что шаблон Light Year является полностью открытым и бесплатным. Вы можете свободно использовать его в учебных целях или в бизнесе без необходимости получения разрешения от меня.

Авторское право: 2022SR0104200

Пользователи

• pai-admin — система управления на основе TP6
• Family — система управления родословными
• springBoot+thymeleaf+springSecurity+mybatis — cms-система и система управления магазином
• Daen创意云 — веб-приложение на php+mysql
• 舒笑导航 — навигационная система для программистов
• JMcms — система управления на основе TP6
• Myadmin — бесплатная открытая система управления на ThinkPHP6

Описание

На сайте есть три темы оформления: белая, чёрная и полупрозрачная сине-зелёная. Кроме того, логотип, верхняя часть и боковые панели можно настроить отдельно (для чёрной и полупрозрачной тем рекомендуется оставить белый цвет).

Добавлена функция переключения тем, которая включает множество CSS-стилей. Если вам не нужна эта функция, вы можете удалить лишние стили.

• Удалите содержимое между <!--切换主题配色--> в HTML-страницах.
• Удалите строки 137–146 в JavaScript.
• Удалите строки 2937–3946 в CSS.

Переключение тем не сохраняется в cookie, поэтому вы можете использовать cookie или другие методы в соответствии с вашими потребностями.

Инструмент поиска классов

Этот адрес поможет вам найти нужные классы в версиях v3 и v4

Пример сохранения настроек с помощью 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');