Skip to main content

更新用户

创建表单

在前面的章节中,我们已经为用户创建了一个 resource 路由。

route/route.php
// route.php
Route::resource('auth', 'user/auth');

所以我们只需要在对应的控制器上进行页面输出即可。

打开 application\user\controller\Auth.php

application\user\controller\Auth.php
/**
* 显示编辑资源表单页.
*
* @param int $id
* @return \think\Response
*/
public function edit($id)
{
$user_id = Session::get('user.id');
if ($user_id !== $id) {
return redirect('user/auth/edit', ['id' => $user_id]);
}
$user = User::find($user_id);
$this->assign([
'user' => $user,
]);
return $this->fetch();
}

可以看到 edit 方法代码前三行中先检验了 id 是否是当然登入用户的 id,如果不是,就跳转到当然登入用户的编辑页面。

需要注意的是,即使这样进行了跳转,也不是安全的。

然后进入 blade resources\views\user\auth\read.blade.php

resources\views\user\auth\read.blade.php
<div class="panel-heading mb-3">
<h4>欢迎您 {{ $user->name }}</h4>
++++
<a
class="btn btn-primary"
href="{{ url('user/auth/edit', ['id' => session('user.id')]) }}"
>编辑资料</a
>
++++
</div>

这时候在用户个人资料页面就会出现 编辑资料 的按钮了,不过此时点击进去,会抛出模板文件不存在的错误,所以现在来创建模板。

新建 blade resources\views\user\auth\edit.blade.php

resources\views\user\auth\edit.blade.php
@extends('_layout.default') @section('title', $user->name) @section('content')
<div class="col-md-offset-2 col-md-8">
<div class="panel panel-default mt-5">
<div class="panel-heading mb-3">
<h4>编辑 {{ $user->name }} 的个人资料</h4>
</div>
@if(session('validate'))
<div class="alert alert-warning" role="alert">
{{ session('validate') }}
</div>
@endif
<div class="panel-body">
<form method="POST" action="{{ url('update', ['id' => $user->id]) }}">
@php echo token() @endphp

<input type="hidden" name="_method" value="PUT" />

<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">用户名</span>
</div>
<input
type="text"
class="form-control"
placeholder="{{ $user->name }}"
name="name"
/>
</div>

<button type="submit" class="btn btn-primary btn-block">更新</button>
</form>
</div>
</div>
</div>
@stop

在上面这段代码中,我们添加了一行 <input type="hidden" name="_method" value="PUT" >,其中,value="PUT" 表示伪装请求类型。

因为我们是要更新用户资料,所以对应控制器的 update 方法,可是在 HTML 标准里,FORM 只有 POST GET 两种方法,所以采用 INPUT 里进行类型伪装的方式,让控制器识别出是更新的操作。

创建模板完成之后,刷新页面,即可看见刚刚添加好的表单。

接收数据

打开控制器 application\user\controller\Auth.php

application\user\controller\Auth.php
/**
* 保存更新的资源
*
* @param \think\Request $request
* @param int $id
* @return \think\Response
*/
public function update(Request $request, $id)
{
$name = $request->name;
$user_id = Session::get('user.id');
if ($user_id !== $id) {
return redirect('user/auth/edit', ['id' => $user_id])->with('validate', '非法操作');
}
User::where('id', $user_id)->update(['name' => $name]);
Session::set('user.name', $name);
return redirect('user/auth/edit', ['id' => $user_id])->with('validate', '修改成功');
}

这段代码中,我们首先将 id 与登入用户的 id 进行对比,以防止模拟表单请求来修改其他用户。
其次,在数据库更新账户名之后,使用 session set 重新设置用户名,保证前端数据的一致性。

这时候,刷新页面,在输入框中随意填写一些字符,再点击更新按钮,页面上就已经修改成功了。

验证数据

虽然我们现在已经实现了整个更新用户资料的操作逻辑,但是还不算完,由于前端无法对提交数据进行任何限制,所以在后端要进行二次校验。
键入命令并打开创建好的文件:

shell
php think make:validate app\user\validate\UpdateUser
php
protected $rule = [
'__token__' => 'token',
'name|名字' => 'require|max:50',
];

接着返回控制器 application\user\controller\Auth.php

application\user\controller\Auth.php
public function update(Request $request, $id)
{
$user_id = Session::get('user.id');

if ($user_id !== $id) {
return redirect('user/auth/edit', ['id' => $user_id])->with('validate', '非法操作');
}
$requestData = $request->put();
$result = $this->validate($requestData, 'app\user\validate\UpdateUser');

if (true !== $result) {
return redirect('user/auth/edit', ['id' => $user_id])->with('validate', $result);
} else {
$name = $requestData['name'];
User::where('id', $user_id)->update(['name' => $name]);
Session::set('user.name', $name);
return redirect('user/auth/edit', ['id' => $user_id])->with('validate', '修改成功');
}
}

可以看到这段代码增加了验证数据的步骤,验证唯一 id -> 验证提交数据,最后再进行数据库更新,这样才能提高后端的安全可靠性。

返回前端页面,尝试不填写任何数据就直接提交,就会看到名字不能为空的警告了,届时,整个更新流程已经书写完毕。

@2023 HeroUI & Singularity Robotics PTE. LTD. All rights reserved.