当前位置：自学咖网 > 技术教程 > 编程最新 > day06-功能实现05
wenwen 编程最新

day06-功能实现05

day06-功能实现05

家居网购项目实现05

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

12.功能11-后台分页(分页显示家居)

12.1需求分析/图解

image-20221220162728424

  1. 管理员进入到家居管理后台页面
  2. 点击家居管理，可以按分页规则显示家居信息

12.2思路分析

image-20221220162903568

分页显示，每次发出请求后返回的数据是不一样的；不同的页面显示的页数不同，导航条也会根据当前页数变化；并且用户可能会改变每页的显示数量。

这些数据如果分开进行操作，将会非常麻烦，因为是这些数据分散的，经常变化的。

这里创建一个数据模型，将经常变化的这些数据封装到里面，该数据模型体现为一个Javabean，该Javabean中的属性根据实际需求定义，包括pageSize-每页显示的大小，pageNo-当前页数，items-该页要显示的Furn集合等。

12.3代码实现

12.3.1entity层

Page

package com.li.furns.entity;

import java.util.List;

/**
 * Page是一个Javabean，是一个分页的数据模型（包含分页的各种信息）
 *
 * @author 李
 * @version 1.0
 */
public class Page<T> {//T表示泛型，将来分页的模型对应的数据是不确定的

    //因为每页显示多少条记录，是其他地方也可能使用的，将其置为static属性
    //选中字符+ctrl+shift+u=>切换大小写
    public static final Integer PAGE_SIZE = 3;

    //当前页
    private Integer pageNo;
    //每页显示的记录数
    private Integer pageSize = PAGE_SIZE;
    //表示一共有多少页，计算出来的
    private Integer pageTotalCount;
    //数据库对应的表一共有多少行记录，通过totalRow和pageSize计算出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;
    }
}

12.3.2dao层

FurnDAO接口

//分析：Page中只有 表的总记录数totalRow 以及
// 返回的对象item集合 是可以直接从数据库中获取的
// 因此将这两个属性的填充任务放在dao层

/**
 * 查询furn表中的总记录数
 *
 * @return 返回总记录数
 */
public int getTotalRow();

/**
 * 获取当前页要显示的数据
 *
 * @param begin    表示从第几条记录开始获取，从0开始计算
 * @param pageSize 表示取出多少条记录
 * @return 返回对应对象的集合
 */
public List<Furn> getPageItems(int begin, int pageSize);

FurnDAOImpl

@Override
public int getTotalRow() {
    String sql = "SELECT COUNT(*) FROM `furn`";
    //return (Integer) queryScalar(sql);==>会有隐患，可能出现ClassCastException异常
    return ((Number) queryScalar(sql)).intValue();
}

@Override
public List<Furn> getPageItems(int begin, int pageSize) {
    String sql = "SELECT `id` , `name` , `maker` , `price` , `sales` ," +
            " `stock` , `img_path` AS imgPath " +
            "FROM `furn` " +
            "LIMIT ?,?";
    return queryMulti(sql, Furn.class, begin, pageSize);
}

FurnDAOImplTest

@Test
public void getTotalRow() {
    int totalRow = furnDAO.getTotalRow();
    System.out.println(totalRow);
}

@Test
public void getPageItems() {
    List<Furn> pageItems = furnDAO.getPageItems(1, 3);
    for (Furn pageItem : pageItems) {
        System.out.println(pageItem);
    }
}

12.3.3service层

FurnService接口

/**
 * 根据传入的pageNo和pageSize，返回对应的page对象
 *
 * @param pageNo   表示第几页
 * @param pageSize 表示一页取出多少条记录
 * @return 返回对应的page对象
 */
public Page<Furn> page(int pageNo, int pageSize);

FurnServiceImpl

@Override
public Page<Furn> page(int pageNo, int pageSize) {
    //先创建一个page对象，然后根据实际情况填充属性
    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) {
        //如果有余数就把总页数+1
        pageTotalCount++;
    }
    page.setPageTotalCount(pageTotalCount);

    //SELECT * FROM table_name
    //LIMIT 每页显示记录数*（第几页-1）,每页显示记录数
    int begin = (pageNo - 1) * pageSize;
    List<Furn> pageItems = furnDAO.getPageItems(begin, pageSize);
    page.setItems(pageItems);

    //还差一个url

    return page;
}

FurnServiceImplTest

@Test
public void page() {
    Page<Furn> page = furnService.page(2, 2);
    System.out.println(page.getItems());
}

12.3.4web层

FurnServlet

/**
 * 处理分页请求
 *
 * @param req
 * @param resp
 * @throws ServletException
 * @throws IOException
 */
