Mosaic Lite Laravel — это адаптивный шаблон панели администратора, созданный на основе Tailwind CSS и полностью закодированный в Laravel Jetstream. Этот шаблон — отличная отправная точка для всех, кто хочет создать пользовательский интерфейс для продуктов SaaS, панелей администратора, современных веб-приложений и многого другого. Используйте его для чего угодно и обязательно свяжитесь с нами в Твиттере, если создадите с его помощью что-нибудь классное/полезное.
Создано и поддерживается Cruip.com с помощью ❤️.
Посмотрите живую демонстрацию здесь ️ https://mosaic.cruip.com/
Если вам нужны файлы дизайна, вы можете скачать их из сообщества Figma https://bit.ly/3sigqHe.
Этот проект был создан с помощью Laravel Jetstream и Livewire + Blade as Stack.
Обязательно добавьте конфигурацию базы данных в файл .env, такую как имя базы данных, имя пользователя, пароль и порт.
В корне вашего приложения Laravel запустите команду php composer.phar install
(или composer install
), чтобы установить все зависимости фреймворка.
Чтобы перенести таблицы и настроить минимальную структуру для этого приложения для отображения некоторых данных, вам следует открыть терминал, найти и войти в этот каталог проекта и выполнить следующую команду.
php artisan migrate
После того, как вы настроите все таблицы базы данных, вы сможете сгенерировать некоторые тестовые данные, которые будут поступать из наших готовых сеялок таблиц базы данных. Для этого в вашем терминале выполните следующую команду
php artisan db:seed
NB. Если вы запустите эту команду дважды, все тестовые данные будут продублированы и добавлены к существующим данным таблицы. Если вы хотите избежать дублирования тестовых данных, обязательно truncate
следующую таблицу datafeeds
в вашей базе данных.
Чтобы скомпилировать все ресурсы CSS и JS для внешнего интерфейса этого сайта, вам необходимо установить зависимости NPM. Для этого откройте терминал, введите npm install и нажмите клавишу Enter
.
Затем запустите npm run dev
в терминале, чтобы запустить сервер разработки для повторной компиляции статических ресурсов при внесении изменений в шаблон.
Когда вы закончите вносить изменения, запустите npm run build
для компиляции и минификации для производства.
Чтобы установка Laravel работала правильно на вашем локальном компьютере, вы можете запустить следующую команду в окне терминала.
php artisan serve
Вы должны получить сообщение, похожее на это. Starting Laravel development server: http://127.0.0.1:8000
Просто скопируйте URL-адрес в свой браузер, и вы будете готовы протестировать свое новое мозаичное приложение Laravel.
Мы — итальянский дуэт разработчиков и дизайнеров, создающий высококачественные ресурсы по дизайну и коду для разработчиков, производителей и стартапов.
Если вы хотите знать, когда мы выпустим новые ресурсы, вы можете подписаться на @pacovitiello и @DavidePacilio на X или подписаться на нашу рассылку новостей.