天天看点
返回

laravel5.3的新功能尝鲜

上一节课 https://my.oschina.net/lilugirl2005/blog/783370

上一节课我们讲了laravel5.3的安装，这节讲laravel5.3的一些基础命令和配置

Listeners文件夹

进入laravel项目目录输入命令

创建用户注册的事件监听 看看

php artisan make:listener UserSignUpListener --event=UserSignUp

复制

cache helper function

用tinker做一些cache方面的练习

laravel5.3的新功能尝鲜

DB 查询返回 Collection

创建初始数据

laravel5.3的新功能尝鲜

创建3条假数据

laravel5.3的新功能尝鲜

其实你可以生成更多的测试数据方便后面的分页功能的测试，所以我又执行了一遍命令生成了30条假数据

DB查询语句

laravel5.3的新功能尝鲜

其他灵活的方法

laravel5.3的新功能尝鲜
laravel5.3的新功能尝鲜

loop 变量使用

做一个小例子

修改routes/web.php文件

laravel5.3的新功能尝鲜

修改对应的view文件 resources/views/welcome.blade.php

<body>
        <div class="flex-center position-ref full-height">
        <ul>
        @foreach($users as $user)
         <li>{{$loop->index}}{{$user->name}}</li>
        @endforeach
         </ul>
        </div>
</body>

复制

浏览下一看看

laravel5.3的新功能尝鲜

还可以使用

$loop->count 获取总数

$loop->remaining 剩下几个

$loop->first 是否是第一个

$loop->last 是否是最后一个

循环里套循环

小循环里也可以用loop 用法：

$loop->partent->index 获取父循环的id

分页实现

例如 修改 routes/web.php

Route::get('/', function () {

   $users=\App\User::paginate(5);
   return view('welcome',compact('users'));
 
});

复制

在对应的view页面加上 $user->links()

<div class="flex-center position-ref full-height">
        <ul>
        @foreach($users as $user)
         <li>{{$loop->remaining}} {{$user->name}}</li>
        @endforeach
        {{$users->links()}}
        </ul>
  </div>

复制

public/css目录下自带了 app.css样式 这个样式整合了bootstrap风格， 可以加到view文件中

<link href="css/app.css" rel="stylesheet"  type="text/css" >

复制

得到漂亮的分页效果

laravel5.3的新功能尝鲜

想自定义分页效果怎么办？ 你可以使用命令 php artisan vendor:publish

这个命令可以将站点中使用的vendor功能发布到resources目录

laravel5.3的新功能尝鲜

进入这个目录resources/views/vendor/pagination果然看到生成了几个文件

修改default.blade.php看看 是否会让分页部分有变化

laravel5.3的新功能尝鲜
laravel5.3的新功能尝鲜

保存以后看看效果 果然有变化 。

那如果我想启用bootstrap-4.blade.php文件作为分页模版怎么办呢，只需要在页面视图文件resources/views/welcome.blade.php中的$users->links() 方法里传入参数即可 ，写法为 $users->links('vendor.pagination.bootstrap-4')

<div class="flex-center position-ref full-height">
        <ul>
        @foreach($users as $user)
         <li>{{$loop->remaining}} {{$user->name}}</li>
        @endforeach
        {{$users->links('vendor.pagination.bootstrap-4')}}
         </ul>
</div>

复制

然后修改一下resources/views/vendor/pagination/bootstrap-4.blade.php 看看分页是否会有变化 .

使用 Mailable 发送邮件

创建email文件

使用命令 php artisan make:mail welcometo1ke

laravel5.3的新功能尝鲜

然后在 app/Mail/ 目录下会生成文件 welcometo1ke.php

修改welcometo1ke.php文件的bulid方法

public function build()
    {
        return $this->view('email.welcome');
    }

复制

然后创建对应的view文件 在resources/views目录下创建email目录 ，在resources/views/email目录下创建welcome.blade.php文件

随便在welcome.blade.php文件里写点东西

然后修改路由文件routes/web.php

Route::get('/email',function(){
      Mail::to('[email protected]')->send(new \App\Mail\welcometo1ke());
});

复制

修改config/mail.php文件中的from配置

'from' => [
        'address' => '[email protected]',
        'name' => '10yuelive',
    ],

