iT邦幫忙

2024 iThome 鐵人賽

DAY 24
0
自我挑戰組

利用 node.js/express 架設網站系列 第 24

Day-24 完善登入功能

  • 分享至 

  • xImage
  •  

延續昨天的文章,我們安裝完畢要套件之後,就可以來寫登入的功能了:
1.設計用戶模型:
https://ithelp.ithome.com.tw/upload/images/20241007/20169465wszPYlY0Kv.png
這個程式碼提供了一個模板,使之後使用者註冊登入時都能夠有一個一致性的方案來登入

2.設定會話管理:
https://ithelp.ithome.com.tw/upload/images/20241007/20169465Pk4h97cTIh.png
這個程式碼讓用戶成功登入之後,可以保持登入狀態,使用戶不需要每個動作都登入一次
3.註冊功能:
https://ithelp.ithome.com.tw/upload/images/20241007/20169465X4RiRTvqnK.png
4.登入功能:
https://ithelp.ithome.com.tw/upload/images/20241007/20169465QWEjDAmhxq.png
5.登出功能:
https://ithelp.ithome.com.tw/upload/images/20241007/201694659iLeFKZod1.png
6.更新前端:
https://ithelp.ithome.com.tw/upload/images/20241007/20169465XDaJ05gCWw.png
https://ithelp.ithome.com.tw/upload/images/20241007/20169465K4b0QSJDCP.png
7.結果:
打開瀏覽器所看到的樣子:
https://ithelp.ithome.com.tw/upload/images/20241007/201694651BvLesKGGD.png
https://ithelp.ithome.com.tw/upload/images/20241007/20169465tbUHdWYU9r.png
這樣就是今天的內容了。


上一篇
Day-23 連接資料庫與製作登入功能
下一篇
Day-25 分辨賣家身份和成為賣家
系列文
利用 node.js/express 架設網站30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言