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 ; $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快速使用指南的更多相关文章
- Rancher 快速上手指南操作(1)
Rancher 快速上手指南操作(1)该指南知道用户如何快速的部署Rancher Server 管理容器.前提是假设你的机器已经安装好docker了.1 确认 docker 的版本,下面是 ubunt ...
- AngularJS快速入门指南20:快速参考
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南19:示例代码
本文给出的大部分示例都可以直接运行,通过点击运行按钮来查看结果,同时支持在线编辑代码. <div ng-app=""> <p>Name: <input ...
- AngularJS快速入门指南18:Application
是时候创建一个真正的AngularJS单页面应用程序了(SPA). 一个AngularJS应用程序示例 你已经了解了足够多的内容来创建第一个AngularJS应用程序: My Note Save Cl ...
- AngularJS快速入门指南17:Includes
使用AngularJS,你可以在HTML中包含其它的HTML文件. 在HTML中包含其它HTML文件? 当前的HTML文档还不支持该功能.不过W3C建议在后续的HTML版本中增加HTML import ...
- AngularJS快速入门指南16:Bootstrap
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南15:API
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南14:数据验证
thead>tr>th, table.reference>tbody>tr>th, table.reference>tfoot>tr>th, table ...
- AngularJS快速入门指南13:表单
一个AngularJS表单是一组输入型控件的集合. HTML控件 HTML输入型标签标包括: input标签 select标签 button标签 textarea标签 HTML表单 HTML表单将各种 ...
随机推荐
- Android Volley入门到精通:使用Volley加载网络图片
在上一篇文章中,我们了解了Volley到底是什么,以及它的基本用法.本篇文章中我们即将学习关于Volley更加高级的用法,如何你还没有看过我的上一篇文章的话,建议先去阅读Android Volley完 ...
- 【matlab】libsvm-3.18安装与使用
安装 1. 在http://www.csie.ntu.edu.tw/~cjlin/ 中下载libsvm 2. 按照http://zjhello123.blog.163.com/blog/static/ ...
- 数据结构之Dijkstra算法
基本思想 通过Dijkstra计算图G中的最短路径时,需要指定起点s(即从顶点s开始计算). 此外,引进两个集合S和U.S的作用是记录已求出最短路径的顶点(以及相应的最短路径长度),而U则是记录还未求 ...
- 三、jQuery--jQuery基础--jQuery基础课程--第4章 jQuery表单选择器
1.:input表单选择器 如何获取表单全部元素?:input表单选择器可以实现,它的功能是返回全部的表单元素,不仅包括所有<input>标记的表单元素,而且还包括<textarea ...
- 昨晚值班将发dla的程序改好后放入正式环境
可是在修改的topic的发送文件中出现有节点没有对应,整个过程陆续调至有20分钟最后11电把新程序换掉.
- EasyUi–8.datebox赋值的问题
这个问题要从EasyUI的datebox组件说起,小菜用这个组件的时候,发现用$("#id").val()这种形式,居然拿不到文本框的值! 经过度娘的帮助,发现可以用$( ...
- php提示 Notice: Use of undefined constant name - assumed
我们知道php在数组中写变量有二几种方法,我们出现这种提示就是你写成了[name]这种所以会有Notice: Use of undefined constant name - assumed name ...
- 【jquery】 【jQuery技术内幕】阅读笔记 一
jQuery( object ) jquery在构造对象时,除了可以用十分好用的css选择器来查找DOM,还可以传入一个javascript对象来生成一个jquery对象. // JS var foo ...
- 谈谈Delphi中的类和对象1---介绍几个概念 && 对象是一个地地道道的指针
参考:http://blog.163.com/liang_liu99/blog/static/88415216200952123412180/ 以下的介绍主要针对的是Delphi的面向对象的知识,可能 ...
- 【转载】 Pyqt QStackedWidget堆栈窗体
转载地址: http://blog.csdn.net/a649518776/article/details/6636578 下面用代码实现上面窗口的设计 # -*- coding: utf-8 -*- ...