有一个命令可以看到当前所有生效的路由 php artisan route:list ，控制台自动弹出的表格中，Method 表示 请求方法，即
Route::这里的方法()  ，URI 表示 请求地址，即 Route::action('这里就是uri')， name 表示 路由别名，可以通过 Route::action('uri', 'Controller@function')->name('这里可以定义路由别名')。

你会发现，有7条关于 blog 的路由，这就是 Route::resource('blog', 'BlogController') 帮我们生成的。（5个功能7条是因为 添加和编辑多了2条载入视图的路由）

完成增删改查吧: 首先完成 BlogController@index : 展示列表

• 先来个入口链接，打开 home.blade.php

{{-- 上面说过这里会添加一个按钮 --}} <a href="{{ route('blog.index') }}" class="btn btn-lg btn-block btn-primary">点击这里查看我的博客</a>

• 编辑 BlogController@index => 这里还是再提醒一下吧，这是说 BlogController 的 index() 方法。控制器文件都在 app\Http\Controllers 中

<?php namespace App\Http\Controllers; use App\Blog; //这里是使用命令创建控制器时，通过 --model=Blog 自动帮我们生成的 use Illuminate\Http\Request; class BlogController extends Controller{ public function index() { // 查询数据，并且让查询结果是一个可分页对象 $blogs = Blog::orderBy('created_at', 'desc') // 调用 Blog模型 的静态方法 orderBy('根据created_at字段', '倒叙排序') ->paginate(6); // -> 链式操作：paginate(6) 即数据没页6条 // 跳转到视图并传值 return view('blog.index', [ //第一个参数是说，视图模板是 /resources/views/blog/index.blade.php 'blogs' => $blogs, //这里是说，我们给视图传递一个叫 $'blogs'的变量，值是前面我们查询的数据，也叫$blogs。 ]); // view() 的第二参数也可以使用 view(..., compact('blogs')) }

• 此时刷新页面当然会报错了，因为我们的视图还不存在，新建文件夹 /resources/views/blog/index.blade.php

@extends('layouts.app') @section('content') <div class="container"> <div class="row justify-content-center"> <div class="card"> <div class="card-header">这是页面小标题</div> <div class="card-body"> 这里是内容 </div> </div> </div> </div> @endsection

• 完成视图里面的内容

<div class="container"> <div class="row justify-content-center"> <div class="card"> <div class="card-header">文章列表</div> <div class="card-body"> <table class="table table-hover table-bordered"> <thead class="bg-info"> <tr> <th>文章标题</th> <th>发布时间</th> <th>相关操作</th> </tr> </thead> <tbody> {{-- 这里通过 @foreach 遍历数据 --}} @foreach ($blogs as $blog) <tr> <td>{{ $blog->title }}</td> <td>{{ $blog->created_at }}</td> <td></td> </tr> @endforeach </tbody> <tfoot> {{-- 这里通过 $blogs->links() 来显示分页按钮 --}} {{ $blogs->links() }} </tfoot> </table> </div> </div> </div> </div>

• 完成文章添加 添加入口链接， ../layouts/app.blade.php

{{-- route('路由别名') 在视图上就是一个指向 BlogController@create 的链接 --}} <a href="{{ route('blog.create') }}" class="dropdown-item"> 添加文章 </a>

• 完成文章的添加 BlogController@create

