家居网购项目(手写分页)

文章目录

    • 1.后台管理—分页显示
        • 1.程序框架图
        • 2.编写数据模型
          • Page.java
        • 3.编写dao层
          • 1.修改FurnDao
            • 增加方法
          • 2.修改FurnDaoImpl
            • 增加方法
          • 3.单元测试
            • FurnDaoTest
        • 4.编写service层
          • 1.修改FurnService
            • 增加方法
          • 2.修改FurnServiceImpl
          • 增加方法
          • 3.单元测试
            • FurnServiceTest
        • 5.编写DataUtils
          • 增加方法
        • 6.编写FurnServlet
          • 增加方法
        • 7.修改manage_menu.jsp
        • 8.修改furn_manage.jsp
        • 9.结果展示
          • 1.点击家居管理
          • 2.只展示当前页的三个数据
    • 2.后台分页导航
        • 1.需求分析
        • 2.完成底部分页
          • 1.修改furn_manage.jsp
          • 2.结果展示
            • 1.限制显示5页
            • 2.末页只显示前面两页
            • 3.首页只显示后面两页
        • 3.完成修改家居后跳转原页面
          • 1.修改furn_manage.jsp
          • 2.修改furn_update.jsp
          • 3.修改FurnServlet
            • 更新updateFurn方法
          • 4.结果展示
            • 1.修改前是第4页
            • 2.点击修改
            • 3.回到第4页
        • 4.完成删除家居后跳转原页面
          • 1.修改furn_manage.jsp
          • 2.修改FurnServlet
            • 更新del方法
          • 3.结果展示
            • 1.删除前是第四页
            • 2.删除后还是第四页
        • 5.完成添加家居后跳转原页面
          • 1.修改furn_manage.jsp
          • 2.修改furn_add.jsp
          • 3.修改FurnServlet
            • 更新add方法
          • 4.结果展示
            • 1.添加家居前是第3页
            • 2.添加家居后还是3页
    • 3.首页分页
        • 1.需求分析
        • 2.分页显示家居
          • 1.编写CustomerFurnServlet
            • CustomerFurnServlet.java
          • 2.修改index.jsp
          • 3.index.html修改为index.jsp
            • 1.修改头部
            • 2.遍历显示家居
        • 3.分页导航条设置
          • 修改index.jsp
        • 4.单元测试
          • 图片重复问题
            • 原因
        • 5.结果展示
          • 1.首页显示
          • 2.分页导航条设置

1.后台管理—分页显示

1.程序框架图

image-20240206202839584

2.编写数据模型
Page.java
package com.sxs.furns.entity;import java.util.List;/*** @author 孙显圣* @version 1.0*/
public class Page<T> {public static final Integer PAGE_SIZE = 3; //每页显示几条记录private Integer pageNo; //表示当前页private Integer pageSize = PAGE_SIZE; //表示每页显示几条记录private Integer pageTotalCount; //表示共有几页private Integer totalRow; //表示共有多少条记录private List<T> items; //表示当前页显示的数据private String url; //分页导航的字符串public Integer getPageNo() {return pageNo;}public void setPageNo(Integer pageNo) {this.pageNo = pageNo;}public Integer getPageSize() {return pageSize;}public void setPageSize(Integer pageSize) {this.pageSize = pageSize;}public Integer getPageTotalCount() {return pageTotalCount;}public void setPageTotalCount(Integer pageTotalCount) {this.pageTotalCount = pageTotalCount;}public Integer getTotalRow() {return totalRow;}public void setTotalRow(Integer totalRow) {this.totalRow = totalRow;}public List<T> getItems() {return items;}public void setItems(List<T> items) {this.items = items;}public String getUrl() {return url;}public void setUrl(String url) {this.url = url;}
}
3.编写dao层
1.修改FurnDao
增加方法
    //获取记录总数public int getTotalRow();//获取当前页要显示的数据public List<Furn> getPageItems(int begin, int pageSize);
