Laravel 5框架学习之表单,laravel5框架表单_PHP教程
Laravel 5框架学习之表单,laravel5框架表单
首先让我们修改路由,能够增加一个文章的发布。
复制代码 代码如下:
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 id="Write-a-New-Article">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 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
当表单提交的时候,实际上是使用 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框架有所帮助。

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

메모장++7.3.1
사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경

드림위버 CS6
시각적 웹 개발 도구

SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)

뜨거운 주제











Windows가 게임 플랫폼으로 선택되었으므로 게임 중심 기능을 식별하는 것이 더욱 중요합니다. 그 중 하나는 Windows 11에서 Xbox One 컨트롤러를 보정하는 기능입니다. 내장된 수동 보정을 사용하면 드리프트, 무작위 이동 또는 성능 문제를 제거하고 X, Y 및 Z축을 효과적으로 정렬할 수 있습니다. 사용 가능한 옵션이 작동하지 않으면 언제든지 타사 Xbox One 컨트롤러 보정 도구를 사용할 수 있습니다. 알아 보자! Windows 11에서 Xbox 컨트롤러를 어떻게 보정하나요? 계속하기 전에 컨트롤러를 컴퓨터에 연결하고 Xbox One 컨트롤러의 드라이버를 업데이트했는지 확인하세요. 그 동안 사용 가능한 펌웨어 업데이트도 설치하십시오. 1. 바람을 이용하라

PHP 양식 제출 후 페이지 점프를 구현하는 방법 [소개] 웹 개발에서 양식 제출은 일반적인 기능 요구 사항입니다. 사용자가 양식을 작성하고 제출 버튼을 클릭한 후 일반적으로 양식 데이터는 처리를 위해 서버로 전송되어야 하며, 처리 후 사용자는 다른 페이지로 리디렉션됩니다. 이 기사에서는 양식 제출 후 PHP를 사용하여 페이지 점프를 구현하는 방법을 소개합니다. [1단계: HTML 양식] 먼저 사용자가 제출해야 하는 데이터를 채울 수 있도록 HTML 페이지에 양식이 포함된 페이지를 작성해야 합니다.

JavaScript를 사용하여 양식 입력 상자 내용의 자동 프롬프트 기능을 구현하는 방법은 무엇입니까? 소개: 양식 입력 상자 내용의 자동 프롬프트 기능은 웹 애플리케이션에서 매우 일반적이며 사용자가 올바른 내용을 빠르게 입력하는 데 도움이 됩니다. 이 기사에서는 JavaScript를 사용하여 이 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 제공합니다. HTML 구조 만들기 먼저 입력 상자와 자동 제안 목록이 포함된 HTML 구조를 만들어야 합니다. 다음 코드를 사용할 수 있습니다: <!DOCTYP

PHP는 매우 널리 사용되는 프로그래밍 언어이며 CodeIgniter4는 일반적으로 사용되는 PHP 프레임워크입니다. 웹 애플리케이션을 개발할 때 프레임워크를 사용하면 개발 프로세스 속도를 높이고 코드 품질을 향상시키며 유지 관리 비용을 줄일 수 있습니다. 이 기사에서는 CodeIgniter4 프레임워크를 사용하는 방법을 소개합니다. CodeIgniter4 프레임워크 설치 CodeIgniter4 프레임워크는 공식 홈페이지(https://codeigniter.com/)에서 다운로드할 수 있습니다. 아래에

Laravel을 처음부터 배우기: 컨트롤러 메소드 호출에 대한 자세한 설명 Laravel 개발에 있어서 컨트롤러는 매우 중요한 개념입니다. 컨트롤러는 모델과 뷰 사이의 브리지 역할을 하며 경로의 요청을 처리하고 해당 데이터를 표시하기 위해 뷰에 반환합니다. 컨트롤러의 메서드는 경로로 호출할 수 있습니다. 이 문서에서는 컨트롤러에서 메서드를 작성하고 호출하는 방법을 자세히 소개하고 구체적인 코드 예제를 제공합니다. 먼저 컨트롤러를 만들어야 합니다. Artisan 명령줄 도구를 사용하여 생성할 수 있습니다.

PHP 양식에서 사용자 권한 관리를 처리하는 방법 웹 애플리케이션이 지속적으로 개발되면서 사용자 권한 관리는 중요한 기능 중 하나입니다. 사용자 권한 관리는 애플리케이션에서 사용자의 운영 권한을 제어하고 데이터의 보안과 합법성을 보장할 수 있습니다. PHP 양식에서는 간단한 코드를 통해 사용자 권한 관리를 구현할 수 있습니다. 이 기사에서는 PHP 양식에서 사용자 권한 관리를 처리하는 방법을 소개하고 해당 코드 예제를 제공합니다. 1. 사용자 역할 정의 및 관리 우선 사용자 역할을 정의하고 관리하는 것은 사용자 권한의 문제입니다.

JavaScript를 사용하여 양식의 입력 상자 내용에 대한 실시간 확인을 구현하는 방법은 무엇입니까? 많은 웹 애플리케이션에서 양식은 사용자와 시스템 간의 가장 일반적인 상호 작용 방법입니다. 그러나 데이터의 정확성과 완전성을 보장하기 위해 사용자가 입력한 콘텐츠의 유효성을 검사해야 하는 경우가 많습니다. 이 기사에서는 JavaScript를 사용하여 양식 입력 상자 내용의 실시간 확인을 구현하고 구체적인 코드 예제를 제공하는 방법을 알아봅니다. 양식 만들기 먼저 HTML로 간단한 테이블을 만들어야 합니다.

HTML, CSS 및 jQuery를 사용하여 양식 자동 저장의 고급 기능을 구현하는 방법 양식은 최신 웹 애플리케이션에서 가장 일반적인 요소 중 하나입니다. 사용자가 양식 데이터를 입력할 때 자동 저장 기능을 구현하는 방법은 사용자 경험을 향상시킬 뿐만 아니라 데이터 보안도 보장할 수 있습니다. 이 글에서는 HTML, CSS, jQuery를 사용하여 양식의 자동 저장 기능을 구현하는 방법을 소개하고 구체적인 코드 예제를 첨부합니다. 1. HTML 양식의 구조 먼저 간단한 HTML 양식을 만들어 보겠습니다.
