前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >黑马瑞吉外卖之分类信息的分页查询

黑马瑞吉外卖之分类信息的分页查询

作者头像
兰舟千帆
发布2022-08-11 15:18:53
2910
发布2022-08-11 15:18:53
举报
文章被收录于专栏:兰舟千帆的java学习笔记

黑马瑞吉外卖之分类信息的分页查询

前端分析

在对页面的员工信息处理完之后,我们就开始去处理下一个功能,对分类的功能做一个整体的开发。这是我们的分类管理的界面,现在我们去对界面的分类的展示做一个开发。可以看到是需要进行分页查询,所以我们首先去做一个数据的展示。

在这里插入图片描述
在这里插入图片描述

那就还是从前端页面展示。单纯的面向前端编程。 我们所作的就是这个界面

在这里插入图片描述
在这里插入图片描述

可以找到这个二界面大致去看看,我们先着重去看页面分页相关的。初次打开这个界面的时候一定会有一个自动的分页查询,所以我们可以去着重去看是否有自动执行的方法或者是挂载的方法。 我们找到了,挂载的方法是会在打开这个页面自动执行的。

在这里插入图片描述
在这里插入图片描述

这里调用了这个方法,我们可以点进去去查看相关的请求路径

在这里插入图片描述
在这里插入图片描述

我们找到了这个具体的请求路径,其实这个具体的请求路径是卸载一个js里面的.我们这样就可以找到怎么设置Controller的路径,以及通过上面的分析知道需要提供哪些参数了。

在这里插入图片描述
在这里插入图片描述

其实的话,我们可以去用浏览器打开页面去点击捕获请求也可以查看到提交了哪些请求参数。我们点击分类的时候可以捕捉到下面的请求

在这里插入图片描述
在这里插入图片描述

点开看,这就是完整的请求和携带参数。默认是查找第一页的十条数据。404的原因是我们还没写具体的后端逻辑或者没有启动服务器,就调试了页面。

在这里插入图片描述
在这里插入图片描述

这就是整体的前端分析。

后端分页功能开发

我们需要具体的实体类,这个类是分类的实体类。 对照数据库表

在这里插入图片描述
在这里插入图片描述

于是写这样的一个实体类

代码语言:javascript
复制
package com.jgdabc.entity;

import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import lombok.Data;
import lombok.Getter;
import lombok.Setter;
import java.io.Serializable;
import java.time.LocalDateTime;

/**
 * 分类
 */
@Data
public class Category implements Serializable {

    private static final long serialVersionUID = 1L;

    private Long id;


    //类型 1 菜品分类 2 套餐分类
    private Integer type;


    //分类名称
    private String name;


    //顺序
    private Integer sort;


    //创建时间
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;


    //更新时间
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;


    //创建人
    @TableField(fill = FieldFill.INSERT)
    private Long createUser;


    //修改人
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private Long updateUser;

//
//    //是否删除
//    private Integer isDeleted;

}

实体类的里面注解的字段属性是未来做公共属性自动填充的。

然后按照模式去写三层架构。

首先数据支持dao或者说是mapper层。

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
package com.jgdabc.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.jgdabc.entity.Category;
import org.apache.ibatis.annotations.Mapper;

@Mapper
public interface CategoryMapper extends BaseMapper<Category> {
}

然后service层

代码语言:javascript
复制
package com.jgdabc.service;

import com.baomidou.mybatisplus.extension.service.IService;
import com.jgdabc.entity.Category;

public interface CategoryService extends IService<Category> {
   
}

service层实现

代码语言:javascript
复制
package com.jgdabc.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.jgdabc.common.CustomException;
import com.jgdabc.entity.Category;
import com.jgdabc.entity.Dish;
import com.jgdabc.entity.Setmeal;
import com.jgdabc.mapper.CategoryMapper;
import com.jgdabc.service.CategoryService;
import com.jgdabc.service.DishService;
import com.jgdabc.service.SetMealService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
@Slf4j
@Service
public class CategoryServiceImpl extends ServiceImpl<CategoryMapper, Category> implements CategoryService {
   
    }
}

这就是mybatisplus需要定义的模式。我删除了这些方法里面之后需要的一些拓展的自定义的方法,为了不影响本次的说明。

然后我们就可以去开发Controllerl. 按照这个请求路径

在这里插入图片描述
在这里插入图片描述
代码语言:javascript
复制
package com.jgdabc.controller;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.jgdabc.common.R_;
import com.jgdabc.entity.Category;
import com.jgdabc.service.CategoryService;
import com.mysql.cj.log.Log;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.*;

import java.util.List;
//分类

@Slf4j
@RestController
@RequestMapping("/category")

public class CategoryController {
    @Autowired
    /**
     * 新增分类
     */

    private CategoryService categoryService;
   
    @GetMapping("/page")
    public R_<Page> page(int page,int pageSize)
    {
//        分页构造器
        Page<Category> pageinfo = new Page<>(page,pageSize);
//        条件构造器
        LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();
//添加排序条件,根据sort
        queryWrapper.orderByAsc(Category::getSort);
//        进行分页查询
        categoryService.page(pageinfo,queryWrapper);
        return R_.success(pageinfo);


    }


}

我们最终还是返回R_包装的结果。

在这里插入图片描述
在这里插入图片描述

前端接收过来然后展示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-08-10,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 黑马瑞吉外卖之分类信息的分页查询
  • 前端分析
  • 后端分页功能开发
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档