9. 表單 - 從零開始學Laravel

時間 2019-12-06

標籤表單開始 laravel 欄目 HTML 简体版

原文原文鏈接

上一節課咱們學習了從數據庫拿數據，下面咱們來學習下經過建立一條記錄到數據庫，經常使用的操做就是表單的提交了.css

咱們先看下： http://localhost:8000/posts/1html

好的，下面咱們再這個頁面添加一個評論框，爲了讓頁面稍微好看點，咱們把bootstrap引入吧～laravel

咱們打開layout.blade.php, 修改裏面的代碼以下：數據庫

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>從零開始學Laravel - 周繼平</title>
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

    {{--  <link rel="stylesheet" href="{{ elixir('css/app.css') }}"> 這行註釋的你們刪除掉--}}

    @yield('header')
</head>
<body>

    @yield('content')

    @yield('footer')
</body>
</html>

上面註釋的這行你們本身刪除掉，正式項目的代碼不要有沒有用的註釋的代碼，不乾淨。bootstrap

打開resources/pages/show.blade.php, 修改下其中的代碼，讓頁面變的漂亮點：數組

@extends('layout')

@section('content')
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1>{{ $post->title }}</h1>
            
            <ul class="list-group">
                @foreach ($post->comments as $comment)
                    <li class="list-group-item">{{ $comment->content }}</li>
                @endforeach
            </ul>
        </div>
    </div>
@stop

從零開始學Laravel目錄bash

好，在看下咱們的頁面：http://localhost:8000/posts/1restful

下面給該頁面添加一個能夠發表評論的評論框，代碼以下：app

@extends('layout')

@section('content')
    <div class="row">
        <div class="col-md-6 col-md-offset-3">
            <h1>{{ $post->title }}</h1>

            <ul class="list-group">
                @foreach ($post->comments as $comment)
                    <li class="list-group-item">{{ $comment->content }}</li>
                @endforeach
            </ul>

            <h3>Add a New Comment</h3>

            <form method="POST" action="/posts/{{$post->id}}/comments">
                {{ csrf_field() }}
                <div class="form-group">
                    {{-- 這裏的name的取名一般和數據庫表的字段名同樣 --}}
                    <textarea name="content" class="form-control"></textarea>
                </div>

                <div class="form-group">
                    <button type="submit" class="btn btn-primary">Add Comment</button>
                </div>
            </form>
        </div>
    </div>
@stop

提交表單咱們能夠用POST方法，action路由爲/posts/1/comments，固然也能夠直接寫成/comments,這個看具體狀況本身定義，路徑不要太深就行。上面還有這樣一句代碼{{ csrf_field() }}, Larvel爲了防止CSRF攻擊(跨站請求僞造攻擊)，Laravel 會自動生成一個 CSRF token 給每一個用戶的 Session。該 token 用來驗證用戶是否爲實際發出請求的用戶。可使用 csrf_field() 輔助函數來生成一個包含 CSRF token 的 _token 隱藏表單字段,像下面這樣的：

<input type="hidden" name="_token" value="8akoksagpytDpWY5ivK53B6uhD2GNJ5XCSj2B6iZ">

咱們回到routes.php，建立這條方法爲post的路由：

Route::post('posts/{post}/comments', 'PostsController@storeComment');

對於咱們如今的列子，像上面這樣的寫法是能夠的，不過若是正式項目中這麼寫，每每會讓控制器變的很大，咱們能夠這麼寫：

Route::post('posts/{post}/comments', 'PostCommentsController@store');

咱們也能夠這麼寫：

Route::post('posts/{post}/comments', 'CommentsController@store');

只要不要把控制器寫的過大就行，咱們就用上面這條路由吧，下面去創建控制器層

php artisan make:controller CommentsController

編寫下store函數

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use App\Http\Requests;
use App\Comment;
use App\Post;

class CommentsController extends Controller
{
    public function store(Request $request, Post $post)
    {
        $comment = New Comment;
        $comment->content = $request->content;
        $post->comments()->save($comment);

        return redirect('posts/' . $post->id);
    }
}

咱們先看Request類，表單提交的時候會把傳遞來的值都放到$request對象中，咱們以前設置了<texrarea>的name=content,這裏咱們只要從$request對象中拿到這個content便可，若是要拿到全部的值，能夠用$request->all()，你們也能夠dd($request),看看這個對象中還有別的什麼東東.

最後一句話的redirect()是laravel的一個幫助函數，這裏咱們讓其跳轉到類式posts/1這樣的帖子頁，如今咱們的頁面以下，已經能夠建立帖子的評論了：

咱們再來試試別的方式來寫這個store方法：

public function store(Request $request, Post $post)
    {
        $comment = New Comment(['content' => $request->content]);
        $post->comments()->save($comment);
        
        //  跳轉到前一個路由
        return back();
    }

若是使用New Comment(['content' => $request->content]);, 必定要保證AppComment類中的$fillable屬性中已經設置了容許的字段.

固然，在簡單點，能夠這樣：(若是要傳入的參數不少，那這樣的寫法就不是很合適了。)

public function store(Request $request, Post $post)
    {
        $post->comments()->save(
            new Comment(['content' => $request->content])
        );

        return back();
    }

再簡單點：

public function store(Request $request, Post $post)
    {
        $post->comments()->create(
            ['content' => $request->content]
        );

        return back();
    }

再再簡單點：

public function store(Request $request, Post $post)
    {
        $post->comments()->create($request->all());

        return back();
    }

使用$request->all()的風險很大，由於它會將對應模型設置的$fillable容許的全部字段的值都插入到數據庫，若是你必定要這麼作，那麼必定要想好模型層的$fillable數組內你容許哪些值能夠批量插入。

上面的這些方法均可以用，你們看本身的喜歡，不過像上面這樣的$post->comments()->create()鏈式調用的方法對於代碼的可讀性來講很差，尤爲是控制器中的代碼，都是用來處理業務邏輯的，因此最好是能夠讀通的英文句子，如，給貼子加評論：Add comment to the post,那麼代碼咱們這麼寫：

$post->addComment($comment);

先去App/Post.php編寫addComment($comment)函數，以下：

public function addComment(Comment $comment)
    {
        return $this->comments()->save($comment);
    }

控制器的代碼：

public function store(Request $request, Post $post)
    {
        $post->addComment(
            new Comment($request->all())
        );

        return back();
    }

嗯，這樣易讀性好多了，關於寫控制器個人建議是：

控制器的類命名一般都是複數的
每一個控制器內方法不能過多，方法對應restful路由的方法
控制器每一個方法中的代碼一般都是調用方法（重模型，輕控制器，模型若是太亂，模型在分層，或者使用trait），只考慮業務邏輯，不要將實現方法的流程寫在這裏，若是你的控制器讓不懂代碼的人能看懂業務邏輯，那說明寫的還不錯了。