LayuiCMSluyun

Введение

Это набор чисто фронтенд-шаблонов для бэкенда, разработанных на основе Layui. Он стремится к лаконичному коду и простоте использования.

Основан на редизайне https://gitee.com/layuicms/layuicms.

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

http://LayuiCMSluyun.destinycore.club

Использование

Если вам не нужен gulp, вы можете загрузить этот проект и использовать код в каталоге src для разработки и публикации без выполнения каких-либо команд npm.

Если вам нужно запустить локально или скомпилировать с помощью gulp:

1. Загрузите этот проект, затем выполните команду в корневом каталоге проекта, то есть в каталоге, где находится package.json.

2. Локальная среда разработки:

# Установить cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
# Установить зависимости
cnpm install
# Запустить
npm run dev

3. Компиляция в производственной среде: Этот проект поддерживает компиляцию с использованием gulp. В настоящее время поддерживаются следующие функции:

• Сжатие CSS.
• Сжатие JS.
• Сжатие HTML.
• Преобразование ES6 в ES5.
• Без потерь сжатие изображений.
• Автоматическое добавление префиксов совместимости для стилей CSS3.

Выполните следующую команду в корневом каталоге:

gulp

После завершения выполнения будет создан каталог dist, содержащий скомпилированный код. Запустите скомпилированный код, выполнив следующую команду:

npm run prod

Документация на китайском языке

https://gitee.com/cluyun/LayuiCMSluyun/wikis/pages

Структура каталогов

  ├─src
  |  ├─css //каталог хранения файлов css
  |  ├─fonts //каталог хранения шрифтов
  |  ├─images //каталог ресурсов изображений
  |  ├─js //каталог хранения javascript-файлов
  |  ├─pages //каталог страниц
  |  ├─plugins //каталог плагинов фронтенда
  |    └─layui-extend //каталог расширений layui
  |       └─layui-icon-extend //некоторые иконки из Iconfont
  |          └─services //каталог, связанный с бизнесом
  |            └─data //в настоящее время здесь хранятся только некоторые данные json
  |  ├─favicon.ico //значок веб-сайта
  |  ├─index.html //домашняя страница
  |  └─login.html //страница входа
  ├─gulpfile.js //файл конфигурации gulp
  └─package.json //файл зависимостей и конфигурации npm

/*Имена папок и файлов соответствуют соглашению об именах CamelCase*/