前端实现注册界面

思维导图

写在前面

前端部分就不想废太多时间了，总结一下干了什么然后去和历史节点一一对照看下就行了。

• 当我们登录网站的时候，如果没有登录，强制让用户重定向到 登录界面
• 实现注册页面，实现方法类似于UserAccountLoginView.vue
• 实现：登录状态的持久化。在当前代码版本下，一刷新就退出登录了；访问404界面也会退出登录，这都是因为没做到登录持久化。当我们的用户重定向到登陆页面的时候，我们需要把用户的 token 存储到浏览器的 local storage，这样就可以实现登录状态持久化。
  • 修改 store 目录下的 -> user.js 文件
  • 修改 view -> user -> account 下的 UserAccountLoginView.vue 文件
• 优化前端性能。在实现前端登录状态持久化之后，不断的刷新会显得网页非常的不自然，所以下面对前端页面进行优化。
  • 在 store 目录下的 user.js 中添加全局变量和下拉函数。
  • 修改 UserAccountLoginView.vue
  • 修改 NavBar.vue

改动历史

点击这里查看