day07-功能实现06

家居网购项目实现06

以下皆为部分代码，详见 https://github.com/liyuelian/furniture_mall.git

14.功能13-首页分页

14.1需求分析/图解

• 顾客进入首页页面
  
• 分页显示家居
  
• 正确显示分页导航条
  

14.2思路分析

14.3代码实现

14.3.1web层

配置customerFurnServlet

1. <servlet>
2.     <servlet-name>CustomerFurnServlet</servlet-name>
3.     <servlet-class>com.li.furns.web.CustomerFurnServlet</servlet-class>
4. </servlet>
5. <servlet-mapping>
6.     <servlet-name>CustomerFurnServlet</servlet-name>
7.     <url-pattern>/customerFurnServlet</url-pattern>
8. </servlet-mapping>

复制代码

实现servlet

1. package com.li.furns.web;
3. import com.li.furns.entity.Furn;
4. import com.li.furns.entity.Page;
5. import com.li.furns.service.FurnService;
6. import com.li.furns.service.impl.FurnServiceImpl;
7. import com.li.furns.utils.DataUtils;
9. import javax.servlet.*;
10. import javax.servlet.http.*;
11. import java.io.IOException;
13. public class CustomerFurnServlet extends BasicServlet {
15.     private FurnService furnService = new FurnServiceImpl();
17.     /**
18.      * 处理首页分页请求
19.      *
20.      * @param req
21.      * @param resp
22.      * @throws ServletException
23.      * @throws IOException
24.      */
25.     protected void page(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
26.         //这里的业务逻辑和原先的家居后台分页非常相似
27.         int pageNo = DataUtils.parseInt(req.getParameter("pageNo"), 1);
28.         int pageSize = DataUtils.parseInt(req.getParameter("pageSize"), Page.PAGE_SIZE);
29.         //调用service方法，获取Page对象
30.         Page<Furn> page = furnService.page(pageNo, pageSize);
31.         //将page放入request域中
32.         req.setAttribute("page", page);
33.         //请求转发到/views/customer/index.jsp - 真正的主页
34.         req.getRequestDispatcher("/views/customer/index.jsp")
35. <form  action="customerFurnServlet">
36.     <input type="hidden" name="action" value="pageByName">
37.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
38.     <button  type="submit"><i ></i></button>
39. </form>    .forward(req, resp);
40.     }
41. }

复制代码

14.3.2前端页面

1.web/index.jsp

