ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-01-01 10:30:01  阅读:219  来源: 互联网

标签:17 detail 查询 SSM 详情页 开发 ftl 图书


说明:

(1)本篇博客任务:在首页,点击某个图书后,进入该图书的详情页;然后,本篇博客只完成了上面的图书简介;(下面的短评,在下篇博客介绍)

(2)本篇博客需要注意的点:

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

          ● 我们在使用资源时,最好使用绝对路径,而不要使用相对路径;(自然不排除,个别场景需要使用相对路径)

目录

零:前置说明和分析;

1.把detail.ftl详情页的前端文件,引入;

2.主要任务分析; 

一:正式开发;

1.开发实体类,与底层数据表对应;

2.开发【Mapper接口】;

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重新加载后,效果如下:

此时,只是完成了跳转到detail.ftl页面的功能,detail.ftl页面里面的数据还是写死的,我们需要去detail.ftl中去动态获取后端添加到响应中的数据; 

6.detail.ftl前端文件,获取数据;

设置的地方如下:

此时的效果:启动Tomcat,观察效果:数据填充的没问题;


 

此时图书详情页的有关【图书详情信息】的图书介绍部分已经OK了,但是图书详情页,还有与短评相关的部分,后面我们需要开发这部分内容;

标签:17,detail,查询,SSM,详情页,开发,ftl,图书
来源: https://blog.csdn.net/csucsgoat/article/details/122233787

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有