摘要: 一、任务清单 前端实现新闻详情页:根据路由参数 id 调用 /news/{id} 接口获取新闻详情并展示。 修复作者名字显示 BUG:详情页无法正确显示作者名,需要后端返回作者信息,前端相应调整字段名。 二、操作步骤 步骤1:创建新闻详情页(前端) 在 views 文件夹下新建 Detail.vue 阅读全文
posted @ 2026-06-29 13:29 WJX-nb666 阅读(2) 评论(0) 推荐(0)
摘要: 一、任务清单 修改 Home.vue 样式:调整首页头部和新闻卡片的样式。 发布页面标题居中:让 Publish.vue 的标题居中显示。 重写注册页面:使 Register.vue 的风格与登录页面统一。 二、操作步骤 步骤1:修改 Home.vue 中的 header 样式 替换 Home.vu 阅读全文
posted @ 2026-06-29 13:28 WJX-nb666 阅读(1) 评论(0) 推荐(0)
摘要: 一、本课次目标 修复“微头条”项目中的两个 Bug: Bug1:删除非本用户的新闻时,前端错误提示“删除成功”。 Bug2:用户发布新闻后,user 表中的 news_count 字段没有增加。 二、Bug1:删除非本用户新闻时提示错误 问题描述 当用户尝试删除不是自己发布的新闻时,后端接口会返回“ 阅读全文
posted @ 2026-06-29 13:27 WJX-nb666 阅读(1) 评论(0) 推荐(0)
摘要: 一、任务清单 前端实现发布新闻页面,调用 /news/add 接口。 前端首页调用 /news/page 分页接口,展示表格。 本次课次主要修改前端工程,后端工程在课次30中已具备相应功能。 二、操作步骤 步骤1:修改 api/news.js 将 api/news.js 文件全部替换为以下内容,封装 阅读全文
posted @ 2026-06-29 13:23 WJX-nb666 阅读(0) 评论(0) 推荐(0)
摘要: 一、任务清单 实现注册接口 /user/register(密码暂不加密)。 前端注册页面调用注册接口。 前端登录页面调用登录接口。 前端存储 token,配置 axios 拦截器,配置路由守卫。 二、核心知识点 知识点 说明 注册流程 前端提交用户名密码 → 后端校验用户名是否已存在 → 存入数据库 阅读全文
posted @ 2026-06-29 13:18 WJX-nb666 阅读(1) 评论(0) 推荐(0)
摘要: 一、教学目标 后端配置 CORS:允许前端 http://localhost:5173 跨域访问后端接口。 前端配置代理:确认前端 Vite 代理配置(第二阶段已完成,本次仅确认)。 二、核心知识点 知识点 说明 CORS(跨域资源共享) 一种基于 HTTP 头的机制,通过服务器返回 Access- 阅读全文
posted @ 2026-06-29 13:16 WJX-nb666 阅读(2) 评论(0) 推荐(0)
摘要: 一、教学目标 打通前后端:修改前端代码,使登录请求能正确发送到后端接口。 解决跨域问题:在后端添加 @CrossOrigin 注解,解决浏览器跨域请求拦截。 验证联调成功:启动前后端工程,完成登录并跳转到首页。 二、核心知识点 知识点 说明 前后端分离 前端(Vue)独立运行,通过 HTTP 请求调 阅读全文
posted @ 2026-06-29 13:15 WJX-nb666 阅读(1) 评论(0) 推荐(0)
摘要: 一、教学目标 实现新闻的发布、分页列表、详情、修改、删除接口。 使用 UserContext.getCurrentUserId() 进行权限控制,确保用户只能修改/删除自己发布的新闻。 二、核心知识点 知识点 说明 RESTful API 使用 HTTP 方法对应操作:POST 添加、GET 查询、 阅读全文
posted @ 2026-06-29 13:12 WJX-nb666 阅读(2) 评论(0) 推荐(0)
摘要: 一、教学目标 创建拦截器,对除登录、注册外的接口进行 Token 校验。 使用 ThreadLocal 存储当前登录用户的 ID,便于在后续业务处理中获取用户信息。 二、核心知识点 知识点 说明 HandlerInterceptor Spring MVC 提供的拦截器接口,可在请求处理前后执行自定义 阅读全文
posted @ 2026-06-29 13:10 WJX-nb666 阅读(1) 评论(0) 推荐(0)
摘要: 一、教学目标 集成 JJWT,编写 JwtUtil 工具类,实现 Token 的生成与解析。 实现登录接口 /user/login,验证用户名密码,登录成功返回 Token。 二、核心知识点 知识点 说明 JWT JSON Web Token,一种无状态认证机制,服务端无需存储 Session JJ 阅读全文
posted @ 2026-06-29 13:08 WJX-nb666 阅读(0) 评论(0) 推荐(0)