文章目錄

1、詳情功能---介面展示
2、詳情功能--後臺程式碼
3、詳情功能--前臺程式碼
- route_detail.jsp頁面

1、詳情功能—介面展示

在這裡插入圖片描述

2、詳情功能–後臺程式碼

RouteServiceTest

@Test
    public void test03() throws JsonProcessingException {
        //業務，根據 路線的rid查詢 路線的資料，商家的資料，分類的資料，收藏的資料
        RouteService routeService = new RouteService();
        int rid = 1;
        Route route = routeService.findRouteById(rid);
        System.out.println(route);
    }

需要返回的route物件內部包含路線的資料，商家的資料，分類的資料，圖片的資料

擴充套件Route實體類

    //分類資料
    private Category category;
    //商家資料
    private Seller  seller;
    //圖片資料
    private List<RouteImg> imgList;

Seller.java

public class Seller {
    private int sid;//商家id
    private String sname;//商家名稱
    private String consphone;//商家電話
    private String address;//商家地址
    }

RouteImg.java

public class RouteImg {
    private int rgid;//商品圖片id
    private int rid;//旅遊商品id
    private String bigPic;//詳情商品大圖
    private String smallPic;//詳情商品小圖
    }

RouteService

(1)通過分析，資料來自四個表，所以可以考慮2，或者3查詢方案
(2)使用Mybatis其實核心是開發者的sql能力。

# rid =1
# 路線表 tab_route
# 商家表 tab_seller
# 圖片表 tab_route_img
# 分類表 tab_category
select * from tab_route r where r.rid =1 ;

select * 
from tab_route r,tab_seller s
where r.rid =1 
and r.sid=s.sid ;

# 方式1：內連線查詢的話，因為出現重複的資料，放棄
select * 
from tab_route r,tab_seller s,tab_route_img i
where r.rid =1 
and r.sid=s.sid 
and r.rid = i.rid;

# 方式2：內連線查詢的話，必須一對一 
# 一個路線屬於一個商家, 一個路線屬於一個分類
# 一個路線可以包含多個圖片

select * 
from tab_route r,tab_seller s,tab_category c
where r.rid =1 
and r.sid=s.sid 
and r.cid = c.cid;

# 還差圖片資料
select * from  tab_route_img i where i.rid=1;

#方式3： 詳情資料來自四個表，拆成四個查詢語句

select * from tab_route r where r.rid = 1; #路線
select * from tab_seller s where s.sid = 1; #商家資料
select * from  tab_route_img i where i.rid=1;#圖片資料
select * from  tab_category c where c.cid =1;#分類資料

    public Route findRouteById(int rid) {
        //資料來自四個表，執行四個查詢方法
        //路線資料
        RouteDao routeDao = MySessionUtils2.getMapper(RouteDao.class);
        Route route =routeDao.findOneByRid(rid);

        //分類資料
        CategoryDao categoryDao = MySessionUtils2.getMapper(CategoryDao.class);
        Category category = categoryDao.findOneByCid(route.getCid());
        //設定給route物件
        route.setCategory(category);

        //商家資料
        SellerDao sellerDao = MySessionUtils2.getMapper(SellerDao.class);
        Seller seller = sellerDao.findOneBySid(route.getSid());
        //設定給route物件
        route.setSeller(seller);

        //圖片資料  XxxxDao
        RouteImgDao routeImgDao = MySessionUtils2.getMapper(RouteImgDao.class);
        List<RouteImg> list= routeImgDao.findAllImgByRid(route.getRid());
        route.setImgList(list);
        return route;
    }

查詢路線資料RouteDao.java

 //select * from tab_route r where r.rid = 1;
    Route findOneByRid(int rid);

<!--    //select * from tab_route r where r.rid = 1;-->
<!--    Route findOneByRid(int rid);-->
   <select id="findOneByRid" parameterType="int" resultType="route">
       select * from tab_route r where r.rid =#{rid};
   </select>

查分類CategoryDao.java

  //select * from  tab_category c where c.cid =1;
    Category findOneByCid(int cid);

<!--    //select * from  tab_category c where c.cid =1;-->
<!--    Category findOneByCid(int cid);-->
    <select id="findOneByCid" parameterType="int" resultType="category">
        select * from  tab_category c where c.cid =#{cid}
    </select>

查詢商家資料SellerDao.java

public interface SellerDao {
     //select * from tab_seller s where s.sid = 1;
     Seller findOneBySid(int sid) ;
}

<!--    //select * from tab_seller s where s.sid = 1;-->
<!--    Seller findOneBySid(int sid) ;-->
    <select id="findOneBySid" parameterType="int" resultType="seller">
        select * from tab_seller s where s.sid =#{sid};
    </select>

查詢圖片RouteImgDao.java

public interface RouteImgDao {
    //select * from  tab_route_img i where i.rid=1;
    List<RouteImg> findAllImgByRid(int rid);
}

RouteDetailServlet

@WebServlet("/routedetail/*")
public class RouteDetailServlet extends BaseServlet {

    // /routedetail/find
    public  void find(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        //1 接收請求，獲取引數
        //業務，根據 路線的rid查詢 路線的資料，商家的資料，分類的資料，圖片的資料
        String ridStr = request.getParameter("rid");
        int rid = 1; //"1"
        try {
            rid = Integer.parseInt(ridStr);
        } catch (NumberFormatException e) { //Ctrl+Alt+T
            e.printStackTrace();
        }
        //2 處理引數
        RouteService routeService = new RouteService();

        Route route = routeService.findRouteById(rid);

        //3 響應瀏覽器
        String json = toJson(200,route);
        response.getWriter().println(json);

    }

}

Mybatis中掃描對映檔案

	<mappers>
       <mapper resource="com/wzx/dao/UserDao.xml"/>
        <mapper resource="com/wzx/dao/CategoryDao.xml"/>
        <mapper resource="com/wzx/dao/RouteDao.xml"/>
        <mapper resource="com/wzx/dao/SellerDao.xml"/>
     </mappers>

3、詳情功能–前臺程式碼

route_detail.jsp頁面

檢視詳情連線新增rid

<p><a href="route_detail.jsp?rid='+route.rid+'">檢視詳情</a></p>\n

route_detail.jsp頁面
將 route_detail.html轉 route_detail.jsp
獲取上個頁面傳過來的rid
使用rid傳送請求獲取json
先顯示詳情頁面的所有文字
再使用迴圈拼接詳情頁的圖片