blade快速使用指南

一、简介模板引擎

模板引擎是将网站的页面设计和PHP应用程序几乎完全分离的一种解决方案,它能让前端工程师专注页面搭建,让后台工程师专注功能实现,以便实现逻辑分离,让每个人发挥所长。模板引擎技术的核心是将前端页面指定为模板文件,并用定界符双花括号把文件中标签的跳转地址或数据包起来,后面PHP脚本程序打开该模板文件,并替换变量,进而输出完整的交互页面。

二、简介Blade模板引擎

Blade是laravel框架下的一种简单又强大的模板引擎,Blade 非常快,因为只使用了少量的正则表达式把模板文件编译成原始的php代码。blade模板引擎由模板继承和模板片段驱动,所有的blade模板文件必须使用.blade.php作为文件扩展名。

三、Blade常用语法

1、打印变量或者默认值,自动转义变量内容中的html标签,使得html标签原样输出;
{{ $name or ‘Lily’}}
2、打印变量原始内容,不进行转义;
{ !! ‘打印 <script>alert("Hello world!")</script>‘ !!}
3、检查数据是否存在后,再打印数据;
{{ isset($name) ? $name : ‘Default‘ }} 或者 {{ $name or ‘Default‘ }}
4、打印文字;
@{{ 一段文字 }}
5、If-else条件判断;
@if (count($records) === 1) 有一个记录 @elseif (count($records) > 1) 有多个记录 @else 没有记录 @endif
6、For && foreach循环
@for($i = 0; $i < 10; $i++)输出 {{ $i }} @endfor
@foreach($pics as $pic) <p>输出图片的地址 {{ $pic[‘url’] }}</p> @endforeach

四、资源引用

1、加载子视图,引用子PHP文件;

比如引用公共模块头部,可以在页面里添加@include(‘head.v1‘),表示引用head文件夹里的文件名为v1的blade模板文件。具体引用规则详见:http://pms.ipo.com/pages/viewpage.action?pageId=14663197

2、引用css,js文件,路径前一定要加‘/。

<script src="/js/jquery-1.10.1.min.js"></script>

具体引用规则详见:http://pms.ipo.com/pages/viewpage.action?pageId=12163348

五、运行页面,查看效果

具体操作可参考:http://pms.ipo.com/pages/viewpage.action?pageId=14664122

时间: 2024-11-08 23:05:10

blade快速使用指南的相关文章

JWPlayer快速入门指南(中文)

将JW Player嵌入到网页中非常的简单,只需要进行如下3个步骤: 1.解压mediaplayer-viral.zip文件,将jwplayer.js和player.swf文件拷贝到工程中: 2.在页面引入jwplayer.js文件: <script type="text/javascript" src="/jwplayer/jwplayer.js"></script> 3.将下面代码粘贴在body标签内,如下所示: <div id=&

Chapter 0.SymmetricDS快速入门指南( Quick Start Guide)

本文档是SymmetricDS3.6.14文档的第一章节Quick Start Guide文档的翻译,的目的是帮助读者快速搭建一个SymmetricDS集群并普及一些基本概念术语. 本文档描述了如何在两个SymmetricDS节点之间同步两个相同schema的数据库.下面的例子构建了一个分销业务模型,有一个中央数据库(我们叫它root或者corp节点)和多个零售商店的数据库(我们叫它client或者store节点).对于本教程,我们将只有一个store(商店)节点,如下图.如果你愿意,可以再教程

Redmine与Zentao同机快速部署指南

Redmine与Zentao 同机快速部署指南 1.环境 系统:CentOS 7 x64 软件:Redmine 3.0.Zentao 7.2 Source Redmine 3.0 是先安装的,目录 /opt/redmine,访问地址 http://127.0.0.1/redmine Zentao 7.2 是后安装的,目标访问地址 http://127.0.0.1/zentao 2.已知 Redmine与zentao 都依赖 apache mysql, apache 监听端口为 80 8080 s

AngularJS快速入门指南20:快速参考

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic

AngularJS快速入门指南05:控制器

AngularJS控制器用来控制AngularJS applications的数据. AngularJS控制器就是普通的JavaScript对象. AngularJS控制器 AngularJS applications通过控制器进行控制. ng-controller指令定义了一个application的控制器. 一个控制器就是一个JavaScript对象,它可以通过标准的JavaScript对象构造函数来创建. <div ng-app="myApp" ng-controller=

Drozer快速使用指南

Drozer快速使用指南 1.简介: Drozer是一款用于测试android应用程序漏洞的安全评估工具,能够发现多种类型的安全的漏洞,免费版本的相关资源下载地址: https://www.mwrinfosecurity.com/products/drozer/community-edition/ 其中包含了Drozer的使用说明书,里面对Drozer的使用方法进行了详细的描述. 攥写本文的目的在于提取说明书内主要关键步骤,并结合实际例子,以便于自己能够快速参考和使用,同时也方便英文不好的同事做

[转] Clojure 快速入门指南:1/3

[From] http://huangz.iteye.com/blog/1325228 导读 本文的目标是为熟悉 Ruby.Python或者其他类似语言.并对 Lisp 或者函数式编程有一定程度了解的程序员写的 Clojure 快速入门指南. 为了让文章尽可能地精炼且简单易懂,本文有以下三个特点: 一:不对读者的知识水平作任何假设,当遇上重要的知识点时,只给出 wikipedia 等网站的链接引用而不对知识点进行解释,有需要的读者可以沿着链接查看,没需要的直接略过就行了. 二:和第一条类似,没有

AngularJS快速入门指南15:API

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic

AngularJS快速入门指南14:数据验证

thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table.reference>thead>tr>td, table.reference>tbody>tr>td, table.reference>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertic