Laravel教程 十:实现文章的修改

JellyBool

JellyBool

我们之前的一系列文章综合起来就实现了一个发布文章的整个流程,但是万一我们需要修改某篇文章的内容呢?我们该如何去实现呢?其实,有了怎么创建一篇文章之后,我们实现编辑(更新)文章的思路很类似。这里可以值得注意的知识点就是Form::modelgetAttribute了。来看看具体的步骤:

注册路由

routes.php中,注册我们的编辑页面的路由:

Route::get('article/edit/{id}','ArticleController@edit');

这个路由接受一个参数:id,意为文章的id,我们会需要根据这个id来查询我们要修改的文章。

编写edit方法

根据路由,我们在ArticleController添加edit()方法:

public function edit($id)
    {
        $article = Article::findOrFail($id);
        $tags = Tag::lists('name', 'id');
        return view('articles.edit',compact('article','tags'));
    }

很熟悉地,我们首先根据id来查询到我们需要编辑的文章,对于$tags,我们采取跟create()方法一样的方法,得到我们的$tags列表。然后渲染视图,并将查询到的$article$tags传给视图。

创建视图

上面的edit()方法指定了渲染articles.edit(resources/views/articles/edit.blade.php)这个视图,我们来创建之,这里为了便利,我们可以直接将create.blade.php这个视图文件拷贝过来:

