首页 > 其他分享> > SSM开发书评网17：图书详情页开发一：读取图书信息；

SSM开发书评网17：图书详情页开发一：读取图书信息；

2022-01-01 10:30:01 作者：互联网

说明：

（1）本篇博客任务：在首页，点击某个图书后，进入该图书的详情页；然后，本篇博客只完成了上面的图书简介；（下面的短评，在下篇博客介绍）

（2）本篇博客需要注意的点：

● 开发完Service部分后，养成及时测试的好习惯；

● 我们在使用资源时，最好使用绝对路径，而不要使用相对路径；（自然不排除，个别场景需要使用相对路径）

零：前置说明和分析；

1.把detail.ftl详情页的前端文件，引入；

3.开发mapper接口，对应的【xml】；

4.开发service，调用Dao层代码，完成图书详情的查询；

（1）BookService接口，定义一个【根据图书编号，查询图书对象】的方法；

（2）BookServiceImpl实现类，去实现【根据图书编号，查询图书对象】方法；

5.开发Controller，调用Service层的代码；渲染数据，跳转到detail.ftl详情页；

6.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重新加载后，效果如下：