一、简介模板引擎

模板引擎是将网站的页面设计和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 ; $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

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

  1. Rancher 快速上手指南操作(1)

    Rancher 快速上手指南操作(1)该指南知道用户如何快速的部署Rancher Server 管理容器.前提是假设你的机器已经安装好docker了.1 确认 docker 的版本,下面是 ubunt ...

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

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  3. AngularJS快速入门指南19:示例代码

    本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码. <div ng-app=""> <p>Name: <input ...

  4. AngularJS快速入门指南18:Application

    是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...

  5. AngularJS快速入门指南17:Includes

    使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...

  6. AngularJS快速入门指南16:Bootstrap

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  7. AngularJS快速入门指南15:API

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

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

    thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...

  9. AngularJS快速入门指南13:表单

    一个AngularJS表单是一组输入型控件的集合. HTML控件 HTML输入型标签标包括: input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种 ...

随机推荐

  1. HDU 4320 Arcane Numbers 1 (质因子分解)

    题目:传送门. 题意:将一个A进制下的有限小数转化为B进制看是否仍为有限小数. 题解:一个A进制的小数可以下次 左移动n位变成A进制整数然后再将其转化为B进制即可 即B^m/A^n要整除,因此A的质因 ...

  2. 【Python升级录】--基础知识

    创建角色成功! 正在载入python........ [python介绍] python是一门动态解释性的强类型定义语言. python的创始人为吉多·范罗苏姆(Guido van Rossum).1 ...

  3. September 25th 2016 Week 40th Sunday

    Everything is good in its season. 万物逢时皆美好. Don't lose hope. Remeber that even a dog has its day. Onc ...

  4. html5手机网站需要加的那些meta/link标签,html5 meta全解

    原文链接:http://blog.csdn.net/kongjiea/article/details/17092413(收藏专用!如需转载,请点击链接,联系博主,获得同意后方可转载) 3.name之设 ...

  5. 《Thinking in Java》十七章_容器深入研究_练习14(Page486)

    练习14 Properties的继承树如下:

  6. kvm 网桥

    root@ok Downloads]# cat /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 HWADDR=54:EE:75:4E:37: ...

  7. Redis笔记(八)Redis的持久化

    Redis相比Memcached的很大一个优势是支持数据的持久化, 通常持久化的场景一个是做数据库使用,另一个是Redis在做缓存服务器时,防止缓存失效. Redis的持久化主要有快照Snapshot ...

  8. ExcelReport第二篇:ExcelReport源码解析

    导航 目   录:基于NPOI的报表引擎——ExcelReport 上一篇:使用ExcelReport导出Excel 下一篇:扩展元素格式化器 概述 针对上一篇随笔收到的反馈,在展开对ExcelRep ...

  9. [Outlook]设置邮件自动接收时间

    [Outlook]设置邮件自动接收时间   找了好久,一直都没设置正常,导致老是收到邮件有延迟,今天头脑清晰,搜了一下,然后自己竟然给找到了,记下来当笔记,好记性不如烂笔头,呵呵   搜索百度&quo ...

  10. 对ASP.NET 5和ASP.NET MVC 6应用程序进行集成测试

    (此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:之前有文章谈到如何对ASP.NET 5的应用程序进行单元测试(需使用xunit),今天 ...