[thinkPHP5项目实战_17]文章编辑

本文设计到的主要技术点有：

页面间传值；数据库查询；模板赋值；下拉框赋值，略缩图展示等

1.文章列表页面修改跳转

点击修改跳转到edit页面，并将文章的id值传过去

<a class="link-update" href="{:url('edit',array('id'=>$vo.artid))}">修改</a>

2.在edit操作方法中中根据传过来的id值查询数据库对应的文章

    public function edit()    {        //根据传过来的id值查询对应的articLe        $arts = \think\Db::name('article')->where('artid',input('id'))->find();        $this->assign('arts',$arts);//模板赋值        //栏目下拉列表        $cateres = db('cate')->select();        $this->assign('cateres',$cateres);//模板赋值        return $this->fetch();    }

3.模板赋值

在Article/add.html的同目录下新建一个edit.html文件，将add.html的内容复制进去。

在form中建一个隐藏的input输入框用于保存文章的artid，根据此artid更新数据库，

将$artes的值赋到对应的位置。

3.1下拉框赋值

使用if条件判断，如果artes的cateid与下拉列表的cateres的ID值相等，赋值完毕。

3.2略缩图展示

使用if条件判断，有略缩图则展示出来（注意使用__PUBLIC__位置）

                        <form action="" method="post" id="myform" name="myform" enctype="multipart/form-data">                            <input type="hidden" name="id" value="{$arts.artid}">                            <table class="insert-tab" width="100%">                                <tbody>                                    <tr>                                        <th width="10%">文章标题：</th>                                        <td>                                            <input class="common-text required" id="title" name="title" size="50" value="{$arts.title}" type="text">                                        </td>                                    </tr>                                    <tr>                                        <th>关键词：</th>                                        <td>                                            <input class="common-text" name="keywords" size="50" value="{$arts.keywords}" type="text">                                        </td>                                    </tr>                                    <tr>                                        <th>描述：</th>                                        <td>                                            <textarea name="desc" class="common-textarea" id="desc" cols="30" style="width: 50%;" rows="3">{$arts.desc}</textarea>                                        </td>                                    </tr>                                    <tr>                                        <th>栏目：</th>                                        <td>                                            <select name="cateid">                                            {volist name="cateres" id="vo"}                                                <option {if condition="$vo['ID'] eq $arts['cateid']"}selected{/if} value="{$vo.ID}">{$vo.catename}</option>                                            {/volist}                                            </select>                                        </td>                                    </tr>                                    <tr>                                        <th>略缩图：</th>                                        <td>                                            <input name="pic" type="file">                                            {if condition="$arts['pic'] eq ''"}                                            暂无缩略图                                            {else /}                                            <img src="__PUBLIC__{$arts['pic']}" alt="" width="50">                                            {/if}                                        </td>                                    </tr>                                    <tr>                                        <th>内容：</th>                                        <td>                                            <textarea name="content" class="common-textarea" id="content" cols="30" style="width: 98%;">                                                <?php echo htmlspecialchars_decode($arts['content']) ?>                                            </textarea>                                        </td>                                    </tr>                                    <tr>                                        <th></th>                                        <td>                                            <input class="btn btn-primary btn6 mr10" value="提交" type="submit">                                            <input class="btn btn6" onclick="history.go(-1)" value="返回" type="button">                                        </td>                                    </tr>                                </tbody>                            </table>                        </form>

4.保存更新数据

    public function edit()    {        //根据传过来的id值查询对应的articLe        $arts = \think\Db::name('article')->where('artid',input('id'))->find();        $this->assign('arts',$arts);//模板赋值        //reuqest方法继承于Controller,使用request助手函数判断请求方式        //使用助手函数input接收接收输入的值        if(request()->isPost()){            $data = [                'artid' => input('id'),//获取隐藏的input值                'cateid' => input('cateid'),                'title' => input('title'),                'keywords' => input('keywords'),                'desc' => input('desc'),                'content' => input('content'),            ];            //判断表单是否上传了文件            if($_FILES['pic']['tmp_name']){                //获取表单上传的文件                $file = request()->file('pic');                // 移动到框架应用根目录/public/uploads/ 目录下                $info = $file->move(ROOT_PATH . 'public' . DS . '/static/uploads');                if($info){                    //拼接文件路径                    //使用date()方法计算出八位时间，上传到uploads的文件所在的文件名就是这八位时间                    //使用$info->getFilename()方法获取文件名                    $data['pic'] = '/static/uploads/'.date('Ymd').'/'.$info->getFilename();                }else{                    // 上传失败返回错误信息                    return $this->error($file->getError());                }            };            //对输入的内容进行验证,使用tp5推荐的验证器的方式            $validate = \think\Loader::validate('Article');            if($validate->check($data)){                //文件上传完毕，表单验证完毕，存入数据库                $res = \think\Db::name('article')->update($data);                //添加判断，成功则跳转到lists方法                if($res){                    return $this->success('修改文章成功','lists');                }else{                    return $this->error('修改文章失败');                }            }else{                //验证失败输出提示信息                return $this->error($validate->getError());            }            return;        }        //获取cateid        $cateres = db('cate')->select();        $this->assign('cateres',$cateres);//模板赋值        return $this->fetch();    }

使用update方法更新数据。

5.效果