03_后台管理页面/商品列表查询

1.展示后台的首页

1.1 先把前端完成后台管理的页面复制到_web下

把html改为jsp,index.html->jsp
- 在首行加上page 声明
- 把文件后缀改为.jsp

1.2 在controller包中新建一个PageController，做页面跳转的

当访问根目录时，自动跳转到首页
把原来自动生成的index.jsp删除，把web.xml中的欢迎列表也删除

1.3 启动访问

首先启动zookeeper
再启动manager
再启动web

1.4 更改页面的访问路径，从服务器内部转发

在PageController中写一个方法来处理请求
- 以文件名称作为访问路径参数，直接返回参数，来拼一个文件名

2.商品列表的查询

2.1 点击查询商品，查看报错的路径和参数

结合item_list.jsp中的代码
传递了两个参数：?page=1&rows=30
- page：当前页码pageNum
- rows：每页展示的行数pageSize

2.2 分析设计

url：/item/list
参数：
- page：页码
- rows：每页行数
返回值，JSON数据：
- total：记录总数
- rows：当前页的集合

2.3 先common下创建一个pojo来封装EasyUi的数据网格的数据，给所有的后台管理提供统一的类型

新建一个EasyUiDataGridResult

package com.dream.common.pojo;import java.io.Serializable;
import java.util.List;public class EasyUiDataGridResult implements Serializable {private Long total;private List<?> rows;//? 泛型通配符 相当于Objectpublic EasyUiDataGridResult(Long total, List<?> rows) {this.total = total;this.rows = rows;}public EasyUiDataGridResult() {}public Long getTotal() {return total;}public void setTotal(Long total) {this.total = total;}public List<?> getRows() {return rows;}public void setRows(List<?> rows) {this.rows = rows;}
}

2.4 完成Controller

在ItemController添加路径处理

2.5 完成Service

先更改pageHelper的依赖版本为5.1.10

<pagehelper.version>5.1.10</pagehelper.version>

先配置MyBatis的分页插件PageHelper

方式一：在Spring配置文件中配置

方式二：MyBatis配置文件中配置SqlMapConfig.xml

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE configurationPUBLIC "-//mybatis.org//DTD Config 3.0//EN""http://mybatis.org/dtd/mybatis-3-config.dtd">
<configuration><!--把数据库链接交给spring管理，SqlSession等--><!--配置分页插件PageHelper--><plugins><plugin interceptor="com.github.pagehelper.PageInterceptor"><!--设置数据库类型--><property name="helperDialect" value="mysql"/></plugin></plugins>
</configuration>

在Service中使用即可

    @Overridepublic EasyUiDataGridResult list(int pageNum, int pageSize) {//MyBatis逆向工程生成的代码是咩有提供分页功能，可以使用MyBatis提供的分页插件PageHelper//设置分页信息,此方法下的第一个查询会进行分页PageHelper.startPage(pageNum,pageSize);// 自动添加limit ?,?  返回的对象实际上包含了很多信息 不止查询结果，还有分页需要用的的信息List<TbItem> tbItems = tbItemMapper.selectByExample(new TbItemExample());//得到数据的总数 count--totalPageInfo<TbItem> tbItemPageInfo = new PageInfo<>(tbItems);long total=tbItemPageInfo.getTotal();return new EasyUiDataGridResult(total,tbItems);}

03_后台管理页面商品列表查询相关推荐

【vue3+ts后台管理】用户列表查询、编辑
用户列表查询用户列表查询和商品列表查询类似,我们稍作修改即可 const onSubmit = () => {let arr: ListInt[] = []//查询条件是否有值if (data ...
框架 day74 涛涛商城项目整合ssm,分页插件pagehelper,商品列表查询
讲师:入云龙 1. 课程计划 1. SSM框架整合 2. mybatis逆向工程 3. 商品列表 4. 商品列表分页处理 2. SSM框架整合 2.1. 后台系统所用的技术框架:Spring ...
使用妹子UI 开发后台管理页面
使用 Amaze UI 开发漂亮的后台管理页面,管理端登录页面.管理端列表页面.管理端保存页面. 页面布局样式使用固定定位和flex实现. 创作时间:2022年10月9日09:21:36 登录页面效果 ...
后台管理页面基本布局方式
经典页面布局简易后台管理页面布局 1 左边菜单栏固定 2 header固定高度(宽度自适应) 3 主体统计列表(宽度自适应) 代码如下 html <div class="main&q ...
Django admin后台管理页面的常用设置
Django admin后台管理页面的常用设置选择列表选项choices # filename: models.pyfrom django.db import models# 例1 int类型:ST ...
登录、注册、后台管理页面（动态）
一.作业需求: 1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮) 2.老男孩登录.注册页面二.博客地址:https://www.cnblogs.com/catepython/p/93 ...
老男孩Day16作业：登录、注册、后台管理页面（动态）
一.作业需求:1.后台管理主界面(左边菜单框.(全选.反选)框.返回顶部按钮)2.老男孩登录.注册页面二.博客地址:https://www.cnblogs.com/catepython/p/93063 ...
Linux下RabbitMq的安装以及后台管理页面的安装
安装: 1.下载安装包,可以去github找对应的rpm文件,也可以从rabbitmq · GitCode获取,注意erlang和rabbitmq需要对应版本否则会出现版本异常报错,可以从Rabbit ...
二基于Django 简单后台管理页面
<1> 整个后台页面布局项目基于python的Django框架进行开发 ①实现用户登录 ②实现用户对自己数据的增删改查 (1)在app cmdb的models.py下创建用户数据表:用户表 ...
后台管理页面布局（左侧导航长度根据右侧内容无限延伸）
2019独角兽企业重金招聘Python工程师标准>>> 如图为标准后台管理页面布局,左侧导航布局一般是设置高度100%来适应所有尺寸的显示器打开的浏览器高度. 但是这种布局会 ...

03_后台管理页面商品列表查询

03_后台管理页面/商品列表查询

1.展示后台的首页

1.1 先把前端完成后台管理的页面复制到_web下

1.2 在controller包中新建一个PageController，做页面跳转的

1.3 启动访问

1.4 更改页面的访问路径，从服务器内部转发

2.商品列表的查询

2.1 点击查询商品，查看报错的路径和参数

2.2 分析设计

2.3 先common下创建一个pojo来封装EasyUi的数据网格的数据，给所有的后台管理提供统一的类型

2.4 完成Controller

2.5 完成Service

03_后台管理页面商品列表查询相关推荐

最新文章

热门文章