[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 = 	hinkDb::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 = 	hinkDb::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 = 	hinkLoader::validate("Article");
            if($validate->check($data)){
                //文件上传完毕，表单验证完毕，存入数据库
                $res = 	hinkDb::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();
    }

5.效果