protected void page(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);

    //调用service方法，获取page对象
    Page<Furn> page = furnService.page(pageNo, pageSize);
    //将page对象放入request域中
    req.setAttribute("page", page);
    //请求转发到furn_manage.jsp
    req.getRequestDispatcher("/views/manage/furn_manage.jsp")
            .forward(req, resp);
}

前端页面修改略

12.4完成测试

由于还没实现分页导航，这里直接在url中给定参数http://localhost:8080/furniture_mall/manage/furnServlet?action=page&pageNo=2

image-20221220190824389

13.功能实现12-后台分页(分页导航)

13.1需求分析/图解

image-20221220191532770

  1. 管理员进入到家居管理后台页面
  2. 可以通过分页导航条来进行分页显示
  3. 上页按钮功能
  4. 下页按钮功能
  5. 显示共几页
  6. 点击分页导航，可以显示对应页的家居信息
  7. 在管理员进行修改，删除，添加家居后，能够回显原来操作所在页面数据

13.2思路分析

根据12.2思路分析图

13.3代码实现

13.3.1web层

修改FurnServlet：

add方法，在添加完家居后跳转到page方法，进行分页，同时显示的当前页是添加家居前的页数

image-20221220212422155

delete方法，在删除完家居后跳转到page方法，进行分页显示，同时显示的当前页是删除家居前的页数

image-20221220212721122

update方法同上

image-20221220212827638

13.3.2前端页面

分别在manage_menu.jsp，furn_mamage.jsp，furn_update.jsp，furn_add.jsp中修改对应接口，传递参数

manage_menu.jsp：

image-20221220213048886

在家居管理页面furn_mamage.jsp添加分页导航条（部分代码）

<!--  Pagination Area Start 分页导航条 -->
<div class="pro-pagination-style text-center mb-md-30px mb-lm-30px mt-6" data-aos="fade-up">
    <ul>
        <%--如果当前页大于1,就显示上一页--%>
        <c:if test="${requestScope.page.pageNo>1}">
            <li><a href="manage/furnServlet?action=page&pageNo=${requestScope.page.pageNo-1}">上页</a></li>
        </c:if>
        <%--   显示所有的分页数
              先确定开始页数 begin 第一页
              再确定结束页数 end 第page.TotalCount页
        --%>
        <c:set var="begin" value="1"/>
        <c:set var="end" value="${requestScope.page.pageTotalCount}"/>
        <c:forEach begin="${begin}" end="${end}" var="i">
            <%--如果i为当前页，就使用class=active来修饰--%>
            <c:if test="${i==requestScope.page.pageNo}">
                <li><a class="active" href="manage/furnServlet?action=page&pageNo=${i}">${i}</a></li>
            </c:if>
            <c:if test="${i!=requestScope.page.pageNo}">
                <li><a href="manage/furnServlet?action=page&pageNo=${i}">${i}</a></li>
            </c:if>
        </c:forEach>
        <%--  --%>
        <%--    如果当前页小于总页数，就往下一页--%>
        <c:if test="${requestScope.page.pageNo < requestScope.page.pageTotalCount}">
            <li><a href="manage/furnServlet?action=page&pageNo=${requestScope.page.pageNo+1}">下页</a></li>
        </c:if>
        <li><a>共${requestScope.page.pageTotalCount}页</a></li>
        <li><a>共${requestScope.page.totalRow}记录</a></li>
    </ul>
</div>
<!--  Pagination Area end -->

image-20221220213325934

furn_update.jsp：

image-20221220213428879

furn_add.jsp：

image-20221220213529769

13.4完成测试

image-20221220213651175
image-20221220213952125

点击任何显示页数都正常跳转，并且在修改，增加，删除家居信息后可以返回当前页数。

最大页数显示限制之后再完成

hmoban主题是根据ripro二开的主题，极致后台体验，无插件，集成会员系统
自学咖网 » day06-功能实现05

wen 普通

分享到：

相关推荐

JUC由简入深学习

JUC学习 1.什么是JUC java.util 工具包、包、分类 业务：普通的线程代码 Thread Runnable 没有返回值、效率相比入 Callable 相对较低！ 2.线程和进程 线程、进程，如果不能使用一句...

Java的常量及final修饰符

Java的常量及final修饰符 常量 常量（Constant）：初始化（initialize）后不能再改变的值！不会变动的值。 常量可以理解为一种特殊的变量，它的值被设定后，在程序运行过程中不允许被改变。 final ...

JSON在Python中的使用介绍

【相关学习推荐：python视频】 JSON介绍 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript ...

php如何使用json方法

在PHP中可以通过“json_encode()”和“json_decode()”函数对json进行操作，其语法分别是“json_encode($arr);”和“json_decode($json)”。 推荐：《PHP视频...

php如何去除表情

php去除表情的方法：首先定义一个“filterEmoji”方法；然后遍历字符串中的每个字符；最后通过“strlen($match[0]) >= 4 ? '' : $match[0];”方式去除...