1. [/code]2.web/views/customer/index.jsp
2. 循环标签显示家居信息
3. [code]<%--循环输出--%>
4. <c:forEach items="${requestScope.page.items}" var="furn">
5.    
6.         
7.         
8. <form  action="customerFurnServlet">
9.     <input type="hidden" name="action" value="pageByName">
10.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
11.     <button  type="submit"><i ></i></button>
12. </form>
13. <form  action="customerFurnServlet">
14.     <input type="hidden" name="action" value="pageByName">
15.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
16.     <button  type="submit"><i ></i></button>
17. </form>    <a target="_blank" href="https://www.cnblogs.com/shop-left-sidebar.html" >
18. <form  action="customerFurnServlet">
19.     <input type="hidden" name="action" value="pageByName">
20.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
21.     <button  type="submit"><i ></i></button>
22. </form>        <img src="https://www.cnblogs.com/${furn.imgPath}" alt="Product"/>
23. <form  action="customerFurnServlet">
24.     <input type="hidden" name="action" value="pageByName">
25.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
26.     <button  type="submit"><i ></i></button>
27. </form>        <img  src="https://www.cnblogs.com/${furn.imgPath}"
28. <form  action="customerFurnServlet">
29.     <input type="hidden" name="action" value="pageByName">
30.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
31.     <button  type="submit"><i ></i></button>
32. </form><form  action="customerFurnServlet">
33.     <input type="hidden" name="action" value="pageByName">
34.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
35.     <button  type="submit"><i ></i></button>
36. </form> alt="Product"/>
37. <form  action="customerFurnServlet">
38.     <input type="hidden" name="action" value="pageByName">
39.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
40.     <button  type="submit"><i ></i></button>
41. </form>    </a>
42. <form  action="customerFurnServlet">
43.     <input type="hidden" name="action" value="pageByName">
44.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
45.     <button  type="submit"><i ></i></button>
46. </form>   
47. <form  action="customerFurnServlet">
48.     <input type="hidden" name="action" value="pageByName">
49.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
50.     <button  type="submit"><i ></i></button>
51. </form>        New
52. <form  action="customerFurnServlet">
53.     <input type="hidden" name="action" value="pageByName">
54.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
55.     <button  type="submit"><i ></i></button>
56. </form>   
57. <form  action="customerFurnServlet">
58.     <input type="hidden" name="action" value="pageByName">
59.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
60.     <button  type="submit"><i ></i></button>
61. </form>   
62. <form  action="customerFurnServlet">
63.     <input type="hidden" name="action" value="pageByName">
64.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
65.     <button  type="submit"><i ></i></button>
66. </form>        <a href="https://www.cnblogs.com/#"  data-link-action="quickview"
67. <form  action="customerFurnServlet">
68.     <input type="hidden" name="action" value="pageByName">
69.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
70.     <button  type="submit"><i ></i></button>
71. </form>           title="Quick view" data-bs-toggle="modal"
72. <form  action="customerFurnServlet">
73.     <input type="hidden" name="action" value="pageByName">
74.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
75.     <button  type="submit"><i ></i></button>
76. </form>           data-bs-target="#exampleModal"><i
77. <form  action="customerFurnServlet">
78.     <input type="hidden" name="action" value="pageByName">
79.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
80.     <button  type="submit"><i ></i></button>
81. </form><form  action="customerFurnServlet">
82.     <input type="hidden" name="action" value="pageByName">
83.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
84.     <button  type="submit"><i ></i></button>
85. </form>    ></i></a>
86. <form  action="customerFurnServlet">
87.     <input type="hidden" name="action" value="pageByName">
88.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
89.     <button  type="submit"><i ></i></button>
90. </form>   
91. <form  action="customerFurnServlet">
92.     <input type="hidden" name="action" value="pageByName">
93.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
94.     <button  type="submit"><i ></i></button>
95. </form>    <button title="Add To Cart" >Add
96. <form  action="customerFurnServlet">
97.     <input type="hidden" name="action" value="pageByName">
98.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
99.     <button  type="submit"><i ></i></button>
100. </form>        To Cart
101. <form  action="customerFurnServlet">
102.     <input type="hidden" name="action" value="pageByName">
103.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
104.     <button  type="submit"><i ></i></button>
105. </form>    </button>
106. <form  action="customerFurnServlet">
107.     <input type="hidden" name="action" value="pageByName">
108.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
109.     <button  type="submit"><i ></i></button>
110. </form>
111. <form  action="customerFurnServlet">
112.     <input type="hidden" name="action" value="pageByName">
113.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
114.     <button  type="submit"><i ></i></button>
115. </form>
116. <form  action="customerFurnServlet">
117.     <input type="hidden" name="action" value="pageByName">
118.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
119.     <button  type="submit"><i ></i></button>
120. </form>    <h5 >
121. <form  action="customerFurnServlet">
122.     <input type="hidden" name="action" value="pageByName">
123.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
124.     <button  type="submit"><i ></i></button>
125. </form>        <a target="_blank" href="https://www.cnblogs.com/shop-left-sidebar.html">${furn.name}</a></h5>
126. <form  action="customerFurnServlet">
127.     <input type="hidden" name="action" value="pageByName">
128.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
129.     <button  type="submit"><i ></i></button>
130. </form>   
131. <form  action="customerFurnServlet">
132.     <input type="hidden" name="action" value="pageByName">
133.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
134.     <button  type="submit"><i ></i></button>
135. </form>        家居:　${furn.name}
136. <form  action="customerFurnServlet">
137.     <input type="hidden" name="action" value="pageByName">
138.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
139.     <button  type="submit"><i ></i></button>
140. </form>   
141. <form  action="customerFurnServlet">
142.     <input type="hidden" name="action" value="pageByName">
143.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
144.     <button  type="submit"><i ></i></button>
145. </form>   
146. <form  action="customerFurnServlet">
147.     <input type="hidden" name="action" value="pageByName">
148.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
149.     <button  type="submit"><i ></i></button>
150. </form>        厂商:　${furn.maker}
151. <form  action="customerFurnServlet">
152.     <input type="hidden" name="action" value="pageByName">
153.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
154.     <button  type="submit"><i ></i></button>
155. </form>   
156. <form  action="customerFurnServlet">
157.     <input type="hidden" name="action" value="pageByName">
158.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
159.     <button  type="submit"><i ></i></button>
160. </form>   
161. <form  action="customerFurnServlet">
162.     <input type="hidden" name="action" value="pageByName">
163.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
164.     <button  type="submit"><i ></i></button>
165. </form>        价格:　￥${furn.price}
166. <form  action="customerFurnServlet">
167.     <input type="hidden" name="action" value="pageByName">
168.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
169.     <button  type="submit"><i ></i></button>
170. </form>   
171. <form  action="customerFurnServlet">
172.     <input type="hidden" name="action" value="pageByName">
173.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
174.     <button  type="submit"><i ></i></button>
175. </form>   
176. <form  action="customerFurnServlet">
177.     <input type="hidden" name="action" value="pageByName">
178.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
179.     <button  type="submit"><i ></i></button>
180. </form>        销量:　${furn.sales}
181. <form  action="customerFurnServlet">
182.     <input type="hidden" name="action" value="pageByName">
183.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
184.     <button  type="submit"><i ></i></button>
185. </form>   
186. <form  action="customerFurnServlet">
187.     <input type="hidden" name="action" value="pageByName">
188.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
189.     <button  type="submit"><i ></i></button>
190. </form>   
191. <form  action="customerFurnServlet">
192.     <input type="hidden" name="action" value="pageByName">
193.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
194.     <button  type="submit"><i ></i></button>
195. </form>        库存:　${furn.stock}
196. <form  action="customerFurnServlet">
197.     <input type="hidden" name="action" value="pageByName">
198.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
199.     <button  type="submit"><i ></i></button>
200. </form>   
201. <form  action="customerFurnServlet">
202.     <input type="hidden" name="action" value="pageByName">
203.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
204.     <button  type="submit"><i ></i></button>
205. </form>
206.         
207.    
208. </c:forEach>
209. <%--循环结束--%>

