[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.效果