Laravel 5 基础(十一)- 子视图和表单复用
我们需要处理编辑文章的问题。当然我们可以手工添加新的路由,就像这样:
Route::get('/articles/{id}/edit', 'ArticleController@edit');
让我们在命令行下使用 artisan
的 route:list
来查看我们当前的路由:
php artisan route:list
在符合 RESTful 的情况下,可能直接使用 laravel 的 resource
路由是一种好的选择,然我们将所有的路由都去掉,只添加唯一的一个:
Route::resource('articles', 'ArticlesController');
再次使用 php artisan route:list
查看路由,哇,一堆的符合我们期望的路由产生了。每一项都仔细查看一下。
现在在控制器中添加方法:
public function edit($id) {
$article = Article::findOrFail($id);
return view('articles.edit', compact('article'));
}
现在创建视图
@extends('layout')
@section('content')
<h1>Edit: {!! $article->title !!} </h1>
<hr/>
...
好吧,我承认这些代码都是从 create.blade.php
中拷贝出来的,修改了一下,问题是我们需要重复吗?后面我们会处理这个问题,现在来看一下表单的提交问题。在路由中 php artisan route:list
,再看一遍,修改使用了 PATCH
方法,我们来修改视图:
{!! Form::open(['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}
在浏览器中访问 /articles/1/edit
,查看一下源代码,发现laravel自动生成了 _method=PATCH
的隐藏字段。
一问题是,我们编辑文章,但是文章的信息并没有显示出来,我们修改一下视图:
{!! Form::model($article, ['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}
OK,everything's ok,除了 published_on
字段仍然设置为当前日期,后面我们来处理。
现在在控制器中添加方法:
public function update($id, \Illuminate\Http\Request $request) {
$article = Article::findOrFail($id);
$article->update($request->all());
return redirect('articles');
}
我们在修改的过程中也需要验证,让我们复用我们的 Request 类,将 CreateArticleRequest
更名为更通用的 ArticleRequest
,别忘了修改 store
方法中的参数。
public function update($id, Requests\ArticleRequest $request) {
$article = Article::findOrFail($id);
$article->update($request->all());
return redirect('articles');
}
现在剩下的问题是我们的新建和编辑使用了大部分相同的代码,比如显示错误,但他们存在两份,我们来修改这个问题。
我们直接在 views/articles
下面新建文件 list.blade.php
,并把错误处理代码从 create.blade.php
中拷贝出来:
@if ($errors->any())
<ul class="alert alert-danger">
@foreach($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
@endif
在 create.blade.php
只需用下面语句替换错误处理代码即可:
@include('articles.list')
让我们再来处理表单代码,表单代码中除了 form
不大一样和提交按钮有区别,其他都差不多。我们创建一个视图 articles/form_partial.blade.php
,将代码拷贝出来
<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::label('published_at', 'Publish On:') !!}
{!! Form::input('date', 'published_at', date('Y-m-d'), ['class' => 'form-control']) !!}
</div>
<div class="form-group">
{{--这里要设置变量,依据是编辑还是修改来改变,当然也可以不放置在partial中--}}
{!! Form::submit($submitButtonText, ['class' => 'btn btn-primary form-control']) !!}
</div>
修改 create.blade.php
@extends('layout')
@section('content')
<h1>Write a New Article</h1>
<hr/>
@include('articles.list')
{{--使用我们添加的 illuminate\html 开源库--}}
{!! Form::open(['url' => 'articles']) !!}
@include('articles.form_partial', ['submitButtonText' => 'Add Article'])
{!! Form::close() !!}
@stop
修改 edit.blade.php
@extends('layout')
@section('content')
<h1>Edit: {!! $article->title !!} </h1>
<hr/>
@include('articles.list')
{{--使用我们添加的 illuminate\html 开源库--}}
{!! Form::model($article, ['method' => 'PATCH', 'url' => 'articles/' . $article->id]) !!}
@include('articles.form_partial', ['submitButtonText' => 'Update Article'])
{!! Form::close() !!}
@stop
Laravel 5 基础(十一)- 子视图和表单复用的更多相关文章
- YII用户注冊和用户登录(二)之登录和注冊在视图通过表单使用YII小物件并分析
2 登录和注冊在视图通过表单使用YII小物件并分析 <?php $form = $this -> beginWidget('CActiveForm', array( 'enableClie ...
- JQuery基础原理 与实例 验证表单 省市联动 文本框判空 单选 复选 判空 下拉判空 确认密码判等
JQuery 基础原理 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> & ...
- 用基于类的通用视图处理表单(Class-based generic views)
处理表单通常包含3步: 初始化GET(空白的后者预填充的表单) POST非法数据(通常重新显示带有错误信息的表单) POST合法数据(提交数据并重定向) 为了将你从这些烦人的重复步骤中解救出来,Dja ...
- Bootstrap框架(基础篇)之列表,表格,表单
继续上篇的基础部分延伸,主要说一下列表,表格,表单相关Bootstrap框架变化以及基础知识. 1.列表篇 除了HTML提供的三种基本列表样式: 无序列表 <ul> <li>… ...
- 【jQuery基础学习】06 jQuery表单验证插件-Validation
jQuery的基础部分前面都讲完了,那么就看插件了. 关于jQuery表单验证插件-Validation validation特点: 内置验证规则:拥有必填.数字.E-Mail.URL和信用卡号码等1 ...
- JavaScript基础笔记(十)表单脚本
表单脚本 一.表单基础知识 JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型. 通过document.forms可以获得所有表单元素,通过数 ...
- jQuery基础(鼠标事件,表单事件,键盘事件,自定义事件 篇)
1.jQuery鼠标事件之click与dbclick事件 方法一:$ele.click()(不带参数) <div id="test">点击触发<div&g ...
- Laravel POST请求API接口 使用validate表单验证返回欢迎页
突然遇到的问题 就是使用Laravel进行开发API接口的时候 发现在表单验证不通过的时候返回了登录页 猜测问题应该是因为表单验证失败后进行了重定向导致的 因为返回状态码200 网上找了好久没找到 ...
- Vue基础语法(样式绑定,事件处理,表单,Vue组件)
样式绑定 事件处理 表单 Vue组件 样式绑定 <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
随机推荐
- 蓝桥杯---汉字取首字母(位运算 & 水题)
确实题目虽然有点水,但是开始的时候好像还真的没有想到怎么提取出这个编号一不小心感觉可以可以用unsigned char 这种类型,直接转为16进制,但是之后发现虽然第一次在codeblock中还行,但 ...
- JQuery基础教程:选择元素(下)
DOM遍历方法 利用前面介绍的jQuery选择符取得一组元素,就像是我们在DOM树中纵横遍历再经过筛选得到的结果一样.如果只有这一种取得元素的方式,那我们选择的余地从某个角度讲也是很有限的.很多情 ...
- vc 取windows系统信息 版本 cpu信息 内存信息 ie版本信息 office版本
头文件: /*! Copyright (C) *---------------------------------------------------------------------------- ...
- git和svn的区别001
Git和SVN之间的五个基本区别 中文原文地址:http://blog.jobbole.com/31444/ 友情链接git和svn链接2:http://blog.csdn.net/sunboy_20 ...
- C#中的委托,匿名方法和Lambda表达式
简介 在.NET中,委托,匿名方法和Lambda表达式很容易发生混淆.我想下面的代码能证实这点.下面哪一个First会被编译?哪一个会返回我们需要的结果?即Customer.ID=.答案是6个Firs ...
- The str method
__str__ is a special method name, like __init__, that is supposed to return a string representation ...
- Informatica 启动、停止工作流命令
切换到Infa用户su - infa 停止$INFA_HOME/server/tomcat/bin/infaservice.sh shutdown 启动$INFA_HOME/server/tomcat ...
- USACO Section 2.4 回家 Bessie Come Home
题目描述 现在是晚餐时间,而母牛们在外面分散的牧场中. 农民约翰按响了电铃,所以她们开始向谷仓走去. 你的工作是要指出哪只母牛会最先到达谷仓(在给出的测试数据中,总会有且只有一只最快的母牛). 在挤奶 ...
- 如何避免遭受HTTS中间人攻击
先前为大家说明了如何对App的HTTPS通讯进行中间人攻击,听起来很吓人吧-表示若是使用手机的网银或购物等App,便有可能暴露在风险之中. 会发生HTTPS遭受拦截的主要原因是客户端的App未对服务器 ...
- thinkphp验证码点击更换js实现
<img src="__CONTROLLER__/verify" alt="" onclick=this.src="__CONTROLLER__ ...