【在线教育案例】Laravel视图操作

1、视图写哪里

 

2、视图文件的命名

（1）文件名习惯小写（建议小写）

（2）文件名的后缀是 .blade.php

因为laravel里面有一套模板引擎就是使用blade，可以直接使用标签语法{{ $title }}， 也可以使用原生的php语法显示数据。

3、基本用法视图传参

语法：

view(模板文件名称,关联数组)

或view(模板文件名称)->with(名称,值)->with(名称,值)

添加路由测试：Route::get('member/demo','MemberController@demo');

使用view()方式加载一个视图

建立.blade.php的视图文件，模板中输出变量{{ 变量 }} 

 

控制器里面的代码；

 

4、模板中输出变量

（1）{{变量}}

{{$name}}等价于<?php echo $name?>

{{$name  or  'default'}}等价于<?php echo isset( $name)?$name:'default'?>

 

（2）{!!变量!!}

如果变量信息里边如果有 ”<” ”>” 等html标记信息，那么该变量在输出的时候也会看到该标记，即html标记被转化为符号实体了，而没有被浏览器解析掉，如果希望看到被浏览器解析后的内容，就需要设置两个感叹号。

例如：

$title = "<a href='http://www.baidu.com'>百度</a>";

 

（3）@{{变量}}

表示禁止解析该变量

控制器代码如下；

视图文件语法

 

（4）注释

{{--注释内容--}}

 

5、模板中直接使用函数

{{date('Y-m-d H:i:s',$time)}}|{{md5($name)}}

 

6、blade模板过程控制语法标签

变量输出格式 ：

{{$name}}等价于<?php echo $name?>

{{$name  or  'default'}}等价于<?php echo isset( $name)?$name:'default'?>

@{{$name}}禁止解析

foreach标签的使用

@foreach($data as $v)

{{$v->name}}|{{$v->age}}|{{$v->email}}<br/>

@endforeach

效果如下；

 

if语句的使用，在视图文件里面，可以写判断

双分支

@if()

@else

@endif

多分支

@if()

@elseif()

@else

@endif

 

7、视图文件分文件夹管理

视图名称直接从resources/views后边开始设置即可

一个项目系统里边有许多视图文件，因此要在resources/views目录下创建二级、三级等目录，进行管理不同的视图文件

引入二级、三级视图文件：

return view(目录1.目录2.名称);

return view(目录1/目录2/名称);

比如视图文件；

resources/views/add.blade.php

则使用函数return view(add);

resources/views/admin/index.blade.php

则使用函数return view(admin.index);

resources/views/admin/goods/index.blade.php

则使用函数return view(admin.goods.index);

比如如下；新建一个目录文件views/admin/index/index.blade.php

 

在控制器里面引入该视图文件；

 

效果如下；

 

8、compact函数用法

compact() 函数

创建一个包含变量名和它们的值的数组，

本函数返回的数组是一个关联数组，键名为函数的参数，键值为参数中变量的值。

 

Laravel中案例；

控制器中数据，

 

视图里面的内容，

 

额外内容：phpstudy安装

phpstudy集成了：apache/nginx、php、mysql

laravel框架本身对php版本有要求，要求PHP >= 5.6.4

因此我们安装一个集成包phpstudy，该集成包使用非常方便，可以快速地切换不同的php版本，并且php与各种服务(apache/nginx/IIS)都灵活配置使用。

注：安装phpstudy前要先把本电脑的mysql、apache服务停止。

安装方式，解压安装即可，界面如下；

(上图:表示phpstudy可以设置不同版本php与apache/nginx合作配置，我们选取php-5.6.27-nts+Apache即可)

 

修改根目录