laravel tailwindcss admin dashboard template

免費 Tailwind 和 Laravel 管理儀表板模板

Mosaic Lite Laravel是一個響應式管理儀表板模板，建構在 Tailwind CSS 之上，並在 Laravel Jetstream 中完全編碼。對於任何想要為 SaaS 產品、管理員儀表板、現代 Web 應用程式等建立使用者介面的人來說，此範本是一個很好的起點。使用它來做任何你想做的事情，如果你用它建立了任何很酷/有用的東西，請務必在 Twitter 上聯繫我們。

由 Cruip.com 使用 ❤️ 創建和維護。

現場演示

在這裡查看現場演示️ https://mosaic.cruip.com/

馬賽克專業版

設計文件

如果您需要設計文件，可以從 Figma 社群下載 https://bit.ly/3sigqHe

目錄

• 用法
  • 設定您的 .env 設定文件
  • 安裝 Laravel 依賴項
  • 遷移表
  • 產生一些測試數據
  • 編譯前端
  • 啟動 Laravel 後端
• 製作人員
• 條款和許可
• 關於我們
• 保持最新動態

用法

該專案是使用 Laravel Jetstream 和 Livewire + Blade 作為堆疊構建的。

設定您的 .env 設定文件

確保在 .env 檔案中新增資料庫配置，例如資料庫名稱、使用者名稱、密碼和連接埠。

安裝 Laravel 依賴項

在 Laravel 應用程式的根目錄中，執行php composer.phar install （或composer install ）命令來安裝框架的所有相依性。

遷移表

為了遷移表並設定此應用程式的最低結構以顯示一些數據，您應該打開終端，找到並輸入此項目目錄並執行以下命令

php artisan migrate

產生一些測試數據

一旦您設定了所有資料庫表，您就可以產生一些測試數據，這些數據將來自我們預製的資料庫表播種器。為此，請在終端機中執行以下命令

php artisan db:seed

注意：如果您執行此命令兩次，所有測試數據將被複製並添加到現有表數據中，如果您想避免重複的測試數據，請確保truncate資料庫中的以下datafeeds表。

編譯前端

為了編譯該網站前端的所有 CSS 和 JS 資源，您需要安裝 NPM 依賴項。為此，請打開終端，輸入 npm install 並按Enter鍵。

然後在終端機中執行npm run dev來運行開發伺服器，以便在更改模板時重新編譯靜態資源。

完成變更後，執行npm run build進行編譯，並執行 minify 進行生產。

啟動 Laravel 後端

為了使 Laravel 安裝在本機上正常運作，您可以在終端機視窗中執行以下命令。

php artisan serve

您應該會收到一條類似於Starting Laravel development server: http://127.0.0.1:8000只需在瀏覽器中複製 URL，您就可以準備測試新的馬賽克 Laravel 應用程式了。

製作人員

• 核子

條款和許可

• 許可證 https://cruip.com/terms/。
• 版權所有 2022 克魯普。
• 將其用於個人和商業項目，但請不要重新發布、重新分發或轉售該模板。
• 儘管非常感謝，但並不需要註明出處。

關於我們

我們是義大利開發人員/設計師二人組，為開發人員、創客和新創公司創建高品質的設計/程式碼資源。

保持最新動態

如果您想知道我們何時發布新資源，您可以在 X 上關注 @pacovitiello 和 @DavidePacilio，也可以訂閱我們的電子報。