Table des matières
Write a New Article
Maison développement back-end tutoriel php Laravel 5 基础(九)- 表单

Laravel 5 基础(九)- 表单

Aug 08, 2016 am 09:26 AM
create form

首先让我们修改路由,能够增加一个文章的发布。

<code>Route::get('articles/create', 'ArticlesController@create');</code>
Copier après la connexion

然后修改控制器

<code>    public function create() {
        return view('articles.create');
    }</code>
Copier après la connexion

我们返回一个视图,新建这个视图。我们当然可以直接使用HTML建立表单,但我们有功能更好的办法。我们使用一个开源库,Jeffrey Way 开发的illuminate\html。安装依赖库:

<code>composer require illuminate/html</code>
Copier après la connexion

laravel的库需要注册到laravel中才能使用。在 config/app.php 中,我们可以看到 laravel 提供的 provider 字段,这里描述了laravel的库功能。在Laravel Framewirk Service Providers... 最后添加我们新增的 HtmlProvider

<code>'Illuminate\Html\HtmlServiceProvider',</code>
Copier après la connexion

我们不希望使用 Illuminate\Html\FromFacade 这么长的名字来引入,我们需要简短的名字。在当前的 app.php 中找到 aliases 段,在最后添加别名。

<code>'Form'      => 'Illuminate\Html\FormFacade',
'Html'      => 'Illuminate\Html\HtmlFacade',</code>
Copier après la connexion

OK,现在我们来创建视图,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>
Copier après la connexion

访问 /articles/create 看到了错误,Why? 让我们测试一下,到底是哪里出了问题。在控制器中做出下面的修改:

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

        return view('articles.show', compact('article'));
    }</code>
Copier après la connexion

没错,你没看错,就是在 show 方法中添加 dd() 方法,这个方法简单的输出一个信息然后死掉。我们再来访问 /articles/create ,你看到了什么,你看到输出了 show

为什么我们访问 create 结果路由给了我们 show ? 我们来查看一下路由,到底发生了什么。

<code>Route::get('articles', 'ArticlesController@index');
Route::get('articles/{id}', 'ArticlesController@show');
Route::get('articles/create', 'ArticlesController@create');</code>
Copier après la connexion

上面是我们的路由,注意到 articles/{id} 意味着这是一个通配符,所有在 articles/ 后面的东西都会匹配,你知道了么?我们的 /articles/create 也被他匹配了。OMG!

解决方案就是调整顺序:

<code>Route::get('articles', 'ArticlesController@index');
Route::get('articles/create', 'ArticlesController@create');
Route::get('articles/{id}', 'ArticlesController@show');</code>
Copier après la connexion

也就是从特殊到普通,以后的路由设置中要时刻注意这个问题。现在我们在访问 articles/create 一切OK了。

在浏览器中查看一下源代码,你会发现不仅生成了 methodaction 同时生成了一个隐藏的 _token 字段作为服务器对窗体的验证,避免黑客的伪造攻击。

让我们修改我们的视图,添加字段:

<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>
Copier après la connexion

当表单提交的时候,实际上是使用 post 方法提交到 articles/create 上的,但根据RESTful的习惯,我们希望能够 post/articles 上,我们来修改视图的表单方法,设定提交的路径。

<code>{!! Form::open(['url' => 'articles']) !!}</code>
Copier après la connexion

然后我们在路由中处理表单提交事件。

<code>Route::post('/articles', 'ArticlesController@store');</code>
Copier après la connexion

我们来处理控制器

<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>
Copier après la connexion

我们可以直接看到输入表单的json结果。如果只需要 title 字段的值,则可以使用 Request::get('titel')

如何添加到数据库中呢?借助模型,我们可以直接采用下面的方法,

<code>Article::create($input);</code>
Copier après la connexion

就这么简单,就是这么任性

如果没有忘记 Mass Assignment,在我们的模型中我们定义了 $fillable 数组,来定义那些字段可以直接在 create 的时候直接填充。

修改控制器,添加到模型中,并存储到数据库。

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

        return redirect('articles');
    }</code>
Copier après la connexion

添加一条记录试试,非常棒。但别忘了。我们还有一个字段叫做 published_at ,让我们来处理它。

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

        Article::create($input);
        
        return redirect('articles');
    }</code>
Copier après la connexion

添加新纪录在测试一下。

还有一个问题,新添加的应该显示在最前面,我们来修改以下控制器。

<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>
Copier après la connexion

以上就介绍了Laravel 5 基础(九)- 表单,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Binaryx est à nouveau renommé la forme, et les quatre qu'il donne à la communauté est sur le point de monter en flèche? Mar 04, 2025 pm 12:00 PM