复制代码

前端导航栏

1. <ul>
2.     <%--如果当前页大于1,就显示上一页--%>
3.     <c:if test="${requestScope.page.pageNo>1}">
4.         <li><a target="_blank" href="https://www.cnblogs.com/customerFurnServlet?action=page&pageNo=${requestScope.page.pageNo-1}">上页</a></li>
5.     </c:if>
6.     <%--   显示所有的分页数
7.           先确定开始页数 begin 第一页
8.           再确定结束页数 end 第page.TotalCount页
9.     --%>
10.     <c:set var="begin" value="1"/>
11.     <c:set var="end" value="${requestScope.page.pageTotalCount}"/>
12.     <c:forEach begin="${begin}" end="${end}" var="i">
13.         <%--如果i为当前页，就使用class=active来修饰--%>
14.         <c:if test="${i==requestScope.page.pageNo}">
15. <form  action="customerFurnServlet">
16.     <input type="hidden" name="action" value="pageByName">
17.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
18.     <button  type="submit"><i ></i></button>
19. </form><li><a  target="_blank" href="https://www.cnblogs.com/customerFurnServlet?action=page&pageNo=${i}">${i}</a></li>
20.         </c:if>
21.         <c:if test="${i!=requestScope.page.pageNo}">
22. <form  action="customerFurnServlet">
23.     <input type="hidden" name="action" value="pageByName">
24.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
25.     <button  type="submit"><i ></i></button>
26. </form><li><a target="_blank" href="https://www.cnblogs.com/customerFurnServlet?action=page&pageNo=${i}">${i}</a></li>
27.         </c:if>
28.     </c:forEach>
29.     <%--  --%>
30.     <%--    如果当前页小于总页数，就往下一页--%>
31.     <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotalCount}">
32.         <li><a target="_blank" href="https://www.cnblogs.com/customerFurnServlet?action=page&pageNo=${requestScope.page.pageNo+1}">下页</a></li>
33.     </c:if>
34.     <li><a>共${requestScope.page.pageTotalCount}页</a></li>
35.     <li><a>共${requestScope.page.totalRow}记录</a></li>
36. </ul>

