Laravel 5 Grundlagen (9) – Formular

Zuerst ändern wir die Weiterleitung, um einen Artikel zur Veröffentlichung hinzuzufügen.

<code>Route::get('articles/create', 'ArticlesController@create');</code>

Dann modifizieren Sie den Controller

<code>    public function create() {
        return view('articles.create');
    }</code>

Wir geben eine Ansicht zurück und erstellen eine neue Ansicht. Natürlich könnten wir das Formular direkt mit HTML erstellen, aber wir haben einen funktionaleren Weg. Wir verwenden eine Open-Source-Bibliothek, illuminatehtml, die von Jeffrey Way entwickelt wurde. Abhängige Bibliotheken installieren:

<code>composer require illuminate/html</code>

Die Bibliothek von Laravel muss in Laravel registriert werden, bevor sie verwendet werden kann. In config/app.php können wir das von Laravel bereitgestellte Feld provider sehen, in dem die Bibliotheksfunktionen von Laravel beschrieben werden. Fügen Sie unser neues Laravel Framewirk Service Providers...HtmlProvider am Ende von

hinzu

<code>'Illuminate\Html\HtmlServiceProvider',</code>

Wir möchten zur Einleitung keinen langen Namen wie IlluminateHtmlFromFacade verwenden, sondern etwas Kurzes. Suchen Sie den Abschnitt „Aliases“ im aktuellen app.php und fügen Sie den Alias ​​am Ende hinzu.

<code>'Form'      => 'Illuminate\Html\FormFacade',
'Html'      => 'Illuminate\Html\HtmlFacade',</code>

OK, jetzt erstellen wir die Ansicht, views/articles/create.blade.php

<code>@extends('layout')

@section('content')
    <h1 id="Write-a-New-Article">Write a New Article</h1>

    <hr>

    {{--使用我们添加的 illuminate\html 开源库--}}
    {!! Form::open() !!}

    {!! Form::close() !!}

@stop</code>

Besuchen Sie /articles/create und sehen Sie sich den Fehler an. Lassen Sie uns testen, was schief gelaufen ist. Nehmen Sie die folgenden Änderungen im Controller vor:

<code>    public function show($id) {
        dd('show');
        
        $article = Article::findOrFail($id);

        return view('articles.show', compact('article'));
    }</code>

Ja, Sie haben es richtig gelesen, fügen Sie einfach die Methode show zur Methode dd() hinzu. Diese Methode gibt einfach eine Nachricht aus und stirbt dann. Besuchen wir noch einmal /articles/create. Was sehen Sie? Sie sehen die Ausgabe show.

Warum haben wir auf create zugegriffen und die Route hat uns show gegeben? Schauen wir uns die Route an und sehen, was passiert ist.

<code>Route::get('articles', 'ArticlesController@index');
Route::get('articles/{id}', 'ArticlesController@show');
Route::get('articles/create', 'ArticlesController@create');</code>

Das Obige ist unsere Route. Beachten Sie, dass articles/{id} bedeutet, dass es sich um einen Platzhalter handelt. Alles nach articles/ wird übereinstimmen, wussten Sie das? Auch unser /articles/create wurde von ihm gematcht. OMG!

Die Lösung besteht darin, die Reihenfolge anzupassen:

<code>Route::get('articles', 'ArticlesController@index');
Route::get('articles/create', 'ArticlesController@create');
Route::get('articles/{id}', 'ArticlesController@show');</code>

Das heißt, Sie sollten diesem Problem bei zukünftigen Routing-Einstellungen immer Aufmerksamkeit schenken, egal ob speziell oder gewöhnlich. Jetzt sind wir zu Besuch articles/create und alles ist in Ordnung.

Überprüfen Sie den Quellcode im Browser. Sie werden feststellen, dass nicht nur method und action generiert werden, sondern auch ein verstecktes _token-Feld generiert wird, während der Server das Formular überprüft, um Fälschungsangriffe durch Hacker zu vermeiden.

Ändern wir unsere Ansicht und fügen Felder hinzu:

<code>@extends('layout')

@section('content')
    <h1 id="Write-a-New-Article">Write a New Article</h1>

    <hr>

    {{--使用我们添加的 illuminate\html 开源库--}}
    {!! Form::open() !!}
        <div class="form-group">
            {!! Form::label('title', 'Title:') !!}
            {!! Form::text('title', null, ['class' => 'form-control']) !!}
        </div>

        <div class="form-group">
            {!! Form::label('body', 'Body:') !!}
            {!! Form::textarea('body', null, ['class' => 'form-control']) !!}
        </div>

        <div class="form-group">
            {!! Form::submit('Add Article', ['class' => 'btn btn-primary form-control']) !!}
        </div>

    {!! Form::close() !!}

@stop</code>

Wenn das Formular gesendet wird, wird es tatsächlich mit der post-Methode an articles/create gesendet. Wir hoffen jedoch, dass wir post zu /articles wechseln können Methode der Ansicht, legen Sie den Übermittlungspfad fest.

<code>{!! Form::open(['url' => 'articles']) !!}</code>

Dann behandeln wir das Formularübermittlungsereignis in der Route.

<code>Route::post('/articles', 'ArticlesController@store');</code>

Übernehmen wir den Controller

<code>
//注意：将下面的 use 语句删除，我们使用 facade 接口中的 Request
//use App\Http\Requests\Request;

//引入下面的命名空间中的 Request
use Illuminate\Support\Facades\Request;

    public function store() {
        //使用 Illuminate\Html\Request 来返回全部的表单输入字段
        $input = Request::all();

        //我们直接返回$input，来看一下
        return $input;
    }</code>

Wir können das JSON-Ergebnis des Eingabeformulars direkt sehen. Wenn Sie nur den Wert des Felds title benötigen, können Sie Request::get('titel') verwenden.

Wie füge ich es zur Datenbank hinzu? Mit Hilfe des Modells können wir die folgende Methode direkt übernehmen:

<code>Article::create($input);</code>

So einfach ist das, so gewollt

Wenn wir die Massenzuweisung nicht vergessen haben, haben wir das Array $fillable in unserem Modell definiert, um die Felder zu definieren, die direkt in create ausgefüllt werden können.

Ändern Sie den Controller, fügen Sie ihn dem Modell hinzu und speichern Sie ihn in der Datenbank.

<code>    public function store() {
        $input = Request::all();
        Article::create($input);

        return redirect('articles');
    }</code>

Versuchen Sie, einen Datensatz hinzuzufügen, es ist großartig. Aber vergiss es nicht. Wir haben auch ein Feld namens published_at , damit beschäftigen wir uns.

<code>    public function store() {
        $input = Request::all();
        $input['published_at'] = Carbon::now();

        Article::create($input);
        
        return redirect('articles');
    }</code>

Fügen Sie einen neuen Datensatz hinzu und testen Sie ihn.

Es gibt ein weiteres Problem. Das neu hinzugefügte Problem sollte vorne angezeigt werden.

<code>	public function index() {
        //倒序获取文章
        //可以这样
        //$articles = Article::orderBy('published_at', 'desc')->get();
        //简单方式，当然还有 oldest()
        $articles = Article::latest('published_at')->get();

        return view('articles.index', compact('articles'));
    }</code>

Das Obige stellt die Grundlagen von Laravel 5 (9) vor, einschließlich verschiedener Aspekte. Ich hoffe, es wird für Freunde hilfreich sein, die sich für PHP-Tutorials interessieren.