@extends('app')
@section('content')
    <h1>修改文章:{{ $article->title }}</h1>
    {!! Form::model($article,['url'=>'article/update']) !!}
    {!! Form::hidden('id',$article->id) !!}
    <div class="form-group">
        {!! Form::label('title','标题:') !!}
        {!! Form::text('title',$article->title,['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('content','正文:') !!}
        {!! Form::textarea('content',$article->content,['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('published_at','发布日期') !!}
        {!! Form::input('date','published_at',$article->published_at->format('Y-m-d'),['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('tag_list','选择标签') !!}
        {!! Form::select('tag_list[]',$tags,null,['class'=>'form-control js-example-basic-multiple','multiple'=>'multiple']) !!}
    </div>
    <div class="form-group">
        {!! Form::submit('修改文章',['class'=>'btn btn-success form-control']) !!}
    </div>
    {!! Form::close() !!}
    @if($errors->any())
        <ul class="alert alert-danger">
            @foreach($errors->all() as $error)
                <li>{{ $error }}</li>
            @endforeach
        </ul>
    @endif
    <script type="text/javascript">
        $(function() {
            $(".js-example-basic-multiple").select2({
                placeholder: "添加标签"
            });
        });
    </script>
@endsection

这里我们注意下面这几点:

我们使用了Form::hidden()

这里我们使用这个目的(因为hidden表单并不会展示给用户看)就是为了后面在更新的时候更加便捷和暴力,因为有了id,我们一切的事情都很好办。

我们给Form input表单设置了初始值

通过类似{!! Form::text('title',$article->title,['class'=>'form-control']) !!}中的$article->title的形式,我们给表单赋予了初始值。

我们使用了Form::model()

在声明Form的时候,我们并不是简单的使用Form::open(),Form::model()首先需要将你要绑定的model传进来,这里我们用的是$article,也就是我们在edit()方法查找到的$article,这个有什么好处呢?

一旦绑定Form::model(),在后面的input表单中即使你没有设置初始值,laravel也会自动为你匹配,然后
为你赋予初始值,这也是使用Form的好处之一,就比如上面的{!! Form::text('title',$article->title,['class'=>'form-control']) !!},在Form::model()下,你完全可以像之前那样写:

{!! Form::text('title',null,['class'=>'form-control']) !!}

你依然会得到相同的效果,但是这里为了更清晰,我直接赋了$article->title初始值。

我们又使用Carbon

在文章的published_at这个字段,我们借$article->published_at->format('Y-m-d')又一次感受到了Carbon的便利。

最后来看看我们的编辑页面有没有好:

替代文字

仔细看其实就会发现,这样还没有完全实现编辑,因为我们的标签还没有同步过来,我们看到的标签select都是空的,但是原来的文章是有标签的啊,这个怎么办呢?

getAttribute

getAttribute就可以登场了,借助tag_list[]这个便利特性,我们可以在Article.php中为其设置一个getAttribute方法:

 public function getTagListAttribute()
    {
        // laravel 5.1 needs all()
        return $this->tags->lists('id')->all();
        // tags means tags() many-to-many relationship with tag
    }

这里需要说明一下,类似getAttribute都统一使用驼峰法。然后取值的时候就统一使用下划线的方法,比如这里的tag_list就是对应TagList,如果你写成tag_involved,方法就是getTagInvolvedAttribute()。这样写laravel会自动获取这个值。

注意,laravel 5.0版本,写成这样return $this->tags->lists('id');

我们来看看效果:

替代文字

OK,这里我们实现完编辑页面之后,我们根据Form::model()url来注册一个post路由

注册post路由

来到routes.php中,为update方法增加post路由:

Route::post('article/update','ArticleController@update');

修改文章的表单会提交到article/update,然后触发ArticleControllerupdate()方法。

编写update()

ArticleController中增加update()方法:

public function update(Requests\StoreArticleRequest $request)
    {
        //这里使用同样地验证规则
       dd($request->all());
    }

我们来看看有没有拿到提交过来的数据:

替代文字

OK,我们争取拿到数据了,接下来就是实现更新了。修改我们的update()方法:

public function update(Requests\StoreArticleRequest $request)
    {
        //根据id查询到需要更新的article
        $article = Article::find($request->get('id'));
        //使用Eloquent的update()方法来更新,
        //request的except()是排除某个提交过来的数据,我们这里排除id
        $article->update($request->except('id'));
        // 跟attach()类似,我们这里使用sync()来同步我们的标签
        $article->tags()->sync($request->get('tag_list'));
        
        return redirect('/');
    }

OK,代码逻辑实现完了之后,我们来看看是否能更新成功:

替代文字

Bang,大工告成!!

总结

如果你一直都跟着教程来,这个修改文章的过程应该思路很清晰。我们在这里再一次感受到:

注册路由--->控制器写方法--->加载视图

这一个神奇的轮回。这里还是需要强调的是Form::model()getAttribute这两个知识点。

最后,到这里,貌似我们的整个教程就可以结束了。下面我打算再开一个系列说说laravel 5.1的新特性.

Happy Hacking

本文由 JellyBool 创作, 转载和引用遵循 署名-非商业性使用 2.5 中国大陆 进行许可。

共有 92 条评论

openwrtmail

顶。。。
顶。。。

JellyBool

@openwrtmail 谢谢。哈哈

openwrtmail

据说这是最后一期教程了。是否可以增加一点前端的知识 着重应用就好~~~@JellyBool

JellyBool

@openwrtmail 前端这方面并不擅长,不能误人子弟吧。

openwrtmail

你网站前端是用bootstrap可视化布局做的吗 感觉挺不错的 简洁 美观
我喜欢这样的@jellybool

JellyBool

@openwrtmail 前端的CSS就是用的bootstrap的。

openwrtmail

网站基本功能都做完了吗?如果基本功能都做完了 接下来就是完善内容了 。我可以帮你宣传一下 @JellyBool

JellyBool

@openwrtmail 对,目前主要是产出内容。基本功能算是差不多了,后续会完善一些小功能

Kirits

顶顶顶,学习了很多,非常感谢

Kirits

这是最后一期了吗?

JellyBool

@Kirits 这个系列算是最后的了,后面写laravel 5.1的新特性吧

Dickson

顶一个,零零碎碎在爬了一周左右终于找到了一篇能轻松读懂的入门Laravel教程!写的非常好!最后非常感谢!

JellyBool

谢谢,这里有系列教程,你可以看看 @Dickson

JellyBool

你是来灌水的么?不要这样 @ethan

Kirits

@JellyBool 不知道你有没有这个bug,就是在修改文章的时候,将标签全删了,点击“修改文章”后就出错了

JellyBool

你是说我这里还是你在实现的时候出现了bug? @Kirits 如果你出现了bug,请仔细看文章

JellyBool

如果你没有验证tag_list这个输入,把标签全删了肯定会报错啊,报错信息那么明显 @Kirits

Kirits

验证tag_list输入?怎样可以验证tag_list输入?

JellyBool

之前不是有么?使用Request啊 @Kirits

Kirits

猴,谢谢@Jelly

Kirits

@JellyBool 但是怎样可以将tags设置为不是必须的?因为考虑到不是所有文章都需要标签的

JellyBool

不是必须的话,你直接判断一下就好了啊。。这还要很难么 @Kirits

taruca

博主,我做到最后一步修改update()方法的时候显示如下错误

FatalErrorException in ArticleController.php line 55: 
Call to a member function update() on a non-object

代码如下:

public function update(Requests\StoreArticleRequest $request)
    {
        //根据id查询到需要更新的article
        $article = Article::find($request->get('id'));
        //使用Eloquent的update()方法来更新,
        //request的except()是排除某个提交过来的数据,我们这里排除id
        $article->update($request->except('id'));
        // 跟attach()类似,我们这里使用sync()来同步我们的标签
        $article->tags()->sync($request->get('tag_list'));
        
        return redirect('/');
    }

@JellyBool

JellyBool

仔细看看你的$request->get('id')。你确定有这个id的文章? @taruca

xiaohan

@JellyBool 可不可以写个文章评论的教程,网上资料太少了。

JellyBool

这个有什么可以写的么?。。。 @xiaohan

xiaohan

@JellyBool 你这么说,那应该很简单,我自己再试试吧,今天弄了一天没做出来,不懂得怎么处理(post)当前文章的id和当前登录用户

Sky

非常好,支持!!!~1

lanhuan

前面的都做完了没什么问题 但是到修改这一步的时候 提交后 发表时间变成了 2015年前 数据库 看到 published at 0000-00-00 00:00:00 在前面dd的时候 确定request已经拿到时间了

xueyunlong67

博主这是你的articles表的结构?
getTagListAttribute()获取器,你的表中有 tag_list字段吗?getAttribute($value)获取器应该有参数吧,@JellyBool
还有就是

红色的部分没看懂。

xueyunlong67

请问博主,$tags返回的是 所有 以 name为值,id为键 的数组吗?


你这句返回的不是tags表所有的id?为什么有了这句话,每个文章所对应的标签就出来了???

博主,我仔细看了你的每一篇文章,写的很细,但是有的部分却一笔带过,网博主解决我的疑惑

JellyBool

$tags返回的是 所有 以 name为值,id为键 的数组吗?

请直接dd().

你这句返回的不是tags表所有的id?为什么有了这句话,每个文章所对应的标签就出来了???

并不是的,因为这里就是返回文章所选中的tag的id,所以每个文章所对应的标签就出来了

@xueyunlong67

xueyunlong67

你用的 getTagListAttribute() laravel 获取器,那你表中有tag_list字段吗??按照文档该方法应该有个参数 $value

在博主你的 Laravel教程 九:Eloquent Relationship我也有疑问,能看下吗?
lists()我用过了dd(),返回的就是以第一个参数为值,第二个参数为键的数组
@JellyBool

nescafe

@JellyBool 博主你好,很感激你写的教程
我这边还是不太明白 页面中edit.blade.php 中的 tag_list[] 是怎样通过Article.php 中的getTagListAttribute() 获取到当前文章所拥有的tags 的,还是说是硬性规定?
传入model 给前端form 表单后,只要这样写就能获取到了?
另外,在getTagListAttribute() 中return $this->tags->lists(‘id’)->all(); 给lists()方法传入字符‘id’ ,就可以了吗?什么原理 很模糊

求博主给个类似详细的例子,或者关键字给我去搜搜
ps 别见怪哈~

JellyBool

并不一定需要$value参数吧。getAttribute会自动返回而已,你可以看看源码 @xueyunlong67

JellyBool

@nescafe getAttribute,关键字

xueyunlong67

你用的 getTagListAttribute() laravel 获取器,那你表中有tag_list字段吗??
@JellyBool

JellyBool

没有,表的结构就是文章所写的那样。 @xueyunlong67

xueyunlong67

博主啊,能详细讲解一下吗???get 字段名Attribute,文档上描述的是表中字段,还有
你的return $this->tags->list(‘id’)->all();返回的不就是以id为值的数组吗?为什么文章对应的标签就出来了,,求解答啊,博主,详细点,博主,别跑了,等你好几天了,憋死我了@JellyBool

JellyBool

额,因为tag_list触发了 getTagListAttribute(),自然就返回了该文章的所以的标签id,那么在表单选中的时候自然就选择了撒 @xueyunlong67

xueyunlong67

其实用getAttribute 关键字,未必是表中的字段?t
ag_list不是下拉表单的名字?
tag_list怎么就触发了 getTagListAttribute() 方法?
该方法里的 return $this->tags->list(‘id’)->all();返回文章拥有标签的id,然后给表单里的{!! form::select !!},然后依据id选择对应的值?我这人比较追求的比较细,希望博主别跑,耐心的解答一下,嘿嘿@JellyBool

Smile

@JellyBool 请问博主…可否增加一些关于用户登录的知识呢?
还有相请问下…留言时…@的功能是如何实现的呢?

JellyBool

@Smile 登录部分视频有讲到

Smile

@JellyBool 博主回答好快呢…那关于@的功能呢?

Anonymous

终于等到楼主更新!

Anonymous
Route::get('article/edit/{id}','ArticleController@edit');

请问,写路由时,能否把id限制只能为数字?

Anonymous

可以,比如写成这样

Route::get('article/edit/{id}','ArticleController@edit')->where('id', '[0-9]+');
Anonymous

强烈请求博主出一篇laravel权限管理的文章

Anonymous

是不是ACL新特性?

Anonymous

嗯,正打算写呢,不过最近也在自己上线的laravel社区录视频教程

https://laravist.com/

Anonymous

强烈支持,很喜欢laravel

Anonymous

哈哈,感谢支持

Anonymous

好像没有找到这个邮箱

Anonymous

miyogurt@vip.qq.com 可能是这个。嘿嘿。

Anonymous

帮我一下吧,我在Laravel Artist 注册用户,但是收不到验证邮件,导致无法登陆也无法重新注册。我的邮箱是elekids#qq.com

Anonymous

不好意思,昨天没看这个评论。现在已经通过审核,你现在试试登录看看。。

Anonymous

分享一下前端的吧,比如那个标签的实现

Anonymous

https://laravist.com/recommended-reading 你的视频网站很喜欢,希望继续录制精品 谢谢

Anonymous

谢谢,常来看看呗,最近老是忙着更那边的内容了

Anonymous

登录成功了,你录制的视频很不错,简短没有废话,特别好!

Anonymous

多来看看呗

Anonymous

讲一下前端的内容吧~~~

Anonymous

前端需要讲什么,何况我又不是专业前端 。 以后可能都是更这个站点了

https://laravist.com/discuss

Anonymous

前面的都做完了没什么问题 但是到修改这一步的时候 提交后 发表时间变成了 2015年前 数据库 看到 published at 0000-00-00 00:00:00 在前面dd的时候 确定request已经拿到时间了[织]

Anonymous

博主好,交换友情链接,可否?日光博客www.7654.hk

Anonymous
public function getTagListAttribute()
    {
        // laravel 5.1 needs all()
        return $this->tags->lists('id')->all();
        // tags means tags() many-to-many relationship with tag
    }

这里这个 lists() 里的 id 是干嘛的?代表哪个id? 他是通过$article 模型自动取到的tags 么?

Anonymous

通过tags()这个many to many ,

Anonymous

博主,你好,大四的我比起博主更加惭愧了。自己比较喜欢php,毕设也是做基于laravel的rest服务器,但是因为自己是零基础,但又不知如何入门,希望博主能指条明路,我自己也在努力学习,只是有个“灯塔”是不是会更好点。谢谢

Anonymous

博主您好:请问我在 edit.blade.php 中这样写

{!! Form::label('tag_list','选择标签') !!}
{!! Form::select('tag_list[]',$tags,null,['class'=>'form-control','multiple'=>'multiple']) !!}

并不能获取到相对应的标签值,而且在使用了 Form::model($article) 之后在表单中这样写

{!! Form::input('date', 'published_at', date('Y-m-d'), ['class' => 'form-control']) !!}

也没有出现默认值,但是其他的像标题那些就可以,哦,我的版本是5.2的,博主这个应该怎么解决那

Anonymous

你看看有没有正确设置了setAttribute这个方法

Anonymous

博主:我的article\model是这个
protected $dates = [‘published_at’];

public function setPublishedAtAttribute($date) {
    $this->attributes['published_at'] = Carbon::createFromFormat('Y-m-d', $date);
}

public function scopePublished($query) {
    $query->where("published_at", "<=", Carbon::now());
}

public function user() {
    return $this->belongsTo("App\User");
}

public function tags() {
    return $this->belongsToMany('App\tag')->withTimestamps();
}

public function getTagListAttribute() {
    return $this->tags->lists('id')->all();
}

应该是对的

Anonymous

[ali羞] 以后多来这里学习,请各位多多指教

indigolove

其实想问下视频中的sublime3的主题和配置

JellyBool 回复 indigolove

Material Theme UI

wangtaihong

学习了,顶顶顶~!!!!!

hybridword

我想获取tag里面的值,利用getAttribute,但是并没有出现
附上model代码

public function getColumnListAttribute()
    {
      
        return $this->columns->pluck('id')->all();
        
    }

下面是controller

 public function edit($art_id)
    {
        $data = (new Category)->tree();
        $field = Article::find($art_id);
        $column = Column::pluck('name','id');
        return view('admin.article.edit',compact('data','field','column'));
    }

这个是balde

<select class="form-control js-example-basic-multiple" name="column_list[]" multiple="multiple" >
                            
                        </select>
JellyBool 回复 hybridword

你看看这个:

{!! Form::model($article,['url'=>'article/update']) !!}
    {!! Form::hidden('id',$article->id) !!}
    <div class="form-group">
        {!! Form::label('title','标题:') !!}
        {!! Form::text('title',$article->title,['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('content','正文:') !!}
        {!! Form::textarea('content',$article->content,['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('published_at','发布日期') !!}
        {!! Form::input('date','published_at',$article->published_at->format('Y-m-d'),['class'=>'form-control']) !!}
    </div>
    <div class="form-group">
        {!! Form::label('tag_list','选择标签') !!}
        {!! Form::select('tag_list[]',$tags,null,['class'=>'form-control js-example-basic-multiple','multiple'=>'multiple']) !!}
    </div>

文章的代码和说明

hybridword 回复 JellyBool

{!! Form::hidden(‘id’,$article->id) !!}
你是说这个么?如果我是直接html的该怎么写这个字段呢?

JellyBool 回复 hybridword

不是,这是要使用 Form Model 的吧

hybridword 回复 JellyBool

要使用form的model模式才可以解决这个问题吗?

JellyBool 回复 hybridword

你直接 $article->tag_list 看看

hybridword 回复 JellyBool

这样是拿到他的id还要foreach出来,像你那样的,怎么可以自动填充呢?卡在这里好久了,赐教啊

JellyBool 回复 hybridword

那就是要使用 Form package 了,它的便捷之处就体现了

hybridword 回复 JellyBool

好吧,5。4可以用的吧?

hybridword 回复 JellyBool

但是我做为api也是要干这一步

bluescheung

很好的入门教程 从第一篇做到第十篇 基本上对laravel有了一个大致的了解,非常感谢,请问接下来还有第三方登录验证和删除文章的教程吗

jayin

@JellyBool 那篇创建文章标签的关系文章多对多的关系在哪里去了,怎么找不到了,帮忙发个链接给我

bluescheung

看文章比看视频舒服,能配合自己的速度