课次37：新闻详情
任务清单
前端实现新闻详情页（根据路由参数id调用 /news/{id}）。
操作步骤
步骤1：创建新闻详情页

在详情页面不能正确显示作者名字，下面是此BUG的修改
步骤2：后端代码修改
News中新增如下代码

NewsController直接替换 getNewsDetail 方法

@GetMapping("/{id}")
public Result getNewsDetail(@PathVariable Integer id) {
News news = newsService.getById(id);
if (news != null) {
// 增加浏览量
news.setViewCount(news.getViewCount() + 1);
newsService.updateById(news);
User user = userService.getById(news.getUserId());
news.setUserName(user.getUsername());
return Result.success(news);
} else {
return Result.error("新闻不存在");
}
}
步骤3：前端修改
前端打开Detail.vue，快捷键ctrl +h，把authorName替换为username,选全部替换

运行测试， 在详情页面已经能正常显示作者名字了。

课次37：新闻详情
任务清单
操作步骤
步骤1：创建新闻详情页
在详情页面不能正确显示作者名字，下面是此BUG的修改
步骤2：后端代码修改
步骤3：前端修改

EOF