在 Laravel 中集成 SB Admin 2

发布: (2026年5月3日 GMT+8 12:32)
2 分钟阅读
原文: Dev.to

Source: Dev.to

Laravel 11 要求

php -v    # >= 8.2
composer -v
node -v   # >= v14.16
npm -v

在你的 Web 服务器上启动 Apache 和 MySQL。

安装 Laravel 11

composer create-project "laravel/laravel:^11.0" example-app

使用 Laravel 安装器:

composer global require laravel/installer
laravel new example-app

.env 配置

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_db
DB_USERNAME=root
DB_PASSWORD=your_password

迁移并运行

php artisan migrate
php artisan serve

下载 SB Admin 2

  1. 克隆或下载仓库 raflizocky/laravel11-sbadmin2
  2. 解压并将文件夹重命名为 sbadmin2(或任意你喜欢的名称)。
  3. 将该文件夹移动到 Laravel 的 public 目录中。

基础布局

为布局创建一个 Blade 组件:

resources/views/components/layout.blade.php

将 SB Admin 2 的 index.html 内容复制到此文件,并更新所有资源路径,例如:

组件

Header(resources/views/components/header.blade.php

  ...

Footer(resources/views/components/footer.blade.php

    
        
            Copyright © Your Website 2021
        
    

Sidebar(resources/views/components/sidebar.blade.php

(在此添加你的侧边栏标记,遵循 SB Admin 2 模板。)

Topbar(resources/views/components/topbar.blade.php

(在此添加你的顶部栏标记,遵循 SB Admin 2 模板。)

Layout Blade(resources/views/layout.blade.php

    
        
        
            
                
                
                    {{ $slot }}
                
            
            
        
    

仪表盘

控制器(app/Http/Controllers/DashboardController.php


    
        
## Dashboard

    
    
        
    

需要帮助构建你的应用吗?
raflizocky.netlify.app

支持作者:

  • PayPal:
  • Saweria:
0 浏览
Back to Blog

相关文章

阅读更多 »

自己制作框架,有什么建议吗?

《Making my own framework》的封面图片。有什么建议吗?https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fde...