复制代码

14.4完成测试

在浏览器访问http://localhost:8080/furniture_mall/，点击分页超链接，可以完成分页显示数据
15.功能14-首页搜索

15.1需求分析/图解

• 顾客点击首页搜索框，可以输入家居名
  
• 正确显示分页导航条，并且要求在分页基础上保留上次搜索条件（即点击分页，显示的家居信息仍要符合搜索条件）
  

15.2思路分析

15.3代码实现

15.3.1dao层

FurnDAO

1. /**
2. * 根据furnName返回符合条件的记录数
3. *
4. * @param furnName 搜索条件
5. * @return 返回符合条件的记录数
6. */
7. public int getTotalRowByName(String furnName);
9. /**
10. * 根据 begin,pageSize,furnName，返回furn的记录
11. *
12. * @param furnName 搜索条件
13. * @return 返回furn对象集合
14. */
15. public List<Furn> getPageItemByName(int begin, int pageSize, String furnName);

复制代码

FurnDAOImpl

1. @Override
2. public int getTotalRowByName(String furnName) {
3.     String sql = "SELECT  COUNT(*) " +
4. <form  action="customerFurnServlet">
5.     <input type="hidden" name="action" value="pageByName">
6.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
7.     <button  type="submit"><i ></i></button>
8. </form>"FROM `furn` " +
9. <form  action="customerFurnServlet">
10.     <input type="hidden" name="action" value="pageByName">
11.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
12.     <button  type="submit"><i ></i></button>
13. </form>"WHERE `name` LIKE ?";
14.     return ((Number) queryScalar(sql, "%" + furnName + "%")).intValue();
15. }
17. @Override
18. public List<Furn> getPageItemByName(int begin, int pageSize, String furnName) {
19.     String sql = "SELECT  `id` , `name` , `maker` , `price` , `sales` , `stock` , `img_path` AS imgPath " +
20. <form  action="customerFurnServlet">
21.     <input type="hidden" name="action" value="pageByName">
22.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
23.     <button  type="submit"><i ></i></button>
24. </form>"FROM `furn` " +
25. <form  action="customerFurnServlet">
26.     <input type="hidden" name="action" value="pageByName">
27.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
28.     <button  type="submit"><i ></i></button>
29. </form>"WHERE `name` LIKE ? LIMIT ?,?";
30.     return queryMulti(sql, Furn.class, "%" + furnName + "%", begin, pageSize);
31. }

复制代码

FurnDAOImplTest

1. @Test
2. public void getPageTotalCountByName() {
3.     System.out.println("根据名字’沙发‘搜索=>" + furnDAO.getTotalRowByName("沙发"));
4. }
6. @Test
7. public void getPageItemByName() {
8.     //从第0条记录开始，每页显示5个记录
9.     List<Furn> furns = furnDAO.getPageItemByName(0, 5, "沙发");
10.     for (Furn furn : furns) {
11.         System.out.println(furn);
12.     }
13. }

复制代码

15.3.2service层

FurnService

1. /**
2. * 根据传入的pageNo，pageSize和furnName，返回对应的page对象
3. *
4. * @param pageNo 表示第几页
5. * @param pageSize 表示一页取出多少条记录
6. * @param furnName 搜索的家居名
7. * @return 返回对应的page对象
8. */
9. public Page<Furn> pageByName(int pageNo, int pageSize, String furnName);

复制代码

FurnServiceImpl

