{{ counter }}',       如上,v-on:click就是用来给子组件绑定点击事件的,这就"> Laravel框架中的event事件操作 - 11GX
首页 > Laravel框架中的event事件操作

Laravel框架中的event事件操作

有时候当我们单纯的看 Laravel 手册的时候会有一些疑惑,比如说系统服务下的授权和事件,这些功能服务的应用场景是什么,其实如果没有经历过一定的开发经验有这些疑惑是很正常的事情,但是当我们在工作中多加思考会发现有时候这些服务其实我们一直都见过。下面就事件、事件监听举一个很简单的例子你就会发现。
​ 这个例子是关于文章的浏览数的实现,当用户查看文章的时候文章的浏览数会增加1,用户查看文章就是一个事件,有了事件,就需要一个事件监听器,对监听的事件发生后执行相应的操作(文章浏览数加1),其实这种监听机制在 Laravel 中是通过观察者模式实现的.注册事件以及监听器
首先我们需要在 app/Providers/目录下的EventServiceProvider.php中注册事件监听器映射关系,如下:
protected $listen = ['AppEventsBlogView' => ['AppListenersBlogViewListener',],];
然后项目根目录下执行如下命令
php artisan event:generate
该命令完成后,会分别自动在 app/Events和app/Listensers目录下生成 BlogView.php和BlogViewListener.php文件。定义事件
phpnamespace AppEvents;use AppEventsEvent;
use AppPost;
use IlluminateQueueSerializesModels;
use IlluminateContractsBroadcastingShouldBroadcast;class BlogView extends Event
{use SerializesModels;/*** Create a new event instance.** @return void*/public function __construct(Post $post){$this->post = $post;}/*** Get the channels the event should be broadcast on.** @return array*/public function broadcastOn(){return [];}
}
 
其实看到这些你会发现该事件类只是注入了一个 Post实例罢了,并没有包含多余的逻辑。定义监听器
事件监听器在handle方法中接收事件实例,event:generate命令将会自动在handle方法中导入合适的事件类和类型提示事件。在handle方法内,你可以执行任何需要的逻辑以响应事件,我们的代码实现如下:
php
namespace AppListeners;use AppEventsBlogView;
use IlluminateQueueInteractsWithQueue;
use IlluminateContractsQueueShouldQueue;
use IlluminateSessionStore;class BlogViewListener
{protected $session;/*** Create the event listener.** @return void*/public function __construct(Store $session){$this->session = $session;}/*** Handle the event.** @param BlogView $event* @return void*/public function handle(BlogView $event){$post = $event->post;//先进行判断是否已经查看过if (!$this->hasViewedBlog($post)) {//保存到数据库$post->view_cache = $post->view_cache + 1;$post->save();//看过之后将保存到 Session $this->storeViewedBlog($post);}}protected function hasViewedBlog($post){return array_key_exists($post->id, $this->getViewedBlogs());}protected function getViewedBlogs(){return $this->session->get('viewed_Blogs', []);}protected function storeViewedBlog($post){$key = 'viewed_Blogs.'.$post->id;$this->session->put($key, time());}}
 
注释中也已经说明了一些逻辑。触发事件
事件和事件监听完成后,我们要做的就是实现整个监听,即触发用户打开文章事件在此我们使用和 Event提供的 fire方法,如下:
php
namespace AppHttpControllers;use IlluminateHttpRequest;
use AppPost;
use IlluminateSupportFacadesEvent;
use AppHttpRequests;
use AppEventsBlogView;
use AppHttpControllersController;class BlogController extends Controller
{public function showPost($slug){$post = Post::whereSlug($slug)->firstOrFail();Event::fire(new BlogView($post));return view('home.blog.content')->withPost($post);}}
现在打开页面发现数据库中的`view_cache已经正常加1了,这样整个就完成了。

转载于:https://www.cnblogs.com/sgm4231/p/9820794.html

更多相关:

  • addEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。最后这个布尔值参数是true,表示在捕获阶段调用事件处理程序;如果是false,表示在冒泡阶段调用事件处理...

  • 1、点击元素,获取绑定该事件的父级元素,使用 e.currentTarget。e.target 获取的是,出发该事件的元素,该元素有可能是所绑定事件的元素的子元素。    2、使用 react router4   history 只能传递给儿子组件,不能传递给孙子组件   如果孙子组件需要,可以通过 props 传递过去    3、关...

  • 1. preventDefault:    比如百度,这是html中最基础的东西,起的作用就是点击百度链接到http://www.baidu.com,这是属于标签的默认行为;preventDefault方法就是可以阻止它的默认行为的发生而发生其他的事情;...

  • Vue组件使用v-on绑定自定义事件:   可以分为3步理解:     1.在组件模板中按照正常事件机制绑定事件:       template: '',       如上,v-on:click就是用来给子组件绑定点击事件的,这就...