Le changement de nom de jeton de Binaryx: de BNX à quatre, puis à former, la signification profonde derrière les ajustements stratégiques Binaryx a récemment changé le symbole de jeton de quatre $ à $, ce qui a attiré une attention généralisée de l'industrie. Ce n'est pas la première fois que Binaryx change son nom, et son symbole de jeton subit une transition de BNX à quatre. Cet article explorera en profondeur les intentions stratégiques derrière cette série de changements de nom. 1. Processus de changement de nom de jetons et considérations stratégiques Binaryx a initialement lancé le jeton $ BNX basé sur la chaîne BNB en 2021 pour soutenir son écosystème de jeu de jeu à la sécurité (P2E). Au début de 2024, afin d'optimiser le modèle économique, Binaryx a divisé $ bnx et s'est progressivement étendu à GameF

L'instruction create peut-elle être utilisée pour créer une structure de table et ajouter de nouveaux enregistrements ? L'instruction create peut-elle être utilisée pour créer une structure de table et ajouter de nouveaux enregistrements ? Jul 25, 2022 am 11:25 AM

ne peut pas. La fonction de l'instruction CREATE est de créer une structure de table, mais elle ne peut pas ajouter de nouveaux enregistrements. Vous pouvez utiliser l'instruction INSERT pour ajouter de nouveaux enregistrements. L'instruction CREATE peut être utilisée pour créer une nouvelle table dans la base de données et spécifier les attributs et les contraintes des colonnes de données. Cependant, la table nouvellement créée est une table vide et nécessite l'utilisation de l'instruction INSERT pour ajouter de nouveaux enregistrements. L'instruction INSERT est utilisée pour insérer une ou plusieurs lignes de données de tuple dans une table existante de la base de données.

Peut-il y avoir plusieurs formulaires en HTML5 ? Peut-il y avoir plusieurs formulaires en HTML5 ? Aug 01, 2022 pm 05:28 PM

Il peut y avoir plusieurs formulaires en HTML5. Les règles permettent d'utiliser plusieurs balises de formulaire dans la même page HTML. Cependant, afin d'éviter que le backend ne la reconnaisse lors de la soumission, vous devez ajouter différents identifiants ou classes au formulaire. La syntaxe est "<from action=". "url" id=" id value 1">Élément de formulaire</from><from action="url" id="id value 2">Élément de formulaire</from>.....".

Quelle est la balise qui définit le formulaire en html5 Quelle est la balise qui définit le formulaire en html5 Jul 26, 2022 pm 04:26 PM

La balise définissant un formulaire en HTML5 est "<form>". La balise form est utilisée pour créer un formulaire HTML (champ de formulaire) permettant à l'utilisateur de collecter et de transférer les informations utilisateur. Tout le contenu du formulaire sera soumis au serveur avec la syntaxe « <form action="Submit Address" method=" ; Méthode de soumission " name="nom du formulaire">contrôle de formulaire</form>". Un formulaire peut contenir un ou plusieurs éléments de formulaire, tels que input, select et textarea.

Organisez de manière exhaustive les éléments liés aux formulaires ! Organisez de manière exhaustive les éléments liés aux formulaires ! Aug 05, 2022 am 11:45 AM

Cet article vous donne un résumé détaillé des points de connaissances liés aux éléments de formulaire en HTML. J'espère qu'il vous sera utile !

Que dois-je faire si j'obtiens une erreur dans l'application Create React ? Que dois-je faire si j'obtiens une erreur dans l'application Create React ? Dec 27, 2022 am 11:29 AM

Solution pour créer une erreur d'application de réaction : 1. Basculez la source du miroir Taobao via "npm config set Registry https://registry.npm.taobao.org" 2. En exécutant "E:\workspace\demo\p4>npx create- ; commande "react-app todolist" pour le réinstaller.

php记录搜索引擎蜘蛛爬行记录代码 php记录搜索引擎蜘蛛爬行记录代码 Jun 13, 2016 am 10:08 AM

php记录搜索引擎蜘蛛爬行记录代码。php教程记录搜索引擎蜘蛛爬行记录代码 center form action=setup.php method=post table align=center tr td服务器:/tdtdinput value=localhost name=server //td /tr tr td用

Que dois-je faire si le formulaire ne peut pas être soumis en php ? Que dois-je faire si le formulaire ne peut pas être soumis en php ? Dec 01, 2022 am 09:08 AM

La solution au formulaire ne peut pas être soumise à PHP : 1. Ouvrez le fichier de code correspondant ; 2. Modifiez l'instruction "onload="javascript:document.form1.submit();" ; 3. Changez le nom de la soumission.

See all articles