1. @Override
2. public Page<Furn> pageByName(int pageNo, int pageSize, String furnName) {
3.     //先创建一个page对象，然后根据实际情况填充属性
4.     Page<Furn> page = new Page<>();
5.     //1.当前第几页
6.     page.setPageNo(pageNo);
7.     //2.每页取出多少条记录
8.     page.setPageSize(pageSize);
9.     //3.根据名字来返回总记录数
10.     int totalRow = furnDAO.getTotalRowByName(furnName);
11.     page.setTotalRow(totalRow);
12.     //4.总页数 = 总记录数 / 每页记录数
13.     int pageTotalCount = totalRow / pageSize;
14.     if (totalRow % pageSize > 0) {
15.         //如果有余数就把总页数 +1
16.         pageTotalCount++;
17.     }
18.     page.setPageTotalCount(pageTotalCount);
19.     //5.数据集合items
20.     //SELECT * FROM table_name
21.     //LIMIT 每页显示记录数*（第几页-1）,每页显示记录数
22.     int begin = (pageNo - 1) * pageSize;
23.     List<Furn> pageItems = furnDAO.getPageItemByName(begin, pageSize, furnName);
24.     page.setItems(pageItems);
25.     //6.还差一个url，分页导航，先放一放
26.     return page;
27. }

复制代码

FurnServiceImplTest

1. @Test
2. public void pageByName() {
3.     Page<Furn> page = furnService.pageByName(1, 5, "桌子");
4.     for (Furn furn : page.getItems()) {
5.         System.out.println(furn);
6.     }
7. }

复制代码

15.3.3web层

CustomerFurnServlet

1. /**
2. * 处理首页搜索请求
3. * 并进行分页（只对搜索到的信息分页）
4. *
5. * @param req
6. * @param resp
7. * @throws ServletException
8. * @throws IOException
9. */
10. protected void pageByName(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
11.     //获取请求参数
12.     int pageNo = DataUtils.parseInt(req.getParameter("pageNo"), 1);
13.     int pageSize = DataUtils.parseInt(req.getParameter("pageSize"), Page.PAGE_SIZE);
14.     //如果参数有name但没有值，接收的就是空串
15.     //如果参数没有name，接收到的就是null
16.     String furnName = req.getParameter("furnName");
17.     //这样做，将""和null的业务逻辑合并在一起
18.     if (furnName == null) {
19.         furnName = "";
20.     }
21.     //调用service方法，获取Page对象
22.     Page<Furn> page = furnService.pageByName(pageNo, pageSize, furnName);
23.     //将page放入request中
24.     req.setAttribute("page", page);
25.     //请求转发到/customer/index.jsp
26.     req.getRequestDispatcher("/views/customer/index.jsp")
27. <form  action="customerFurnServlet">
28.     <input type="hidden" name="action" value="pageByName">
29.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
30.     <button  type="submit"><i ></i></button>
31. </form>.forward(req, resp);
32. }

复制代码

15.3.4customer/index.jsp

修改搜索框参数

1. <form  action="customerFurnServlet">
2.     <input type="hidden" name="action" value="pageByName">
3.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
4.     <button  type="submit"><i ></i></button>
5. </form>

复制代码

关于携带上次检索条件，即点击分页，显示的家居信息仍要符合搜索条件：

• 功能13-首页分页实现，在导航栏的超链接上附上了请求的servlet路径，servlet中方法以及当前页数等参数。检索信息的分页 和 首页分页 的导航栏，两者功能是相似的，只是在请求的servlet，servlet方法等参数不一致
  
• 检索信息的分页：
  由于furnName的值在搜索栏中提交给CustomerFurnServlet，我们可以在CustomerFurnServlet的pageByName方法中获取到的furnName值，并设置在page的属性url中，返回给jsp页面，这样就可以拿到furnName了
  
