# 優化前端
雖然現在已經可以正常登錄,但是登錄之后的頁面仍然有注冊按鈕,未登錄的頁面沒有登錄按鈕,我們要對前端頁面進行一些優化.
`resources\views\_layout\header.blade.php`:
~~~~ html
~<a class="btn btn-outline-success my-2 my-sm-0" href="{{ url('user/auth/create') }}">注冊</a>~
@if(session('user'))
<a class="btn btn-outline-success my-2 my-sm-0"
href="{{ url('user/auth/read', ['id' => session('user.id')]) }}">
{{ session('user.name') }}
</a>
@else if
<a class="btn btn-outline-success my-2 my-sm-0"
href="{{ url('user/auth/create') }}">注冊</a>
<a class="btn btn-outline-success my-2 my-sm-0"
href="{{ url('user/session/create') }}">登錄</a>
@endif
~~~~
基本的登錄之后的前端提示已經完成.
## 自動登錄
非常簡單的,和前一章一樣,我們只用在注冊跳轉的地方添加 `session` 即可.
`application\user\controller\Auth.php`:
~~~~ php
public function save(Request $request)
{
$requestData = $request->post();
$result = $this->validate($requestData, 'app\user\validate\Auth');
if (true !== $result) {
return redirect('user/auth/create')->with('validate',$result);
} else {
$user = User::create($requestData);
+Session::set('user', $user);+
return redirect('user/auth/read')->params(['id' => $user->id]);
}
}
~~~~
現在再訪問 `http://thinkphp.test/user/auth/create.html` 進行一遍注冊,則會自動登錄并跳轉至 `http://thinkphp.test/user/auth/read/id/2.html`.
可是如果我們訪問 `http://thinkphp.test/user/session/create.html` 仍然會出現登錄的頁面,所以也需要在 `Session` 控制器中進行判斷.
`application\user\controller\Auth.php`:
~~~~ php
public function create()
{
if (Session::has('user')) {
$user = Session::get('user');
return redirect('user/auth/read')->params(['id' => $user->id]);
} else {
$token = $this->request->token('__token__', 'sha1');
$this->assign('token', $token);
return $this->fetch();
}
}
~~~~
`application\user\controller\Session.php`:
~~~~ php
public function create()
{
if (Session::has('user')) {
$user = Session::get('user');
return redirect('user/auth/read')->params(['id' => $user->id]);
} else {
$token = $this->request->token('__token__', 'sha1');
$this->assign('token', $token);
return $this->fetch();
}
}
~~~~
可以發現,如果不使用中間件,而是手動進行攔截的話,我們需要在每個控制器的每個方法上都寫入 `if (Session::has('user'))`,這樣的工程實在太繁瑣了,到了后期也非常難以維護.
- 第一章. 基礎信息
- 1.1 序言
- 1.2 關于作者
- 1.3 本書源碼
- 1.4 反饋糾錯
- 1.5 安全指南
- 1.6 捐助作者
- 第二章. 開發環境布置
- 2.1 編輯器選用
- 2.2 命令行工具
- 2.3 開發環境搭建
- 2.4 瀏覽器選擇
- 2.5 第一個應用
- 2.6 Git 工作流
- 第三章. 構建頁面
- 3.1 章節說明
- 3.2 靜態頁面
- 3.3 Think 命令
- 3.4 小結
- 第四章. 優化頁面
- 4.1 章節說明
- 4.2 樣式美化
- 4.3 局部視圖
- 4.4 路由鏈接
- 4.5 用戶注冊頁面
- 4.6 集中視圖
- 4.7 小結
- 第五章. 用戶模型
- 5.1 章節說明
- 5.2 數據庫遷移
- 5.3 查看數據表
- 5.4 模型文件
- 5.5 小結
- 第六章. 用戶注冊
- 6.1 章節說明
- 6.2 注冊表單
- 6.3 用戶數據驗證
- 6.4 注冊失敗錯誤信息
- 6.5 注冊成功
- 6.6 小結
- 第七章. 會話管理
- 7.1 章節說明
- 7.2 會話
- 7.3 用戶登錄
- 7.4 退出
- 7.5 小結
- 第八章. 用戶 CRUD
- 8.1 章節說明
- 8.2 重構代碼
- 8.3 更新用戶
- 8.4 權限系統
- 8.5 列出所有用戶
- 8.6 刪除用戶
- 8.7 訪客模式
- 8.8 優化前端
- 8.9 小結
- 第九章. 微博 CRUD
- 9.1 章節說明
- 9.2 微博模型
- 9.3 顯示微博
- 9.4 發布微博
- 9.5 微博數據流
- 9.6 刪除微博
- 9.7 小結