Некоторые вещи, некоторые моменты

Для платформы управления бэкендом функционал должен быть достаточно мощным, но интерфейс также нельзя игнорировать, особенно в последние годы, когда отрасль уделяет всё больше внимания интерфейсу, бэкенд-интерфейс также должен становиться «более высоким и более продвинутым»; жаль, что до сих пор не удалось найти в Китае бесплатную открытую платформу для бэкенда, которая была бы немного более продвинутой, использование отечественных платформ всегда вызывает различные жалобы лидеров; а за рубежом существует множество очень хороших шаблонов, но поскольку все они не имеют китайской версии или опасаются, что сообщество недостаточно сильное, чтобы использовать их, команда драконов решила искать выгоды для нации, нашла очень хороший шаблон внешнего интерфейса AdminLTE и оптимизировала его, локализовала и предоставила разработчикам в стране бесплатно с открытым исходным кодом, а также взяла на себя обслуживание будущих обновлений AdminLTE.

Введение

RonCoo AdminLTE — это полностью адаптивный бесплатный шаблон внешнего интерфейса с открытым исходным кодом для управления бэкендом. Он основан на фреймворке AdminLTE (который будет обновлён позже), использует jQuery 2.2.3 и включает в себя множество отличных сторонних плагинов jQuery. Разработчики также могут использовать свои собственные знакомые сторонние плагины, которые просты в использовании и легко настраиваются, подходят для экранов с различными разрешениями от небольших мобильных устройств до больших настольных компьютеров, чего нет в отечественных шаблонах с открытым исходным кодом.

Онлайн-демонстрация: demo.adminlte.roncoo.com Демонстрация SSM: demo.adminlte.roncoo.com/roncoo-adminlte-springmvc

Журнал обновлений

2017-03-24

1. Добавлена ​​функция обновления вкладки.
2. Оптимизирована навигация по вкладкам.
3. Исправлена проблема с потерей стиля на странице index2.

2017-01-03

1. Добавлены пользовательские таблицы и примеры.
2. Оптимизирована навигация по вкладкам.

2016-11-11

1. Правое меню навигации по вкладкам.
2. Оптимизация полосы прокрутки.
3. Оптимизация app.js.

2016-11-7 Каталог был изменён, каталог bootstrap перемещён в plugins. Добавлен один вариант использования, в котором нет исходного файла разработки, только минимизированные файлы CSS и JS.

2016-10-28

1. Все файлы JS и CSS в режиме ajax объединены в index.html, больше не разделяются на разные страницы.
2. В режиме ajax добавлена ​​функция вкладки, несколько страниц можно загрузить одновременно, переключая их через верхнюю панель вкладок, эта функция доступна только в режиме ajax.
3. Пример в экземпляре содержит экземпляр таблицы, и серверная часть обрабатывает разбиение на страницы, обработку данных таблицы и т. д.
4. Через атрибут target=navTab тега a можно добавить функцию новой открытой вкладки, используя асинхронный запрос href для подключения к странице, который доступен только в режиме ajax.
5. Через атрибут target="ajaxTodo" тега a добавляется окно подтверждения, href асинхронно запрашивает адрес, после подтверждения будет инициирован асинхронный запрос, data-body указывает содержимое окна подтверждения, callback: метод обратного вызова, пример использования: <a target="ajaxTodo" data-body="подтвердить удаление" href="delete.php?action=delete" callback="callback()">больше</a>.
6. Через атрибут target="modal" тега a добавьте всплывающее окно, и размер окна можно настроить с помощью modal=lg \modal=ms \ modal="" . Если атрибут modal не установлен, используется модальное окно среднего размера по умолчанию.
7. Новая функция окна предупреждения JS, alertMsg («сообщение», «тип предупреждения — default, success, warning, danger по умолчанию — default»).
8. Оптимизация функций правой боковой панели.

2016-10-17

1. Согласно отзывам пользователей, добавлены три новых страницы входа и регистрации, которые можно просмотреть в каталоге примеров на левой навигационной панели предварительного просмотра /pages/examples/login1.html, /pages/examples/login2.html и /pages/examples/login3.html.
2. Файл Gruntfile.js оптимизирован для компиляции и упаковки кода, выполнение команды grunt по умолчанию компилирует less и копирует файлы js, если необходимо проверить качество кода js, выполните команду grunt lint.

2016-09-30

1. Онлайн-предварительный просмотр адреса добавлен.

2016-09-26

1. В соответствии с потребностями нашей команды добавлен режим макета Ajax. Просто добавьте класс .ajax-template .fixed в тело, чтобы реализовать его.
2. Создан каталог include для хранения файлов внутренних страниц, загружаемых в режиме Ajax.
3. В корневом каталоге build добавлены каталоги шрифтов, img и js. Файлы будут перенесены в dist/ после компиляции с помощью grunt, что удобно для вторичного развития.
4. Модуль grunt-contrib-connect добавлен в Gruntfile.js, после установки среды компиляции node вы можете запустить службу с помощью команды grunt. Введите localhost:8000 в браузере, чтобы получить доступ к службе, что более удобно для вторичной разработки.
5. Все внешние ссылки на файлы JS, CSS и шрифты в index.html загружены в каталог сборки.

Как использовать

Использование RonCoo AdminLTE аналогично использованию обычных HTML-шаблонов, его можно свободно интегрировать с PHP, asp, jsp и другими технологиями. Статические ресурсы находятся в каталоге /dist, сторонние плагины — в каталоге plugins, вы также можете добавлять плагины, более подходящие для вашего собственного использования, в соответствии с вашими потребностями в разработке. Следует отметить, что для режима AJAX на основе дракона требуется разместить веб-службу (например, tomcat, apache, node) для предварительного просмотра эффекта, конкретный метод использования см. в файле /index.html.

Вторичная разработка

AdminLTE разработан с использованием инструментов, связанных с nodejs, поэтому для вторичной разработки сначала необходимо иметь определённую основу nodejs и установить среду узла и инструмент управления версиями git.

Получить

Непосредственно загрузите исходный код с github или откройте командную строку в каталоге хранения кода и введите git clone https://github.com/roncoo/roncoo-adminLTE.git.

Установить

npm install

Компиляция и выпуск

grunt

Каталог проектов

roncoo-AdminLTE/
├── dist/ 
│   ├── CSS/
│   ├── JS
│   ├── fonts
│   └── img
├── build/ 
│   ├── less/
│   │   ├── roncoo-AdminLTE's Less 文件
│   ├── fonts/
│   │   ├── roncoo-AdminLTE's 字体 文件
│   ├── js/
│   │   ├── roncoo-AdminLTE's javascript 文件
│   ├── img/
│   │   ├── roncoo-AdminLTE's image 文件
└── plugins/
    ├── 所有的第三方插件的CSS和JS文件

Технический обмен

1 группа: 546588570 (полная) 2 группа: 469508330