3. 视图数据View Data和Balde模版 - Laravel从零开始教程

从零开始学laravel教程目录

我们经常需要将数据传递到视图层显示,Laravel中是如何做到这点的呢?那我们就要先了解下Balde模版.

我们现在还是进入到我们的Laravel52的项目中,用sublime打开它:

➜ cd /usr/local/var/www/Laravel52
➜ subl .

进入到route.php文件中,上一节我们只是显示一个静态的视图层,如下:

Route::get('/', function () {
    return view('welcome');
});

下面我们新建一个$users的数组,然后将$users数组中的数据传递到视图中去,Laravel提供了多种方法将数据传递到视图,我们先来看第一种方法,将一个数组作为第二个参数传入到view()函数中。

Route::get('/', function () {
    $user = ['Zhoujiping', 'Kuker Chou'];

    // 设置$user数组的key为users, 以数组的形式做为第二个参数传递给
    // view()函数,视图层就能通过users这个key拿到$users数组中的数据了
    return view('welcome', ['users' => $users]);
});

还可以对上面的写法进行简化下,我们知道php自带有一个compact()函数,这个函数能够创建一个包含变量名和该变量名对应的值的数组,如:

$user = 'zhoujiping';
print_r(compact('user'));

// 上面的语句通过compact(),转化成的结果是['user' => 'zhoujiping']

$users = ['Zhoujiping', 'Kuker Chou'];
print_r(compact('users'));

// 上面的语句通过上面的语句通过compact(),转化成的结果是
// ['user' => ['Zhoujiping', 'Kuker Chou']]

ok, 现在我们就能更改我们的代码如下:

Route::get('/', function () {
    $users = ['Zhoujiping', 'Kuker Chou'];

    return view('welcome', compact('users'));
});

如果我们有多个变量要传递,我们可以这么写:

Route::get('/', function () {
    $country = 'China';
    $users = ['Zhoujiping', 'Kuker Chou'];
    $ages = [10, 20];

    return view('welcome', compact('country', 'users', 'ages'));
});

嗯,像上面这样写,代码是不是干净很多了,否则如果变量过多,你就需要传递一个长长的二维数组作为view()的第二个参数,代码的可读性就太差了。

除了上面的传递参数的方法,Laravel还提供了with()函数,我们可以这么写:

Route::get('/', function () {
   $users = ['Zhoujiping', 'Kuker Chou'];

   return view('welcome')->with('users', $users);
});

我们也可以讲with('users', $users)这里的'user'健和with凭借在一起,将'users'的首字母变大写, 变成withUsers($user),我们看下整体的代码:

Route::get('/', function () {
   $users = ['Zhoujiping', 'Kuker Chou'];

   // 使用with()来传参数
   return view('welcome')->with('users', $users);
});
Route::get('/', function () {
   $users = ['Zhoujiping', 'Kuker Chou'];

   // 使用with+自定义的键名(如:users),拼接成withUsers()来传参数
   return view('welcome')->withUsers($users);
});

如果有多个变量要传递,你可以链式调用```with()```,如:
return view('welcome')->with('users', $users)->with('country', $country)->with('ages', $ages);

好了,传递数据给view层的方法就是上面几种了,我比较喜欢使用```compact()```这种类型,下面我们把route.php中的代码改回成下面这样:
Route::get('/', function () {
    $users = ['Zhoujiping', 'Kuker Chou'];
    return view('welcome', compact('users'));
});

下面我们去视图层显示数据,我们打开```resources/views/welcome.balde.php```文件,我们将```<body> ... </body>```中的内容删除,然后我们先写一下原生的php的写法,之后我们再使用```blade```模版,我们可以对比看下balde是多么的易用,我们先使用php原生的语句来输出我们的```$users```数据, <body>中的代码如下:
<body>
    <?php foreach ($users as $user) { ?>
        <li><?= $user; ?></li>
    <?php } ?>
</body>

像上面这样写是没有问题的,视图层能够正常的加载并渲染数据,不过如果都是这么去写的话,那真的是件痛苦的事,现在我们就用laravel自带的```balde```模版的写法来更改一下:
<body>
    @foreach ($users as $user)
        <li>{{ $user }}</li>
    @endforeach
</body>

像上面这样写,是不是就感觉代码清晰很多了,而且balde模版的语法非常容易猜到,基本上都是在php已有的关键字前面加上```@```符号作为开头,以```@end```加上关键字作为结尾,比如说上面的数组循环:
@foreach ($users as $user)
    ...
@endforeach

比如说判断语句:
@if()

@else

@endif


在balde模版中如果要解析变量,我们可以用两对大的花括弧```{{ $user }}```,至于blade的更多语法和用法,你可以去翻一翻laravel的官方文档,如果你没有时间看文档,立马就要使用laravel,也没有什么关系,边做边查询文档就行,不过空闲的时候,你还是等把文档看它个至少7,8遍吧。

本节到这里结束。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值