coreui free laravel admin template
2.0.1
Любопытно, почему я решил создать CoreUI? Пожалуйста, прочитайте эту статью: Мастер на все руки, мастер ни в чем. Почему шаблоны администрирования Bootstrap — отстой.
CoreUI предлагает 6 версий: Bootstrap, Angular, Laravel, React.js, Vue.js и Vue.js + Laravel.
CoreUI призван изменить правила игры в UX. Чистый и прозрачный код лишен избыточных компонентов, поэтому приложение достаточно легкое, чтобы обеспечить максимальное удобство для пользователя. Это также относится и к мобильным устройствам, навигация на которых так же проста и интуитивно понятна, как на настольном компьютере или ноутбуке. API-интерфейс CoreUI Layout позволяет настроить проект практически для любого устройства — будь то мобильное устройство, веб-сайт или веб-приложение — CoreUI охватывает их все!
Версии
CoreUI Pro
Шаблоны администратора, созданные на базе CoreUI Pro
Установка
Использование
Функции
Создатели
Сообщество
Общественные проекты
Лицензия
Поддержка разработки CoreUI
CoreUI построен на основе Bootstrap 4 и поддерживает популярные платформы.
Бесплатный шаблон администрирования CoreUI Bootstrap
Бесплатный угловой шаблон администратора CoreUI
Бесплатный административный шаблон CoreUI Laravel
Бесплатный шаблон администрирования CoreUI React.js
Бесплатный шаблон администратора CoreUI Vue.js
Бесплатный шаблон администрирования CoreUI Vue.js + Laravel
Шаблон администрирования CoreUI Pro Bootstrap
Шаблон администрирования CoreUI Pro Angular
Шаблон администрирования CoreUI Pro Laravel
Шаблон администратора CoreUI Pro React
Шаблон администратора CoreUI Pro Vue
CoreUI Pro Vue + Шаблон администрирования Laravel
| Тема по умолчанию | Устаревшая тема | Темный макет |
|---|---|---|
# клонировать репозиторий$ git clone https://github.com/coreui/coreui-free-laravel-admin-template.git my-project# перейти в каталог приложения$ cd my-project# установить зависимости приложения$ композитор установить# установить зависимости приложения$ npm install
# создаем базу данных$ коснитесь базы данных/database.sqlite
Скопируйте файл «.env.example» и измените его имя на «.env». Затем в файле «.env» замените эту конфигурацию базы данных:
DB_CONNECTION=mysql
БД_ХОСТ=127.0.0.1
БД_ПОРТ=3306
DB_DATABASE=laravel
DB_USERNAME=корень
БД_ПАРОЛЬ=
На это:
DB_CONNECTION=sqlite
DB_DATABASE=/path_to_your_project/database/database.sqlite
Установить PostgreSQL
Создать пользователя
$ sudo -u postgres createuser --interactive введите имя роли, которую нужно добавить: laravel будет ли новая роль суперпользователем (да/нет) n разрешено ли новой роли создавать базу данных (да/нет) n разрешено ли новой роли создавать больше новых ролей (да/нет) n
Установить пароль пользователя
$ sudo -u postgres psql postgres= ИЗМЕНИТЬ ПОЛЬЗОВАТЕЛЯ laravel С ЗАШИФРОВАННЫМ ПАРОЛЕМ 'пароль';postgres= q
Создать базу данных
$ sudo -u postgres созданный в laravel
Скопируйте файл «.env.example» и измените его имя на «.env». Затем в файле «.env» замените эту конфигурацию базы данных:
DB_CONNECTION=mysql
БД_ХОСТ=127.0.0.1
БД_ПОРТ=3306
DB_DATABASE=laravel
DB_USERNAME=корень
БД_ПАРОЛЬ=
На это:
DB_CONNECTION=pgsql
БД_ХОСТ=127.0.0.1
БД_ПОРТ=5432
DB_DATABASE=laravel
DB_USERNAME=laravel
DB_PASSWORD=пароль
Скопируйте файл «.env.example» и измените его имя на «.env». Затем в файле «.env» завершите настройку базы данных:
DB_CONNECTION=mysql
БД_ХОСТ=127.0.0.1
БД_ПОРТ=3306
DB_DATABASE=laravel
DB_USERNAME=корень
БД_ПАРОЛЬ=
Если URL-адрес вашего проекта выглядит так: example.com/sub-folder. Затем перейдите в
my-project/.envи измените эту строку:
ПРИЛОЖЕНИЕ_URL =
Чтобы это выглядело так:
APP_URL = http://example.com/подпапка
# в каталоге вашего приложения# сгенерируйте laravel APP_KEY$ php artisan key:generate# запустите миграцию базы данных и семя$ php artisanmigrate:refresh --seed# сгенерируйте микширование$ npm run dev# и повторите сгенерируйте микширование$ npm run dev
# запуск локального сервера$ php artisan serive# test$ phpvendor/bin/phpunit
Откройте браузер по адресу: localhost:8000.
Нажмите «Войти» в меню боковой панели и войдите, используя учетные данные:
Электронная почта: [email protected]
Пароль: пароль
У этого пользователя есть роли: пользователь и администратор.
Инструкции только для шаблона администратора CoreUI Free Laravel. Версии Pro и Vue.js имеют отдельные инструкции.
my-project/database/seeds/MenusTableSeeder.php
В функцию run() добавьте insertLink() :
$id = $this->insertLink($rolesString, $visibleName, $href, $iconString);
$rolesString — строка со списком ролей пользователей, которым будет доступен данный элемент меню, например. "guest,user,admin"
$visibleName — заголовок строки, видимый на боковой панели.
$href — href, например. /homepage или http://example.com
$iconString — строка, содержащая допустимое имя значка CoreUI (кебаб-кебаб), например. cil-speedometer или cil-pencil
Чтобы добавить заголовок на боковую панель, используйте функцию insertTitle() :
$id = $this->insertTitle($rolesString, $title);
$rolesString — строка со списком ролей пользователей, которым будет доступен данный элемент меню, например. "guest,user,admin"
$title — заголовок строки, видимый на боковой панели.
Чтобы добавить выпадающее меню на боковую панель, используйте функцию beginDropdown() :
$id = $this->beginDropdown($rolesString, $visibleName, $iconString);
$rolesString — строка со списком ролей пользователей, которым будет доступен данный элемент меню, например. "guest,user,admin"
$visibleName — заголовок строки, видимый на боковой панели.
$iconString — строка, содержащая допустимое имя значка CoreUI (кебаб-кебаб). Например: cil-speedometer или cil-pencil
Чтобы завершить раскрывающийся раздел, используйте функцию endDropdown() .
Чтобы добавить ссылку на раскрывающийся список, вызовите функцию insertLink() между вызовами функций beginDropdown() и endDropdown() . Пример:
$id = $this->beginDropdown('guest,user,admin', 'Некоторые раскрывающиеся списки', 'cil-puzzle');$id = $this->insertLink('guest,user,admin', 'Имя раскрывающегося списка' , 'http://example.com');$this->endDropdown(); ВАЖНО . В конце функции run() вызовите функцию joinAllByTransaction() :
$this->joinAllByTransaction();
После завершения редактирования файла семян запустите :
$ php artisanmigrate:refresh --seed# Эта команда также откатывает базу данных и переносит ее снова.
Примечания
Пользователи
Управление меню
Управление пунктами меню
Управление ролями
Управление СМИ
ХЛЕБ
Шаблоны электронной почты
Это пример представления данных в таблице пагинации и функциональности CRUD.
Это простой пример того, как управлять зарегистрированными пользователями.
Это система, которая позволяет создавать новые меню и редактировать существующие. Чтобы разместить новое меню с именем «новое» в любом представлении, используйте этот код:
<?phpuse AppMenuBuilderFreelyPositionedMenus;if(isset($appMenus['new'])){
FreelyPositionedMenus::render( $appMenus['new'] , '', 'your-css-class-of-ul-element');
}?>Позволяет добавлять, редактировать и удалять пункты меню. Чтобы добавить в меню новый пункт меню необходимо:
укажите, в какое меню вы добавляете пункт,
указать роли пользователей, для которых элемент будет виден
назови предмет
тип (на выбор: ссылка, заголовок и раскрывающийся список)
Href, адрес, на который должен ссылаться элемент,
Родитель (чтобы вложить элемент в раскрывающийся список)
Иконки КОРУИ
Позволяет создавать, редактировать, удалять и изменять порядок ролей пользователей. Когда у пользователя более одной роли, для создания для него меню используется роль самой высокой иерархической роли.
Это позволяет:
Создайте папки виртуальных носителей.
Отправка мультимедиа в приложения.
Перемещайте медиафайлы между папками,
Вырезать изображения,
ХЛЕБ означает: просматривать, читать, редактировать, добавлять, удалять. Наша система BREAD позволяет легко и быстро сгенерировать для любой таблицы из базы данных простой BREAD. Чтобы создать новый BREAD, просто введите имя таблицы из базы данных. Затем введите имя формы. Введите количество строк в таблице просмотра. Выберите, хотите ли вы, чтобы таблица просмотра содержала кнопки: «показать», «редактировать», «добавить», «удалить». Назначьте роли пользователям, которые смогут использовать готовый ХЛЕБ. Затем заполните каждый столбец таблицы отдельно:
имя столбца, видимое пользователю,
тип ввода для столбца. Последний шаг — установить соответствующие флажки:
просмотр (позволяет отобразить столбец в таблице данных),
чтение (позволяет отображать столбец в представлении шоу)
редактировать (включает редактирование столбца)
add (позволяет заполнить данные столбца при добавлении записи. Требуется, если столбец не имеет значения NULL). Также возможно обрабатывать отношения с другой таблицей. Если столбец является внешним ключом, необходимо указать: в поле «Необязательное имя таблицы отношения» — имя таблицы, на которую ссылается внешний ключ, в поле «Необязательное имя столбца в таблице отношения — для печати» — имя столбец, который находится в таблице отношений, который будет отображаться. Наконец, выберите один из двух «типов полей», которые относятся к отношению: «выбор отношения» или «радио отношения».
Это пример управления шаблонами электронной почты. Позволяет создавать, редактировать и удалять шаблоны. Это также позволяет вам отправить электронное письмо на выбранный адрес.
Лукаш Холечек
https://twitter.com/lukaszholeczek
https://github.com/mrholek
Анджей Копаньски
https://github.com/xidedix
Марцин Михалек
https://github.com/rakieta2015
Получайте обновления о разработке CoreUI и общайтесь с сопровождающими проекта и членами сообщества.
Следите за @core_ui в Твиттере.
Читайте и подписывайтесь на блог CoreUI.
Значки CoreUI — это красиво оформленные символы для распространенных действий и предметов. Вы можете использовать их в своих цифровых продуктах для Интернета или мобильного приложения. Готовые к использованию шрифты и таблицы стилей, совместимые с вашими любимыми платформами.
https://coreui.io/icons/
авторские права принадлежат CreativeLabs Лукаш Холечек, 2020. Код выпущен под лицензией MIT. Есть только одно ограничение: вы не можете распространять CoreUI как стандартный. Вы не сможете сделать это, если измените файл CoreUI. В прошлом мы сталкивались с некоторыми проблемами с людьми, которые пытались продавать шаблоны на основе CoreUI.
CoreUI — это проект с открытым исходным кодом, лицензированный MIT, который можно использовать совершенно бесплатно. Однако объем усилий, необходимых для поддержки и разработки новых функций проекта, не будет устойчивым без надлежащей финансовой поддержки. Вы можете поддержать разработку, сделав пожертвование через PayPal, купив версию CoreUI Pro или купив один из наших премиум-шаблонов администратора.
На данный момент я изучаю возможность работы над CoreUI на постоянной основе — если вы занимаетесь созданием основных продуктов с использованием CoreUI, я также открыт для обсуждения индивидуальных спонсорских/консультационных соглашений. Свяжитесь с нами в Твиттере.
