当前位置: 首页 > 编程笔记 >

Laravel 5框架学习之表单

梁丘兴腾
2023-03-14
本文向大家介绍Laravel 5框架学习之表单,包括了Laravel 5框架学习之表单的使用技巧和注意事项,需要的朋友参考一下

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


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

然后修改控制器


    public function create() {

        return view('articles.create');

    }

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


composer require illuminate/html

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


'Illuminate\Html\HtmlServiceProvider',

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


'Form'      => 'Illuminate\Html\FormFacade',

'Html'      => 'Illuminate\Html\HtmlFacade',

OK,现在我们来创建视图,views/articles/create.blade.php

@extends('layout')

@section('content')
  <h1>Write a New Article</h1>

  <hr/>

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

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

@stop

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

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

    return view('articles.show', compact('article'));
  }


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

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


Route::get('articles', 'ArticlesController@index');

Route::get('articles/{id}', 'ArticlesController@show');

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

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

解决方案就是调整顺序:


Route::get('articles', 'ArticlesController@index');

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

Route::get('articles/{id}', 'ArticlesController@show');

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

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

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

@extends('layout')

@section('content')
  <h1>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


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


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

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


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

我们来处理控制器

//注意:将下面的 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;
  }

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

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

Article::create($input);

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

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

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

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

    return redirect('articles');
  }

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

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

    Article::create($input);
    
    return redirect('articles');
  }

添加新纪录在测试一下。

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

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

    return view('articles.index', compact('articles'));
  }

以上所述就是本文的全部内容了,希望能够对大家学习Laravel5框架有所帮助。

 类似资料:
  • 本文向大家介绍Laravel 5框架学习之表单验证,包括了Laravel 5框架学习之表单验证的使用技巧和注意事项,需要的朋友参考一下 在建立一个文章的时候,如果你什么都不输入直接提交,ok,你获得了一个空的文章,没有任何错误提示,这是不对的。在命令行下运行 php artisan 可以看到一个选项 make:request,新建一个form request类。在命令行执行 生成的文件在 app/

  • 本文向大家介绍学习RxJS之JavaScript框架Cycle.js,包括了学习RxJS之JavaScript框架Cycle.js的使用技巧和注意事项,需要的朋友参考一下 是什么 Cycle.js 是一个极简的JavaScript框架(核心部分加上注释125行),提供了一种函数式,响应式的人机交互接口(以下简称HCI): 函数式 Cycle.js 把应用程序抽象成一个纯函数 main(),从外部世

  • 本文向大家介绍wxPython学习之主框架实例,包括了wxPython学习之主框架实例的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了wxPython主框架的简单用法,分享给大家供大家参考。具体如下: 程序代码如下: 运行效果图如下: 希望本文所述对大家的Python程序设计有所帮助

  • 本文向大家介绍laravel框架学习记录之表单操作详解,包括了laravel框架学习记录之表单操作详解的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了laravel框架学习记录之表单操作。分享给大家供大家参考,具体如下: 1、MVC数据流动 拿到一个laravel项目最基本的是弄清楚它的页面请求、数据流动是怎样进行的,比如当通过get请求index页面时,如何显示如下的学生信息列表: 首先

  • 本文向大家介绍零基础学习AJAX之AJAX框架,包括了零基础学习AJAX之AJAX框架的使用技巧和注意事项,需要的朋友参考一下 上文(零基础学习AJAX之AJAX的简介和基础)对ajax异步请求服务器做了详细的介绍和基础应用,可以看出,ajax的一些过程是相对不变的。不必要每次发送请求都写一遍发送代码,一些ajax开发人员已经把他们的过程封装成ajax框架。 本节主要介绍ajaxLib和ajaxG

  • 本文向大家介绍Laravel 5框架学习之Blade 简介,包括了Laravel 5框架学习之Blade 简介的使用技巧和注意事项,需要的朋友参考一下 在多个页面中我们可能包含相同的内容,像是文件头,链接的css或者js等。我们可以利用布局文件完成这个功能。 让我们新建一个布局文件,例如 views/layout.blade.php 我们创建了不解的结构,引入了bootstrap,注意 @yiel