Lavavel 里面的 HTML 类,定义了很多有用的方法,使用这些方法,我们可以在模板文件里面,去嵌入样式表,脚本文件,可以生成链接,列表,插入图片等等。
应用里面需要用到的资源,比如脚本文件,样式表,图片,这些东西可以放在 public 这个目录的下面 ...
下面,我们先把一些资源放在这个目录的下面 ... 这里有几个目录 ... 它是 bootstrap 这个框架提供的一些样式表,还有脚本文件 ... 把它们放在 public 这个目录下面 ...
然后再打开布局用的 Blade 模板文件 ...
在这里嵌入需要的样式表,可以使用 HTML 类的 style 方法 ... 这个方法里有三个参数,样式表的地址,属性,还有安全链接,属性的类型是一个数组,安全链接是布尔值,也就是 true ,或者 false .. 真,或者 假 ...
比如我们要嵌入 public 目录下面的 css 这个目录里面的 bootstrap.css 这个样式表 ...
先输入两组花括号 ... 在里面再输入 HTML 冒号冒号 ... style ... 调用 HTML 的 style 方法 ... 在括号里,第一个参数是样式表的路径 ... 它是在 css 这个目录的下面 ... 叫做 bootstrap.css ...
{{ HTML::style('css/bootstrap.min.css') }}
在下面,我们可以再使用一个在这个样式表里提供的 CSS 类 .. 在这个容器里,加上一个 container ...
保存 ... 回到浏览器,刷新 ...
点击右键 ... 审查元素 ... 你会看到,Laravel 会把刚才的代码转换成嵌入样式表的链接 ...
默认这里会使用 HTTP 协议,如果你想使用 HTTPS 协议,可以把 style 方法的第三个参数设置成 true ...
回过来 ... 这个 style 方法的第二个参数是一个属性数组 ... 没有特别需要指定的属性,在这里可以加上一个空白的数组 ... 再输入一个逗号 ...再把第三个参数的值设置成 true ... 表示我们要使用加密的安全协议去嵌入这个样式表。
{{ HTML::style('css/bootstrap.min.css', array(), true) }}
保存 ... 回到浏览器 ...
现在你会看到,刚才的 http ,会变成 https ... 不过因为我现在使用的 Web 服务器,不支持 HTTPS,所以,不会在页面上嵌入这个样式表...
回过来,把这两个参数先去掉 ... 使用简单的 http 协议 ...
Script
嵌入脚本文件,用的是 script 方法 ... 用法跟 style 方法是差不多的 ... 两层花括号,HTML 冒号冒号,script ... 同样这个方法有三个参数,第一个参数是脚本文件的地址,第二个参数是属性数组,第三个参数是,是否要使用安全链接。
这里我们把 public 目录下面的 js 这个目录里的 bootstrap.js 链接进来 ... js/bootstrap.js
{{ HTML::script('js/bootstrap.min.js') }}
保存 ... 回到浏览器,刷新。
这里你会看到,已经嵌入了 js 目录下面的 bootstrap.js 这个脚本文件。