[thinkPHP5项目实战_17]文章编辑
文章 1660 0 0 0
发布时间:2019年12月28日

概述

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

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

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" οnclick="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.效果

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

评论专区
Q群
Q群
Q群
反馈
纠错
App