说明:
(1)本篇博客任务:在首页,点击某个图书后,进入该图书的详情页;然后,本篇博客只完成了上面的图书简介;(下面的短评,在下篇博客介绍)
(2)本篇博客需要注意的点:
● 开发完Service部分后,养成及时测试的好习惯;
● 我们在使用资源时,最好使用绝对路径,而不要使用相对路径;(自然不排除,个别场景需要使用相对路径)
目录
4.开发service,调用Dao层代码,完成图书详情的查询;
(1)BookService接口,定义一个【根据图书编号,查询图书对象】的方法;
(2)BookServiceImpl实现类,去实现 【根据图书编号,查询图书对象】方法;
5.开发Controller,调用Service层的代码;渲染数据,跳转到detail.ftl详情页;
零:前置说明和分析;
1.把detail.ftl详情页的前端文件,引入;
2.主要任务分析;
通过上面分析可以看出,这儿主要的任务是:【当点击首页的某本书,会后端发起“/book/该图书的id”】→【为此,后端就要编写一个,按照图书的id,去查book图书表,获取图书对象的功能逻辑】;
一:正式开发;
1.开发实体类,与底层数据表对应;
图书详情的信息存储在book表中;
2.开发【Mapper接口】;
3.开发mapper接口,对应的【xml】;
4.开发service,调用Dao层代码,完成图书详情的查询;
(1)BookService接口,定义一个【根据图书编号,查询图书对象】的方法;
在BookService接口中,增加一个【根据图书编号,查询图书对象】的方法;
package com.imooc.reader.service; import com.baomidou.mybatisplus.core.metadata.IPage; import com.imooc.reader.entity.Book; public interface BookService { /** * 分页查询图书 * @param categoryId:分类编号; * @param order:排序方式 * @param page:查询第几页数据; * @param rows:每一页显示多少条数据; * @return:IPage:分页对象; */ public IPage<Book> paging(Long categoryId,String order,Integer page,Integer rows); /** * 根据图书编号,查询图书对象; * @param bookId 图书编号; * @return 图书对象; */ public Book selectById(Long bookId); }
(2)BookServiceImpl实现类,去实现 【根据图书编号,查询图书对象】方法;
在BookServiceImpl实现类中,我们要去实现 【根据图书编号,查询图书对象】方法;
5.开发Controller,调用Service层的代码;渲染数据,跳转到detail.ftl详情页;
在BookController类中,新增显示详情页的方法:showDedail()方法;
说明:
(1)showDetail()方法和前端的对应关系;
(2)其中,用到了路径变量,Spring MVC的路径变量,是在【RESTful开发风格4:RESTful基本使用二:【@RestController注解】;【路径变量(uri中的变量)】(使用@PathVariable注解来获取路径变量值);】中第一次介绍和说明的;如有需要,可以快速参考;
(3)此时的效果:启动Tomcat,观察效果;
然后,放开断点:
(4)解决(3)中css,js等资源不存在的问题:建议使用绝对路径,而不是相对路径;
问题分析:
解决策略:建议使用绝对路径;
Tomcat重新加载后,效果如下:
此时,只是完成了跳转到detail.ftl页面的功能,detail.ftl页面里面的数据还是写死的,我们需要去detail.ftl中去动态获取后端添加到响应中的数据;
6.detail.ftl前端文件,获取数据;
设置的地方如下:
此时的效果:启动Tomcat,观察效果:数据填充的没问题;
此时图书详情页的有关【图书详情信息】的图书介绍部分已经OK了,但是图书详情页,还有与短评相关的部分,后面我们需要开发这部分内容;