public function create(){ return view('blog.create'); //载入视图 }

• 编辑视图 重点：表单中添加@csrf告诉框架，这是我们自己的表单，不用担心csrf跨站请求伪造的攻击

@extends('layouts.app') @section('content') <div class="container"> <div class="row justify-content-center"> <div class="card"> <div class="card-header">添加文章</div> <div class="card-body"> {{-- from.method="POST" action="通过 route()函数读取路由别名 " --}} <form method="POST" action="{{ route('blog.store') }}"> {{-- 声明 csrf 令牌 --}} @csrf <div class="form-group"> <label for="title">文章标题</label> <input type="text" class="form-control" id="title" placeholder="请输入文章标题" name="title"> </div> <div class="form-group"> <label for="content">文章内容</label> <textarea id="content" cols="30" rows="10" class="form-control" name="content"></textarea> </div> <button class="btn btn-primary" type="submit">发布新文章</button> </form> </div> </div> </div> </div> @endsection

• 编辑 BlogController@store

public function store(Request $request) //这里的 $request 是通过依赖注入的方法实例化的 Request 类的对象，包含的有所有请求的信息 { // 我们只需要调用 Blog模型 的静态方法 create() 插入 $request->post() 数据即可 $blog = Blog::create($request->post()); //改方法的返回值是新插入的数据生成的对象 // redirect() 页面重定向 return redirect()->route('blog.show', $blog); // 这里我们将 $blog 作为参数请求 BlogController@show }

• 回到页面，点击提交，会发现报错了，Laravel是一个极其注重安全的框架，用户能修改哪些字段，必须要在模型文件中声明，因此打开 app\Blog.php 模型文件

// 可填字段白名单 protected $fillable = [ 'title', 'content' ];

• 再次提交，页面一片空白，是因为我们的 BlogController@show 方法还没有写，不过你可以注意到地址栏已经发生了改变。

• 完成 show 方法

public function show(Blog $blog) //这里已经通过依赖注入的形式帮我们实例化了 $blog { return view('blog.show', [ 'blog' => $blog, //直接将$blog传给视图进行渲染 ]); }

• 新建 ../blog/show.blade.php

@extends('layouts.app') @section('content') <div class="container"> <div class="row justify-content-center"> <div class="card"> <div class="card-header">文章详情</div> <div class="card-body"> <h1 class="text-center">{{ $blog->title }}</h1> <p>发布时间<small>{{ $blog->created_at }}</small></p> <hr> <p> {{ $blog->content }} </p> </div> </div> </div> </div> @endsection

• 刷新页面，文章就显示出来了。

• 完成我们的编辑入口链接: 在  ../blog/index.blade.php & show.blade.php 中合理的位置添加一个编辑按钮

<a href="{{ route('blog.edit', $blog->id) }}" class="btn btn-info">编辑文章</a>

• 完成 BlogController@edit

public function edit(Blog $blog){ return view('blog.edit', [ 'blog' => $blog, ]); }

• 完成视图 重点：action声明文章编号，根据路由要求action在表单中使用@method伪造请求动作类型

@extends('layouts.app') @section('content') <div class="container"> <div class="row justify-content-center"> <div class="card"> <div class="card-header">编辑文章</div> <div class="card-body"> {{-- action需要声明当前编辑的文章编号$blog->id --}} <form method="POST" action="{{ route('blog.update', $blog->id) }}"> {{-- 声明 csrf 令牌 --}} @csrf {{-- 伪造 PATCH 方法 --}} @method("PATCH") <div class="form-group"> <label for="title">文章标题</label> <input type="text" class="form-control" id="title" placeholder="请输入文章标题" name="title" value="{{ $blog->title }}"> </div> <div class="form-group"> <label for="content">文章内容</label> <textarea id="content" cols="30" rows="10" class="form-control" name="content">{{ $blog->content }}</textarea> </div> <p>发表于<small>{{ $blog->created_at }}</small></p> <p>修改于<small>{{ $blog->updated_at }}</small></p> <button class="btn btn-primary" type="submit">确认编辑</button> </form> </div> </div> </div> </div> @endsection

• 完成 BlogController@update

public function update(Request $request, Blog $blog){ $blog->update($request->post()); //调用 $blog对象->update(更新数据组成的数组) 更新 return redirect()->route('blog.show', $blog); }

• 完成删除功能 在 index.blade.php 和 show.blade.php 合理的位置插入删除按钮

<a href="javascript:deleteConfirm({{ $blog->id }});" class="btn btn-danger btn-sm">删除文章</a> {{-- 因为删除也需要 csrf 令牌认证，所以弄个表单 --}} <form method="POST" action="{{ route('blog.destroy', $blog->id) }}" id="delete-blog-{{ $blog->id }}"> @csrf {{-- 这里伪造DELETE请求 --}} @method("DELETE") </form>

• “删除文章” 按钮其实是调用了一个 js 函数，我们在 ../layousts/app.blade.php 中完成

<script> function deleteConfirm(id) { var confirm = window.confirm('确认要删除这篇文章吗？'); if(confirm === true) { $("#delete-blog-" + id).submit(); //提交表单 }else { window.alert('你选择不删除！'); } } </script>

• 完成 BlogController@delete 方法

public function destroy(Blog $blog){ $blog->delete(); return redirect()->route('blog.index'); //跳转到首页 }

• 增删改查完成。

完善和优化

• 首先无论增删改查操作，成功后我们没有任何提示，我们使用 session 闪存方法消息吧：

  • 新建组件视图文件夹 /resources/views/components/
  • 然后新建一个组件视图 _message.blade.php => 组件视图我们都用_下划线开头

  <div class="container"> {{-- 遍历 success danger 这两个我们等会会在 session->flash() 方法中设置的"key" --}} @foreach (['success', 'danger'] as $msg) {{-- 当key存在的时候，证明我们给 session flash 闪存里面装载了一次提示信息，那么就显示提示信息 --}} @if (session()->has($msg)) <div class="alert alert-{{ $msg }}"> <ul> <li>{{ session()->get($msg) }}</li> </ul> </div> @endif @endforeach </div>

  • 在 ../layousts/app.blade.php 中导入该组件 重点：@include 导入html片段

  {{-- 在导航下面，内容上面导入 --}}@include('components._message')

  • 编辑 BlogController 里的各种方法，在执行成功某些方法时，页面重定向前，装载闪存。以删除举例

  $blog->delete(); session()->flash('success', '删除文章成功！'); //装载session闪存 return redirect()->route('blog.index');

• 然后有个问题，就是在于，我们这是一个个人博客，所以只有我们自己可以对博客文章进行增删改，而用户只可以进行查看。因此我们需要：

  • 使用构造函数调用 auth中间件 来排除没有登陆的用户查看文章详情: 编辑 BlogController

  public function __construct(){ $this->middleware('auth')->except('index'); }

  • 在 新增create、编辑edit、和删除方法中加入一次用户认证，以 create 方法举例

  // 因为比较简单，所以我们不用Policy进行认证，我会在以后的教程里面教大家如何使用Policy策略进行权限认证 // 这里我们就使用判断当前用户在数据表中信息的主键id是不是1即可（因为我们在Seeder里面把编号为1的用户设置为了可用的管理员账号） // 1、在代码开头引用 Auth // 2、在方法内先判断一下是不是 1号用户 if(Auth::user()->id != 1) { // Auth::user() 获取当前用户信息 -> id获取属性id（主键） session()->flash('danger', '抱歉，只有博主才可以新增文章！'); return redirect()->back(); }

针对博客的增删改查在这里就结束了。