复制

在.env文件中 MAIL_HOST对应的是mailtrap.io的服务

laravel5.3的新功能尝鲜

注册登录mailtrap.io ，mailtrap.io屏蔽了国内的一些邮箱，因此最好用gmail邮箱注册

登录后 点击Demo inbox

laravel5.3的新功能尝鲜

复制用户名密码

laravel5.3的新功能尝鲜

相应的修改 .env文件中 对应的 MAIL_USERNAME和MAIL_PASSWORD

laravel5.3的新功能尝鲜

在浏览器里输入http://10yue.live/email 发送邮件

之后登录到mailtrap 就可以看到刚才发送的邮件内容

这封邮件的内容就来自于之前编辑的邮件模版 resources/views/email/welcome.blade.php

laravel5.3的新功能尝鲜

下面演示如何在邮件中传递变量

app/Mail/welcometo1ke.php 文件改动如下

laravel5.3的新功能尝鲜

routes/web.php改动如下

laravel5.3的新功能尝鲜

resources/views/email/welcome.blade.php文件改动如下

laravel5.3的新功能尝鲜

重新在浏览器中打开 http://10yue.live/email 发送一次邮件

再到mailtrap查看发送结果

laravel5.3的新功能尝鲜

toggle功能

这里通过用户点击收藏文章的场景展示toggle功能

这里用户和文章的收藏关系是多对多

先生成假数据 post 和收藏表 favorites

输入命令

php artisan make:model Post -m
//生成Post model和migration文件

复制

php artisan make:migration create_favorites_table --create=favorites
// 生成favorites表的migration文件

复制

laravel5.3的新功能尝鲜

这时候会看到database/migration目录下对应生成了两个文件

laravel5.3的新功能尝鲜

修改...posts_table.php文件 在up方法中 添加两个字段 title 和 body

laravel5.3的新功能尝鲜

修改...favorites_table.php文件 在up方法中增加两个外健 user_id和post_id

laravel5.3的新功能尝鲜

修改数据生成文件 database/factories/ModelFacotry.php 增加Post表生成语句

laravel5.3的新功能尝鲜

然后就可以执行命令 php artisan migrate 了

laravel5.3的新功能尝鲜

使用tinker命令生成30条post假数据

先执行

php artisan tinker

复制

再输入

factory(App\Post::class,30)->create()

复制

laravel5.3的新功能尝鲜

user表之前已经造了n多假数据这里就不造了

构建多对多关系

修改app/User.php文件 增加favorites方法

laravel5.3的新功能尝鲜

执行tinker命令测试 favorites方法

laravel5.3的新功能尝鲜

然后检查数据库 发现favorites表自动生成了一条记录

laravel5.3的新功能尝鲜

相反的detach可以删除关系

laravel5.3的新功能尝鲜

favorites数据库为空

laravel5.3的新功能尝鲜

toggle的使用

laravel5.3的新功能尝鲜

Notify：Email 通知

邮件通知的应用场景：假设网站上每发布一篇文章，我们都email通知到用户。

这个文章就是我们上文定义的post表

创建通知文件

执行命令

php artisan make:notification PostPublished
//PostPublished是我自己取的名字 你可以随意取名

复制

之后会在app/Notifications目录下生成一个PostPublished.php文件

laravel5.3的新功能尝鲜

我们先来发送一封默认的通知邮件

修改routes/web.php 添加一个路由 调用用户的notify方法

laravel5.3的新功能尝鲜

用户的notify方法之所以可以调用是因为用户的model文件app/User.php 中声明了 use Notifiable;

laravel5.3的新功能尝鲜

在浏览器上执行 http://10yue.live/notify 果然看到通知邮件发出来了，在mailtrap里查看

laravel5.3的新功能尝鲜

简单自定义通知邮件内容

可以通过修改app/Notifications/PostPublished.php 文件中的toMail方法 来改变邮件内容。

laravel5.3的新功能尝鲜

在浏览器上执行 http://10yue.live/notify 再次发送邮件 效果如下

laravel5.3的新功能尝鲜

修改config/app.php中的应用名称 也可以改变邮件相应内容

laravel5.3的新功能尝鲜
laravel5.3的新功能尝鲜

在邮件中注入变量

