跟着峰哥学java 第四天 商品分类 前后端显示

1.后端

1.1mybatis-plus分页查询配置

在商品热卖数据中,只让其显示八条数据 将要使用分页

也就是service.page方法 此时需要配置 mp拦截器

java 复制代码
@Configuration
public class MybatisPlusConfig {
    @Bean
    public PaginationInterceptor paginationInterceptor() {
        return new PaginationInterceptor();
    }
}

1.2递归查询

1.2.1更新实体类

这些都有外键关联 比如商品小类 有一个商品大类id

很多商品有一个商品小类id(红米k60 红米k70 都属于红米k系列小类)

1.2.2递归查询

这次我把控制层和业务层分开了 各尽其职 hhh

BigTypeController层

java 复制代码
 @ApiOperation("查询所有大类 里面蕴含小类及产品")
    @GetMapping("/findCategories")
    public Result findCategories(){
        return bigTypeService.findCategories();
    }

BigTypeServiceImpl层

java 复制代码
@Resource
    private BigTypeMapper bigTypeMapper;
    @Resource
    private SmallTypeMapper smallTypeMapper;
    @Resource
    private ProductMapper productMapper;
    @Override
    public Result findCategories() {
        QueryWrapper<BigType> bigTypeQueryWrapper = new QueryWrapper<>();
        List<BigType> bigTypeList = bigTypeMapper.selectList(bigTypeQueryWrapper);
        for (BigType bigType : bigTypeList) {
            Integer bigTypeId = bigType.getId();
            QueryWrapper<SmallType> smallTypeQueryWrapper = new QueryWrapper<SmallType>().eq("bigTypeId", bigTypeId);
            List<SmallType> smallTypeList = smallTypeMapper.selectList(smallTypeQueryWrapper);
            bigType.setSmallTypeList(smallTypeList);
            for (SmallType smallType : smallTypeList) {
                Integer smallTypeId = smallType.getId();
                QueryWrapper<Product> productQueryWrapper = new QueryWrapper<Product>().eq("typeId", smallTypeId);
                List<Product> productList = productMapper.selectList(productQueryWrapper);
                smallType.setProductList(productList);
            }
        }
        return new Result(200,"查询分类数据成功",bigTypeList);
    }

这是一个简单的递归 但仍有需要注意的地方,

根据不同的属性 设置到不同的嵌套循环中 比如说smallTypeList

mp真实一个处理单表操作的好工具

2.前端

2.1数据解耦处理

根据生命周期来讲 这些影响不大

2.2mode = widthfix

Widthfix 宽度不变,高度自动变化,保持原图宽高比不变

2.3配置文字超长省略

3.数据处理

3.1关于this的坑

3.2 map 与 箭头函数

4.自定义快速生成

4.1view{$}*x

5.前端视图层的规整

5.1上方有view时 模块高度调整

5.2 scroll-view 滑动视图

5.3左菜单栏调整

相关推荐
老华带你飞7 分钟前
旅游|基于Java旅游信息推荐系统(源码+数据库+文档)
java·开发语言·数据库·vue.js·spring boot·后端·旅游
青云交9 分钟前
Java 大视界 -- 基于 Java 的大数据可视化在企业供应链动态监控与优化中的应用
java·数据采集·大数据可视化·动态优化·企业供应链·实时预警·供应链监控
van久13 分钟前
.Net Core 学习:DbContextOptions<T> vs DbContextOptions 详细解析
java·学习·.netcore
Coder_Boy_13 分钟前
【物联网技术】- 基础理论-0001
java·python·物联网·iot
Jane-66677714 分钟前
C语言——表达式、语句、函数
c语言·开发语言·算法
arron889915 分钟前
C# 项目源码进行全面的技术架构和调用逻辑分析。以下是系统性的技术方案
开发语言·架构·c#
dangdang___go18 分钟前
文件操作2+程序的编译和链接(1)
java·服务器·前端
Tony_yitao20 分钟前
12.华为OD机试 - N个选手比赛前三名、比赛(Java 双机位A卷 100分)
java·算法·华为od·algorithm
88号技师24 分钟前
【2025年1区SCI】最新信号分解方法-JMD的参数优化:15种适应度函数-matlab代码
开发语言·matlab·故障诊断·信号分解
zmzb010324 分钟前
C++课后习题训练记录Day44
开发语言·c++