2.修改FurnDaoImpl
增加方法
    /*** 获取总的记录条数** @return 返回总的记录条数*/@Overridepublic int getTotalRow() {String sql = "SELECT COUNT(*) FROM furn";//注意这里的类型转换return ((Number) queryScalar(sql)).intValue();}/*** 获取当页要显示的数据** @param begin 从第几条记录开始获取* @param pageSize 每页的大小* @return*/@Overridepublic List<Furn> getPageItems(int begin, int pageSize) {String sql ="select * from furn limit ?, ?";return queryMulti(sql, Furn.class, begin, pageSize);}
3.单元测试
FurnDaoTest
    @Testpublic void getTotalRow() {System.out.println("记录总数为:" + furnDao.getTotalRow());}@Testpublic void getPageItems() {List<Furn> pageItems = furnDao.getPageItems(3, 3);if (pageItems != null) {for (Furn pageItem : pageItems) {System.out.println(pageItem);}}}

image-20240207100046487

image-20240207100112517

4.编写service层
1.修改FurnService
增加方法
    //6.根据传入的begin和pageSize返回对应的page对象public Page<Furn> page(int pageNo, int pageSize);
2.修改FurnServiceImpl
增加方法
    /*** 根据传入的页号和每页的大小,返回page** @param pageNo* @param pageSize* @return 返回page*/@Overridepublic Page<Furn> page(int pageNo, int pageSize) {Page<Furn> page = new Page<>();page.setPageNo(pageNo);page.setPageSize(pageSize);int totalRow = furnDao.getTotalRow();page.setTotalRow(totalRow);//计算总页数int pageTotalCount = totalRow / pageSize;if (totalRow % pageSize > 0) {pageTotalCount += 1;}page.setPageTotalCount(pageTotalCount);//计算当前页显示的记录int begin = pageSize * (pageNo - 1);List<Furn> pageItems = furnDao.getPageItems(begin, pageSize);page.setItems(pageItems);return page;}
3.单元测试
FurnServiceTest

image-20240207103549032

image-20240207103532536

5.编写DataUtils
增加方法
    /*** 字符串转换为Integer** @param str 传入的字符串* @param def 默认值* @return*/public static Integer parseInt(String str, Integer def) {if (null == str || "".equals(str)) {return  def;} else {return Integer.parseInt(str);}}
6.编写FurnServlet
增加方法
    /*** 处理分页请求* @param req* @param resp*/public void page(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//获取pageNo和pageSizeInteger pageNo = DataUtils.parseInt(req.getParameter("pageNo"), 1);Integer pageSize = DataUtils.parseInt(req.getParameter("pageSize"), Page.PAGE_SIZE);//调用方法获取page对象Page<Furn> page = furnService.page(pageNo, pageSize);//将page放入request域请求转发到前端req.setAttribute("page", page);req.getRequestDispatcher("/views/manage/furn_manage.jsp").forward(req, resp);}
7.修改manage_menu.jsp

image-20240207111103569

8.修改furn_manage.jsp

image-20240207111156195

9.结果展示
1.点击家居管理

image-20240207111235946

2.只展示当前页的三个数据

image-20240207111313379

2.后台分页导航

1.需求分析

image-20240207134728570

2.完成底部分页
1.修改furn_manage.jsp
        <!--  Pagination Area Start 分页导航条 --><div class="pro-pagination-style text-center mb-md-30px mb-lm-30px mt-6" data-aos="fade-up"><ul><li><a href="manage/furnServlet?action=page&pageNo=1">首页</a></li><%--有上一页再显示--%><c:if test="${requestScope.page.pageNo-1 > 0}"><li><a href="manage/furnServlet?action=page&pageNo=${requestScope.page.pageNo-1}">上页</a></li></c:if><%--最多显示5--%><c:forEach begin="${requestScope.page.pageNo - 2 > 0 ? requestScope.page.pageNo - 2 : 1}" end="${requestScope.page.pageNo+2}" var="pageNo"><%--页数在范围内才显示--%><c:if test="${pageNo >= 1 && pageNo <= requestScope.page.pageTotalCount}"><li><%-- 如果是当前页号则显示被选中--%><a class="<c:if test="${requestScope.page.pageNo == pageNo}">active</c:if>"href="manage/furnServlet?action=page&pageNo=${pageNo}#">${pageNo}</a></li></c:if></c:forEach><%--有下一页再显示--%><c:if test="${requestScope.page.pageNo+1 <= requestScope.page.pageTotalCount}"><li><a href="manage/furnServlet?action=page&pageNo=${requestScope.page.pageNo+1}">下页</a></li></c:if><li><a href="manage/furnServlet?action=page&pageNo=${requestScope.page.pageTotalCount}">末页</a></li><li><a>共${requestScope.page.pageTotalCount}</a></li><li><a>共${requestScope.page.totalRow}记录</a></li></ul></div><!--  Pagination Area End -->
2.结果展示
1.限制显示5页

image-20240207152021069

2.末页只显示前面两页

image-20240207152054029

3.首页只显示后面两页

image-20240207152121839

3.完成修改家居后跳转原页面
1.修改furn_manage.jsp

image-20240207152253434

2.修改furn_update.jsp

image-20240207153728660

3.修改FurnServlet
更新updateFurn方法
    /*** 读取表单信息,进行修改** @param req* @param resp*/public void updateFurn(HttpServletRequest req, HttpServletResponse resp) throws IOException {//获取pageNoString pageNo = req.getParameter("pageNo");//使用工具类将表单信息封装到bean中Furn furn = DataUtils.copyParamToBean(req.getParameterMap(), new Furn());//执行更新操作if (furnService.updateFurn(furn)) {//更新成功则重定向到展示页面resp.sendRedirect(super.getServletContext().getContextPath() + "/manage/furnServlet?action=page&pageNo=" + pageNo);} else {System.out.println("更新失败");}}
4.结果展示
1.修改前是第4页

image-20240207153922790

2.点击修改

image-20240207154006389

3.回到第4页

image-20240207154024060

4.完成删除家居后跳转原页面
1.修改furn_manage.jsp

image-20240207154333820

2.修改FurnServlet
更新del方法
    /*** 根据获取的id删除家居,获取家居信息并重定向到furn_manage.jsp** @param req* @param resp*/public void del(HttpServletRequest req, HttpServletResponse resp) throws IOException {//获取idString id = req.getParameter("id");//获取pageNoString pageNo = req.getParameter("pageNo");//根据id删除if (furnService.deleteFurnById(Integer.parseInt(id))) {resp.sendRedirect(super.getServletContext().getContextPath() + "/manage/furnServlet?action=page&pageNo=" + pageNo);} else {System.out.println("删除失败");}}
3.结果展示
1.删除前是第四页

image-20240207155205032

2.删除后还是第四页

image-20240207155222549

5.完成添加家居后跳转原页面
1.修改furn_manage.jsp

image-20240207155501087

2.修改furn_add.jsp

image-20240207155716232

3.修改FurnServlet
更新add方法
    /*** 添加家居并重新获取家居信息,重定向到furn_manage.jsp** @param req* @param resp*/public void add(HttpServletRequest req, HttpServletResponse resp) throws IOException, ServletException, InvocationTargetException, IllegalAccessException {//使用工具类封装并处理异常Furn furn = DataUtils.copyParamToBean(req.getParameterMap(), new Furn());//获取pageNoString pageNo = req.getParameter("pageNo");//插入到数据库if (furnService.add(furn)) {//插入成功则重定向到家居显示的servletresp.sendRedirect(super.getServletContext().getContextPath() + "/manage/furnServlet?action=page&pageNo=" + pageNo);} else {System.out.println("插入失败");}}
4.结果展示
1.添加家居前是第3页

image-20240207160247023

2.添加家居后还是3页

image-20240207160315181

image-20240207160322398

3.首页分页

1.需求分析

image-20240207160723026

2.分页显示家居
1.编写CustomerFurnServlet
CustomerFurnServlet.java
package com.sxs.furns.web;import com.sxs.furns.entity.Furn;
import com.sxs.furns.entity.Page;
import com.sxs.furns.service.FurnService;
import com.sxs.furns.service.impl.FurnServiceImpl;
import com.sxs.furns.utils.DataUtils;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;/*** @author 孙显圣* @version 1.0*/
@WebServlet(urlPatterns = "/customerFurnServlet")
public class CustomerFurnServlet extends BasicServlet{FurnService furnService = new FurnServiceImpl();/*** 根据pageNo和pageSize,将page对象请求转发到index.jsp*/public void page(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//获取pageNo和pageSizeInteger pageNo = DataUtils.parseInt(req.getParameter("pageNo"), 1);Integer pageSize = DataUtils.parseInt(req.getParameter("pageSize"), 8);//调用service层,获取page对象Page<Furn> page = furnService.page(pageNo, pageSize);//请求转发到index.jspreq.setAttribute("page", page);req.getRequestDispatcher("/views/customer/index.jsp").forward(req, resp);}
}
2.修改index.jsp
<%--Date: 2024/2/4Time: 18:42User: 孙显圣Version:1.0
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>$Title$</title>
</head>
<body>
<%-- 网站入口,请求转发到/customerFurnServlet--%><jsp:forward page="/customerFurnServlet?action=page"></jsp:forward>
</body>
</html>
3.index.html修改为index.jsp

image-20240207182359821

1.修改头部

image-20240207182126242

2.遍历显示家居

image-20240207182603758

3.分页导航条设置
修改index.jsp

image-20240207182725483

4.单元测试
图片重复问题

image-20240207181229256

原因
  1. 查询的时候直接查的所有数据,select *
  2. 但是javabean中的字段和imgPath 和 表中的字段img_Path不符,所以无法封装进去,就使用了之前设置的默认值
  3. 在查找的时候设置一个别名即可

image-20240207181255274

image-20240207181527877

5.结果展示
1.首页显示

image-20240207183354539

2.分页导航条设置

image-20240207183413734

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/821037.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机系列之操作系统的系统

2、大话操作系统的启动 当按下开机键时&#xff0c;BIOS 就会开始执行 ​ BIOS 就是放在主板上 ROM 里面的一段程序。 ​ ROM Read Only Memory&#xff08;只能读取的内存&#xff09; ​ 所以 BIOS 在出厂的时候就可以直接写死在 ROM 里面。 ​ 每次开机的时候&#xff…

windows下已经创建好了虚拟环境,但是切换不了的解决方法

用得多Ubuntu&#xff0c;今天用Windows重新更新anaconda出问题&#xff0c;重新安装之后&#xff0c;打开pycharm发现打开终端之后&#xff0c;刚开始是ps的状态&#xff0c;后面试了网上改cmd的方法&#xff0c;终端变成c盘开头了 切换到虚拟环境如下&#xff1a;目前的shell…

ROS 2边学边练(26)-- 监测参数变化(C++)

前言 通常&#xff0c;一个节点需要对其自身参数或另一个节点的参数的更改做出响应。ParameterEventHandler类使监听参数更改变得容易&#xff0c;这样代码就可以对它们做出响应。 动动手 创建一个包 进入工作空间根路径的src下&#xff08;ros2_ws/src&#xff09;&#xff…

【Python基础】—— scipy.spatial.KDTree、matplotlib.pyplot、imageio

scipy.spatial参考博客&#xff1a;Python点云处理——建立KDtree 1 KDtree算法原理 KDtree构建出了一种类似于二叉树的树形数据存储结构&#xff0c;每一层都对应原始数据中相应的维度&#xff0c;以K层为一个循环&#xff0c;因此被称为KDtree。 每一层的左右子树的划分依据…

视频自定义字幕,中英文,彩色的,你也可以,不会不知道吧

前言 关于【SSD系列】&#xff1a; 前端一些有意思的内容&#xff0c;旨在3-10分钟里&#xff0c;有所获&#xff0c;又不为所累。 字幕&#xff0c;大家见过吧&#xff0c;其实你也可以&#xff0c;真的可以&#xff0c;真的真的可以。不难&#xff0c;不难&#xff0c;真的…

如何评估一个RAG(检索增强生成)系统

本文首发自博客文章 如何评估一个RAG&#xff08;检索增强生成&#xff09;系统 RAG 概念最初来源于 2020 年 Facebook 的一篇论文&#xff0c;这是 Facebook 博客对论文内容的进一步解释 &#x1f449;《检索增强生成&#xff1a;简化智能自然语言处理模型的创建》。大家都知…

【C++对于C语言的扩充】函数重载、引用以及内联函数

文章目录 &#x1f680;前言&#x1f680;函数重载注意&#xff1a;✈️为什么C可以实现函数重载&#xff0c;而C语言却不行呢&#xff1f; &#x1f680;引用✈️引用的特性✈️C中为什么要引入引用✈️引用与指针的区别 &#x1f680;内联函数✈️内联函数特性 &#x1f680;…

GitHub提交PR

本教程只做开源代码库Github工程提交pr的教程&#xff0c;不做其他的深入的讲解 Github和Gitlab的操作类似&#xff0c;只不过Github叫PR&#xff0c;GitLab叫MR&#xff0c;基本上做法是一致的 以开源项目QuickChat为例 https://github.com/Binx98/QuickChat https://github…

C++项目 -- 负载均衡OJ(一)comm

C项目 – 负载均衡OJ&#xff08;一&#xff09;comm 文章目录 C项目 -- 负载均衡OJ&#xff08;一&#xff09;comm一、项目宏观结构1.项目功能2.项目结构 二、comm公共模块1.util.hpp2.log.hpp 一、项目宏观结构 1.项目功能 本项目的功能为一个在线的OJ&#xff0c;实现类似…

研发岗-统信UOS系统配置npm git等前端常用配置

第一步 获取root权限 配置环境等都需要用到root权限&#xff0c;所以我们先获取到root权限&#xff0c;方便下面的操作 下载软件 在UOS应用商店下载的所需应用 版本都比较低 安装node 官网下载了【arm64】的包&#xff0c;解压到指定文件夹&#xff0c;设置链接&#xff0…

苹果电脑启动磁盘是什么意思 苹果电脑磁盘清理软件 mac找不到启动磁盘 启动磁盘没有足够的空间来进行分区

当你一早打开苹果电脑&#xff0c;结果系统突然提示&#xff1a; “启动磁盘已满&#xff0c;需要删除部分文件”。你会怎么办&#xff1f;如果你认为单纯靠清理废纸篓或者删除大型文件就能释放你的启动磁盘上的空间&#xff0c;那就大错特错了。其实苹果启动磁盘的清理技巧有很…

STM32之HAL开发——CubeMX配置串行Flash文件系统

配置流程 在开始配置FATFS前&#xff0c;需要提前配置好RCC的时钟&#xff0c;以及时钟的频率&#xff0c;另外还要配置好Debug选项&#xff08;选择串行&#xff09; 选项介绍 文件系统适用于SD卡&#xff0c;Disk磁盘等&#xff0c;需要我们将对应的驱动打开才可以使用。 …

【vue】Pinia-2 安装Pinia,使用store

1. 安装Pinia 在项目路径下执行npm install pinia 在package.json中查看 2. 使用store 在main.js中添加 import { createPinia } from pinia const pinia createPinia()修改createApp方法 最后示例如下&#xff08;三处修改&#xff09; import { createApp } from vue //…

SimpleImputer缺失数据处理报错解决方案

作者Toby&#xff0c;来源公众号&#xff1a;Python风控建模&#xff0c;SimpleImputer缺失数据处理报错解决方案 今天有学员反馈缺失值代码报错&#xff0c;由于sklearn缺失值处理的包升级&#xff0c;下面把官网最新的缺失值处理代码奉上。 参考https://scikit-learn.org/st…

请把「睡一个好觉」,当成一天里最重要的事来管理

我发现许多人都有这么一种情况&#xff1a;明明知道睡眠很重要&#xff0c;但却总是有意无意地熬夜。 比如&#xff1a; 给自己排了太多的学习和工作量&#xff0c;一不小心就到了凌晨一两点&#xff1b; 总觉得过去的一天什么都没干&#xff0c;宁愿在网上闲逛&#xff0c;也不…

低代码开发平台权威推荐:创新开发、领跑市场!

Gartner是低代码领域的一家权威机构&#xff0c;该机构常常通过"魔力象限"的研究方法&#xff0c;评选全球范围内IT细分领域的产品&#xff0c;来帮助决策者提供重要的咨询建议。本文盘点了Gartner机构推荐的6款低代码平台&#xff1a;Zoho Creator、Mendix、Oracle、…

JVM结构化体系

目录 目录 1.JVM 简介 1.1. 如何理解 JVM 呢&#xff1f; 1.2. 市场主流 JVM 分析&#xff1f; 1.3. 为什么要学习 JVM&#xff1f; 1.4. 字节码底层是如何执行呢&#xff1f; 如何理解 JIT 呢&#xff1f; 为什么 JVM 中解释执行与编译执行的并存&#xff08;混合模式&…

【C++】类和对象③(类的默认成员函数:拷贝构造函数 | 赋值运算符重载)

&#x1f525;个人主页&#xff1a;Forcible Bug Maker &#x1f525;专栏&#xff1a;C 目录 前言 拷贝构造函数 概念 拷贝构造函数的特性及用法 赋值运算符重载 运算符重载 赋值运算符重载 结语 前言 本篇主要内容&#xff1a;类的6个默认成员函数中的拷贝构造函数…

el-drawer二次封装进行可拖拽

1.想要的效果 鼠标放到上面出现箭头显示可拖拽得图标 2.代码实现 2.1封装成自定义指令 // drawerDragDirective.js // 定义指令 const drawerDragDirective {// 指令绑定时的处理函数bind(el, ) {const minWidth 300;const dragDom el.querySelector(.el-drawer);// 创…

掀起区块链开发狂潮!Scaffold-eth带你一键打造震撼DApp

文章目录 前言一、Scaffold-eth是什么&#xff1f;二、安装和配置1.准备工作2.安装3.配置开发环境 三、进阶使用1.放入自己的合约2.部署运行 总结 前言 前面的文章传送&#x1f6aa;&#xff1a;hardhat入门 与 hardhat进阶 在之前的文章中&#xff0c;我们已经探讨了使用Har…