laravel5.4 阅读 2016
laravel5.4-第4章-component slot

laravel5.4-第4章-component slot

2023-07-03 • lulubin

一、下载 laravel 5.4

composer create-project laravel/laravel=5.4.* laravel5.4_slot

切换目录

cd laravel5.4_slot

二、welcome.blade.php

修改 resources/views/welcome.blade.php

https://file.lulublog.cn/images/3/2023/07/Afb0P5fu5iqMTfm0kRUuPPtBRP0TPr.png?sign=637b2fab603c65f03fa11d324489f082&t=6aff1d00

这里引入了 CSS Bulma 框架:https://bulma.io/documentation/overview/start/

desciption:Laravel 是一个开源的、广泛使用的 PHP 框架。该平台主要用于利用 MVC 架构模式开发 web 应用程序。

新建 resources/views/panel.blade.php

1688348459496.jpg

启动 serve

php artisan serve

访问 http://127.0.0.1:8000/

https://file.lulublog.cn/images/3/2023/07/ZNbwh2T6slDP88X20P8NxsnN63SZnj.jpg?sign=c01bf7c5dace21834f24b6cba75aa01d&t=6aff1d00

这是 laravel 5.4 之前的做法

三、component slot

修改 resources/views/welcome.blade.php

https://file.lulublog.cn/images/3/2023/07/iJh10d1h40w1vJU4vsr9wVt1wz9GwY.jpg?sign=8a7632133699d86b95c397b02492397b&t=6aff1d00

访问 http://127.0.0.1:8000/,正常输出。

也可以不使用 description,但是模板中的变量名称必须为 slot

修改 resources/views/welcome.blade.php

https://file.lulublog.cn/images/3/2023/07/K1FfY99zWZ950qgA6F990AQF9Q90L9.jpg?sign=68d630f245f4b6805b7f71f5729950ac&t=6aff1d00

修改 resources/views/panel.blade.php

https://file.lulublog.cn/images/3/2023/07/YpptTZECmEMMwS8Qq3xzEXe9xHjsEN.jpg?sign=330b34aca1727f0ca4448a96e6b731ad&t=6aff1d00

访问 http://127.0.0.1:8000/,正常输出。

默认名称

{{ $heading ?? 'lulublog' }