roihan365/tulakandashboard

使用tailwindcss创建的TulakanSpace Dashboard模板

安装次数: 11

依赖项: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 0

开放问题: 0

语言:Blade

类型:

0.0.1 2024-09-12 14:36 UTC

This package is auto-updated.

Last update: 2024-09-12 14:38:07 UTC


README

TULAKANDASH 是一个使用 Tailwind CSS 框架构建的现代、响应式管理员仪表板模板。该模板旨在提供优雅直观的用户界面,用于管理各种后端系统,它高度可定制,可以轻松适应各种应用程序。

功能

  • 响应式设计:针对不同屏幕尺寸优化,提供跨设备的无缝体验。
  • Tailwind CSS:利用 Tailwind CSS 的强大功能进行高度可定制和可扩展的 UI 设计。
  • Alpine JS:通过 Alpine JS 提高交互性。
  • 模块化组件:包含预构建组件,以加快开发过程。
  • 开发者友好:易于安装和配置,拥有全面的文档和最佳实践。

安装

要开始使用 TULAKANDASH,请按照以下步骤操作

1. 创建新的 Laravel 应用程序

如果您还没有 Laravel 应用程序,可以使用 Composer 创建一个

composer create-project laravel/laravel my-laravel-app

2. 安装 TULAKANDASH 包

如果您已有 Laravel 应用程序,可以使用 Composer 安装 TULAKANDASH 包

  composer require roihan365/tulakandashboard

3. 运行 Artisan 命令

安装包后,使用以下 Artisan 命令发布视图、路由、组件和其他资源

  php artisan tulakan:install

此命令将包的资源复制到您的 Laravel 应用程序中,使您能够立即开始使用仪表板组件。

4. 将路由代码添加到 routes/web.php

将以下行添加到您的 routes/web.php 文件末尾

  require __DIR__ . '/dashboard.php';

用法

安装后,您可以在 Laravel 视图中使用预构建的组件和布局。例如,您可以在 Blade 模板中包含仪表板布局,如下所示

  <x-dashboard-layout>
    <h2 class="text-2xl font-bold">Welcome to the Dashboard</h2>
    <p class="mt-4">This is your dashboard template built with Tailwind CSS.</p>
  </x-dashboard-layout>

贡献

欢迎并非常感谢对 TULAKANDASH 的贡献!无论您是想报告一个错误、建议一个功能还是提交一个拉取请求。