比如我们把post信息注入

修改app/Notifications/PostPublished.php 文件

laravel5.3的新功能尝鲜

修改routes/web.php文件的邮件通知部分

laravel5.3的新功能尝鲜

发送邮件 查看发送内容

laravel5.3的新功能尝鲜

完全定制化邮件模版

通过执行以下操作可以完全自由修改邮件模版

执行命令

php artisan vendor:publish

复制

laravel5.3的新功能尝鲜

然后在resources/views/vendor/notifications文件夹下就生成了email模版文件

可以通过修改email.blade.php文件彻底修改email通知模版的内容

laravel5.3的新功能尝鲜

Notify：站内信通知 （通过database记录）

站内信通知是将通知消息存储到数据库中的，需要先建立对应的数据表

输入以下命令创建表

php artisan notifications:table

复制

然后在database/migrations目录生成了对应的migration文件

laravel5.3的新功能尝鲜

然后在命令行中输入 php artisan migrate命令生成数据表

laravel5.3的新功能尝鲜

修改app/Notifications/PostPublished.php 文件中的配置

laravel5.3的新功能尝鲜

浏览器中执行http://10yue.live/notify 然后在数据库notifications表中可以看到一条记录

laravel5.3的新功能尝鲜

添加另一种通知类型

比如说站内通知的类型还有 用户订阅成功的通知，那么我们就需要再新建一种通知类型

执行命令

php artisan make:notification UserSubscribe

复制

在 app/Notifications目录生成了UserSubscribe.php文件

修改UserSubscribe.php文件如下

laravel5.3的新功能尝鲜

在routes/web.php上添加路由

laravel5.3的新功能尝鲜

在浏览器执行 http://10yue.live/subscribe

数据库中果然多了一条记录

laravel5.3的新功能尝鲜

综合应用

下面我们要根据之前学到的内容做一个简单的消息通知页面

首先在routes/web.php文件中模拟某个用户登录 创建消息通知的路由 消息已读路由等

laravel5.3的新功能尝鲜

在resources/views/notification目录下创建 index.blade.php文件 内容如下

<h1>我的通知</h1>
<ul>
    @foreach(Auth::user()->unreadNotifications as $notification)
        @include('notifications.'.snake_case(class_basename($notification->type)))
    @endforeach
</ul>

<form method="POST" action="/mynote/read" accept-charset="UTF-8">
   {{csrf_field()}}
   {{method_field('DELETE')}}
   <button type="submit">标记已读</button>
</form>

复制

在resources/views/notification目录下创建 user_subscribe.blade.php文件 内容如下

<li>
  {{$notification->data['subscribed_at']}}
</li>

复制

在resources/views/notification目录下创建 post_published.blade.php文件 内容如下

<h3>文章发布通知</h3>
<li>{{$notification->data['title']}}</li>

复制

在浏览器输入 http://10yue.live/subscribe 和 http://10yue.live/notify

然后打开 https://10yue.live/mynote

就能看到如下内容

laravel5.3的新功能尝鲜

console Command

routes/console.php 文件一瞥

laravel5.3的新功能尝鲜

在命令行执行命令

php artisan inspire

复制

会得到一个名言警句

尝试在routes/console.php添加一个简单的命令

Artisan::command('hello',function(){
    $this->comment('hey there');
});

复制

执行命令 会得到定义的字符串

php artisan hello

复制

再尝试一下带参数的命令

routes/console.php添加代码

Artisan::command('hello {name}',function(){

    $this->comment('hey '.$this->argument('name'));

});

复制

实行命名

php artisan hello lilu

复制

其中lilu是参数

给命令添加描述

laravel5.3的新功能尝鲜

查看命令描述或者解释

php artisan

复制

php artisan help hello

复制

Passport 使用 OAuth 2.0

上一篇: Hibernate（四）基于注解annotation的配置Hibernate04Hibernate基于Annotation的配置使用annotation配置第一个annotation配置的hibernate项目annotation配置many-to-one单向annotation配置many-to-one双向annotation配置one-to-one双向annotation配置many-to-manyannotation配置many-to-many变种总结
下一篇: webpack 使用笔记 项目的方式打包模拟真实的项目环境配置使用loader加载css等其它资源文件