二刷Laravel 教程(优化页面)总结Ⅱ

一、样式美化

Bootstrap

1)Laravel 项目中使用 Bootstrap 前端框架,需要先执行以下命令:

composer require laravel/ui:3.4.5 --dev

composer require 是用来安装扩展包使用的命令。

参数 --dev是指定此扩展包只在开发环境中使用

2)上面的命令安装完成后,使用以下命令来引入 Bootstrap :

php artisan ui bootstrap

3)删除此文件里的所有内容,只留下面一行,导入 Bootstrap

resources/sass/app.scss

php 复制代码
// Bootstrap
@import '~bootstrap/scss/bootstrap';

4)在 default.blade.php文件引入

<head>

<title>@yield('title','Weibo App') - Laravel 新手入门教程</title>

<link rel="stylesheet" href="/css/app.css">

</head>


二、浏览器缓存问题

1)webpack.mix.js

(修改 webpack.mix.js 文件时,都需要重启 watch-poll 命令

mix.js('resources/js/app.js', 'public/js')

.sass('resources/sass/app.scss', 'public/css').version();

我们只是增加了 version() 函数的调用,其他未做修改。

2)接下来还需要修改模板,使其动态加载样式代码:

resources/views/layouts/default.blade.php

<link rel="stylesheet" href="{{ mix('css/app.css') }}">


三、局部视图

@include 是 Blade 提供的视图引用方法,可通过传参一个具体的文件路径名称来引用视图。

<body>

@include('layouts._header')

<div class="container">

@yield('content')

@include('layouts._footer')

</div>

</body>

四、布局中的链接

{{ }} 是在 HTML 中内嵌 PHP 的 Blade 语法标识符,表示包含在该区块内的代码都将使用 PHP 来编译运行。
php 复制代码
 <a href="{{route('about')}}" class="text-decoration-none">关于</a>
相关推荐
BingoGo1 天前
PHP 泛型之殇 泛型 RFC 提案被拒绝
后端·php
JaguarJack1 天前
PHP 泛型之殇 泛型 RFC 提案被拒绝
后端·php
用户3074596982072 天前
PHP 扩展——从入门到理解
php
鹏仔先生3 天前
拷贝漫画APP下载页PHP程序,后台带免费AI写作
php
云水一下3 天前
从零开始学 PHP 系列(一):PHP 的前世今生与开发环境搭建
开发语言·php
xingpanvip3 天前
星盘接口开发文档:本命盘接口指南
android·开发语言·css·php·lua
酉鬼女又兒3 天前
零基础入门计算机网络运输层:端到端通信核心作用、端口号分类规则、复用分用工作机制及UDP与TCP协议全方位对比详解
网络·网络协议·tcp/ip·计算机网络·考研·udp·php
dog2503 天前
不要再继续优化 TCP
网络协议·tcp/ip·php
Channing Lewis3 天前
PHP 解析 Excel 的那些坑:一次“行号错位”引发的数据丢失
开发语言·php·excel
Cheng小攸3 天前
渗透行为分析与检测
开发语言·php