Metronic — это расширенная тема панели управления администратора, основанная на Bootstrap 3.x. На основе платформы Bootstrap3. Легко настраиваемый и простой в использовании. Подходит для многих разрешений экрана: от небольших мобильных устройств до больших настольных компьютеров. Содержит 7 тем, около 100 страниц-примеров, очень богатые эффекты отображения страниц, включая формы, таблицы, карты, календари... и так далее. Metronic можно использовать для любого типа веб-приложений: Metronic можно использовать для различных форм веб-программ, таких как серверная часть администратора, инструмент управления, серверная часть электронной коммерции, CMS, CRM, SAAS, веб-сайт компании, веб-сайт электронной коммерции, бизнес веб-сайт, сайт отображения информации, блог и т. д. Стильный, чистый и плоский дизайн Metronic сделает ваш сайт дружелюбным и привлекательным. Шаблон Metronic содержит большое количество плагинов и элементов пользовательского интерфейса и может нормально отображаться в основных браузерах, планшетных устройствах и интеллектуальных устройствах. Совместимость с браузерами: iE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome По сравнению с другими настраиваемыми шаблонами воздействия Bootstrap эта функция и плагин более богаты. Это очень похоже (бесплатный AdminLTE). Я редко занимаюсь фронтенд-разработкой. Эта статья используется в качестве заметок и совместного обучения. Читателей просят не проявлять крайностей при чтении. Подготовка программного обеспечения, которая может подорвать вашу концепцию внешнего интерфейса: Цель и гарантия VS2013. Основная цель: интегрированный шаблон управления, необходимый для создания серверной части системы управления, такой как CMS, HR, OA и других систем управления. Модное программное обеспечение может продаваться на 40% дороже, чем такое же программное обеспечение с жестким интерфейсом. Его можно интегрировать во все языковые интерфейсы, включая основные asp.net, JSP и PHP (с постоянным потоком Bootstrap и PHP). Метроник как обновленная техподдержка, если только не расформируют команду Туиту) ) Скриншот программного обеспечения каталога 1 По названию каталога видно, что он содержит документ (документацию), ресурсы (ресурсы), старт (старт), тему (тема и theme_trl), указывая, что readme.txt открывает файл readme, и мы видим, что нам нужно использовать только тему. Эта папка подойдет. theme_rtl поддерживает RTL, что подрывает мои привычки программирования. Вы можете последовательно запустить эффект индекса в теме -> шаблоны -> adminX. Однако я обнаружил, что каждому админу соответствует admin_material_design. По ридмиу admin_material_design соответствует версии AngularJS, не знаю, как сравнивать. Мы не понимаем AngularJS, поэтому используем только обычную версию программного обеспечения adminX. Скриншоты 2 и выше представляют собой частичные скриншоты. В настройках справа можно установить метод макета. Скриншот программного обеспечения. 3. Уменьшите масштаб браузера, чтобы увидеть эффект на планшете. Эффект тоже очень хороший. Полный список функций Чистый, интуитивно понятный и полностью адаптивный дизайн в стиле Metro (работает во всех основных браузерах, планшетах и да) Более 500 действительных страниц шаблонов Платформа Bootstrap 3.3.5 Цветовые темы jQuery 1.10.26 Полная поддержка Sass Полная поддержка RTL Удобный для разработчиков код Google Шрифт Open Sans Язык Переключатель Многоуровневое меню Горизонтальное мега-меню Панель управления электронной коммерции Просмотр заказа Макет редактирования продукта Фиксированный макет заголовка по умолчанию Показать/скрыть боковую панель Горизонтальная боковая панель Меню Горизонтальное меню Пример веб-страницы Многоцелевой шаблон электронной почты Загрузка контента через боковую панель AJAX Закрыть страницу Пример боковой панели Пример фиксированной страницы Пример пустой страницы Пример страницы в рамке Пример неадаптивного макета страницы в рамке Возможности пользовательского интерфейса Пользовательские теги и аккордеон Metro Стильные кнопки, элементы формы, глификонки, встроенные шрифты (Font Awesome, удивительные значки с версией 3.2.0), диаграммы ( jQuery включен), круговые циферблаты (кнопки jQuery), ползунки в стиле Metro (пользовательский интерфейс jQuery), переключатели и флажки. Окно в стиле Metro (униформа jQuery). Прикрепленные уведомления (jQuery Exchange). Пульсирующая пользовательская кнопка переключения (кнопка запуска). Модель пользовательского интерфейса jQuery. Стиль Windows 8. Уведомления Tiles Toastr Интегрированное древовидное представление (дерево Bootstrap) Интегрированные вложенные списки (вложенные jQuery) ползунок ионного диапазона ползунок диапазона noui круговая ручка набора индикатор выполнения для пользовательского интерфейса (jQuery BlockUI) ввод метки (ввод метки jQuery) выбор даты для заполнения формы (выбор даты начальной загрузки) ) Выбор времени (загрузочный выбор времени) Циферблат Часы Выбор времени (Загрузочный выбор времени часов) Выбор диапазона дат (Загрузочный выбор диапазона дат) Выбор цвета (Загрузочный выбор цвета) 2 Раскрывающееся меню Выбор пользовательского выбора Раскрывающийся список (Загрузочный выбор) Переключатель автоматического подъема нескольких вариантов вращающийся ввод IP-адреса. Ввод маски ввода. Ввод тегов. Расширенный ввод файлов. Встроенный редактор WYSIWYG (загрузка wysihtml5 и CKEditor). Неограниченное количество элементов управления формой. Расширенный макет формы (2 столбца, плюс края, разделение строк, полоса, полоса тегов). Предварительная проверка формы (плагин проверки формы jQuery). Список форм комплексного полного календаря для экрана блокировки (полный календарь jQuery)