12.前台个人中心开发
分类： springboot vue 专栏： 【带小白做项目】springboot和vue前台开发 标签： 个人中心开发
2026-01-31 21:17:48 62浏览
前言
前台 user 的token 过期后,点击重新登录跳转的页面不对，怎么解决？
预期效果图
用户表改动
加两个字段
nickname 昵称
faceimg 头像（设置一个默认头像）
可以阿里矢量图平台找一个
导航右上角的登录/注册
当sessionStorage 中存在 token 和 role 时，且 role 是 user 的时候，说明是登录状态，这个时候应该显示头像。鼠标移动上去的时候显示下拉，下拉有三个选项，第一个是显示昵称，第二个是个人中心按钮，第三个是退退出按钮。
如果点击个人中心就跳到个人中心页面（可以修改密码，修改昵称，修改头像啥的）
如果点击退出登录，那就清空sessionStorage。并且跳到前台登录页。
个人中心页面开发
左侧来个测边菜单栏，分几个菜单，比如
- 个人资料（可以修改头像、昵称啥的）
- 我收藏的手游
- 修改密码
- 注销
整体风格跟AppListView.vue 差不多就行，不要太突兀，要跟我的整体项目风格匹配
好博客就要一起分享哦！分享海报
此处可发布评论
评论（0）展开评论
展开评论
新业务 
springboot学习 
ssm框架课 
vue学习 
【带小白】java基础速成 