• 改进CustomerFurnServlet
  1. protected void pageByName(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {    //获取请求参数    int pageNo = DataUtils.parseInt(req.getParameter("pageNo"), 1);    int pageSize = DataUtils.parseInt(req.getParameter("pageSize"), Page.PAGE_SIZE);    //如果参数有name但没有值，接收的就是空串    //如果参数没有name，接收到的就是null    String furnName = req.getParameter("furnName");    //这样做，将""和null的业务逻辑合并在一起    if (furnName == null) {        furnName = "";    }    //调用service方法，获取Page对象    Page page = furnService.pageByName(pageNo, pageSize, furnName);    //根据furnName    StringBuilder url = new StringBuilder("customerFurnServlet?action=pageByName");    if (!"".equals(furnName)) {//如果furnName不为空串，就拼接 furnName参数        url.append("&furnName=").append(furnName);    }    page.setUrl(url.toString());    //将page放入request中    req.setAttribute("page", page);    //请求转发到/customer/index.jsp    req.getRequestDispatcher("/views/customer/index.jsp")<form  action="customerFurnServlet">
  2.     <input type="hidden" name="action" value="pageByName">
  3.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  4.     <button  type="submit"><i ></i></button>
  5. </form>.forward(req, resp);}

  复制代码
• index.jsp的分页导航栏
  2. [list]<form  action="customerFurnServlet">
  3.     <input type="hidden" name="action" value="pageByName">
  4.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  5.     <button  type="submit"><i ></i></button>
  6. </form>   
  7. [*][url=https://www.cnblogs.com/${requestScope.page.url}&pageNo=${requestScope.page.pageNo-1}]上页[/url]<form  action="customerFurnServlet">
  8.     <input type="hidden" name="action" value="pageByName">
  9.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  10.     <button  type="submit"><i ></i></button>
  11. </form><form  action="customerFurnServlet">
  12.     <input type="hidden" name="action" value="pageByName">
  13.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  14.     <button  type="submit"><i ></i></button>
  15. </form><form  action="customerFurnServlet">
  16.     <input type="hidden" name="action" value="pageByName">
  17.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  18.     <button  type="submit"><i ></i></button>
  19. </form><form  action="customerFurnServlet">
  20.     <input type="hidden" name="action" value="pageByName">
  21.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  22.     <button  type="submit"><i ></i></button>
  23. </form>
  24. [*][url=https://www.cnblogs.com/${requestScope.page.url}&pageNo=${i}]${i}[/url]<form  action="customerFurnServlet">
  25.     <input type="hidden" name="action" value="pageByName">
  26.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  27.     <button  type="submit"><i ></i></button>
  28. </form><form  action="customerFurnServlet">
  29.     <input type="hidden" name="action" value="pageByName">
  30.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  31.     <button  type="submit"><i ></i></button>
  32. </form>   
  33. [*][url=https://www.cnblogs.com/${requestScope.page.url}&pageNo=${i}]${i}[/url]<form  action="customerFurnServlet">
  34.     <input type="hidden" name="action" value="pageByName">
  35.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  36.     <button  type="submit"><i ></i></button>
  37. </form><form  action="customerFurnServlet">
  38.     <input type="hidden" name="action" value="pageByName">
  39.     <input  name="furnName" placeholder="输入家居名搜索" type="text" >
  40.     <button  type="submit"><i ></i></button>
  41. </form>        
  42. [*][url=https://www.cnblogs.com/${requestScope.page.url}&pageNo=${requestScope.page.pageNo+1}]下页[/url]        
  43. [*][url=http://dis.qidao123.com/]共${requestScope.page.pageTotalCount}页[/url]   
  44. [*][url=http://dis.qidao123.com/]共${requestScope.page.totalRow}记录[/url]
  45. [/list]

  复制代码

15.3.5bugFix

上述代码虽然可以解决搜索信息的分页问题，但是如果我们第一次进入首页的时候，走的是CustomerFurnServlet的page方法，因此返回的page的url中是null，如果这时直接点击分页导航栏，就会显示错误，因为获取不到page的url属性，超链接拼接错误。
解决方案：直接将web/index.jsp的action改为pageByName，由于没有给furnName参数，默认搜索的是所有家居信息
15.4完成测试

访问urlhttp://localhost:8080/furniture_mall/，首次进入首页，点击分页导航栏，功能正常
在搜索框中搜索家居名称，成功返回合法数据，点击分页导航栏，功能正常
搜索结果第一页：
搜素结果第三页：

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！