谷粒商城P73为三级分类新增属性分组

最新推荐文章于 2024-07-14 22:26:46 发布
最新推荐文章于 2024-07-14 22:26:46 发布
阅读量131 收藏
点赞数
分类专栏： 谷粒商城踩坑之路！ 文章标签： java spring vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huhuhutony/article/details/120226934
版权

在这里插入图片描述
ElementUI
在这里插入图片描述
把新增对话框中所属分类id这一栏弄成级联选择器
在这里插入图片描述
定义一个方法从服务器获取categorys数组的值
在这里插入图片描述
在created方法中调用这个方法（对话框一弹出的时候获取数组的值）
在这里插入图片描述
设置props配置选项，
在这里插入图片描述
在这里插入图片描述
效果：
在这里插入图片描述
由于后端返回的三级分类对象也有个children数组，不过是空的，导致级联选择器把这个空数组也渲染成了选择页面。解决办法：让后端不要返回空的children数组。很容易！只需在CategoryEntity的children属性上加一个JsonInclude注解
在这里插入图片描述
级联选择器的v-model应该是一个数组，数组里放的是三级分类及其父分类的catId
在这里插入图片描述
在这里插入图片描述
所以在提交表单的时候我们应该提交的是数组中的最后一个元素
在这里插入图片描述

爱吃小香葱
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
day01_《谷粒商城后台管理系统》的完整流程（详细版）
weixin_45014721的博客
08-09 1424
p45 三级分类 1.三级分类数据的展示 1.效果展示 2.对应的数据库表 3.后台逻辑 ①CategoryEntity实体类和数据库pms_category表的字段是一一对应的， 但CategoryEntity有一个数据库中不存在的字段List<CategoryEntity> ，在List<CategoryEntity>中封装了所有当前实体的子分类。 ②一个CategoryEntity中有个字段是List<CategoryEntity>，在List&
Day01_谷粒商城（分布式基础篇）目录
weixin_45014721的博客
07-20 224
p04Java工具使用架构图 p05微服务划分图 p06使用vagrant创建虚拟机 p07使用vagrant给虚拟机配置网络 p08、p09是安装docker、给docker配置阿里云镜像
谷粒商城day51 -商品服务-API-属性分组-分组新增&级联选择器
JavaCoder_juejue的博客
10-20 233
1.添加级联选择器 选择所属分类时需要这样一个级联选择器，所以去ELEMENT UI的api里找 复制进去 2.添加相关属性 因为级联组件是绑定的一个数组，也就是从父到子的三层分类,我们只需要最后一层的子分类所以这样 因为级联组件是绑定的一个数组，也就是从父到子的三层分类,我们只需要最后一层的子分类所以这样 3.去除为空的children属性 当子分类为空也就是第三层分类时，子分类属性不显示，不然页面上级联组件最后面会显示空项 4.新增测试成功 ...
Java项目《谷粒商城》基础篇 个人错误总结
weixin_51951233的博客
12-08 3228
P16 npm install报错 P16的前端项目使用npm install报错的问题，首先确保安装了python3.0以上版本，并配置全局变量 其次大部分错误是报node-sass安装失败。 执行以下步骤可以完美解决 项目文件夹下打开cmd命令窗口（和Visual Studio Code的终端命令是一样的） 执行： npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/ 执行成功看看有没有报错，如果没报错执
谷粒商城项目总结(一)-基础篇
qq_40811542的博客
03-31 4661
谷粒商城基础篇高级篇，跟着看，也敲了部分代码，但是感觉后续随着业务增加代码部分敲了也记不住，就想着应该重视解决问题的思路，理清思路比代码更重要，写这篇文章，是在看完后在从第一到高级篇，少部分集群篇总结一下思路。 参考文章：参考大哥文章 一.项目基础介绍： P1.项目介绍 商城模式B2C，自营商品客户。 P2.项目介绍 1.基础篇：管理员端并发量小业务 2.高级篇：客户端，高并发等复杂业务 3.集群篇：k8s部署 P3.分布式基础 介绍基础概念： 1.微服务 2.集群，分布式，节点 3.远程调用：HTTP+J
谷粒商城之分布式基础篇p51
weixin_44229645的博客
08-19 668
p51分类删除效果细化 添加删除确认框 删除后任然展示父级节点,而不是收缩菜单,添加一个expend key属性即可 p52三级分类 新增 后端就是简单的插入,前端先获取新增菜单的父级分类id和菜单的level级别等 p53修改分类 .........
Day01_谷粒商城（分布式基础篇）摘要
weixin_45014721的博客
07-20 366
文章目录p45（后台）菜单的三级分类p46（后台）配置网关路由与路径重写思路：第一步：第二步：第三步：（[p47跨域问题](https://www.bilibili.com/video/BV1np4y1C7Yf?p=47)）p48 树形展示菜单的三级分类数据第一步：把gulimall-product注册进Nacos注册中心（这样网关才能找到你）第二步：配置gulimall-gateway的路由规则p49（前台）完成菜单的删除功能1p50（后台）完成菜单的删除功能2p51（前台）完成菜单的删除功能3p52（前
P73基因多态性与非小细胞肺癌遗传易感性分析
03-10
采用两对引物-聚合酶链反应(PCR-CTPP)方法分别对100例非小细胞肺癌患者和120例健康对照者进行p73基因多态性检测,DNA测序验证基因分型结果,对p73基因多态性与非小细胞肺癌的相关性进行分析,探讨湖南省地区人群中p73...
p73 通讯录管理系统.sln
12-31
p73 通讯录管理系统.sln
5G智慧园区整体解决方案（P73）.pptx
03-08
5G智慧园区整体解决方案（P73）.pptx
大数据平台规划与数据价值挖掘应用咨询项目解决方案P73.pptx
08-07
- 数据模型设计：根据业务需求，构建适合的数据库模型，如企业级数据仓库和数据立方体，以支持高效的数据分析。 - 算法定义：开发并优化算法，提高精准营销的能力，为市场和业务决策提供支持。 5. **实战案例** ...
MDT10P73中文数据资料
11-29
8位EPROM微控制器基于COM设计，集高速，小体积，低功耗，的单片机
配置Java开发环境
Broken_x的博客
07-10 1545
Java开发环境配置
java版的上门家政系统和PHP版的上门家政有什么区别？
baina666的博客
07-12 516
综上所述，Java版和PHP版的上门家政系统各有优缺点，选择哪种语言主要取决于项目的具体需求、预算、开发团队的技术栈以及未来的扩展计划等因素。同时，由于Java生态系统的复杂性和多样性，也可能需要投入更多的时间和资源来学习和掌握相关的技术和工具。Java版：Java拥有庞大的生态系统和丰富的第三方库，这为家政系统的开发和扩展提供了强大的支持。Java版：由于Java的编译执行机制和高效的垃圾回收算法，Java版家政系统通常具有更高的运行效率和更好的性能表现，尤其是在处理高并发、大数据量等复杂场景时。
【Go系列】 Sync并发控制
u013379032的博客
07-14 624
在上一篇文章中，我们介绍了goroutine和channel，理论上，通过channel可以实现并发控制，但是其他语言的开发者可能更习惯一些原子操作的库。当然Go语言也会提供这样的库，所以我们今天了解一下sync库。
Java方法练习-双色球彩票系统
T1798218285的博客
07-11 279
红色球号码从1-33中选择；蓝色球号码从1-16中选择。投注号码由6个红色球号码和1个蓝色球号码组成。三等奖 5+1 / 5+0 3000。四等奖4+1 / 4+0 200。六等奖1+1 / 1+0 5。一等奖6+1 1000w。二等奖6+0 500w。五等奖3+1 / 2+1。
elk部署springboot
Chihirozy的博客
07-11 361
elk部署springboot。
从零手写实现 nginx-27-return 指令
最新发布
07-14 468
大家好，我是老马。很高兴遇到你。我们为 java 开发者实现了 java 版本的 nginx如果你想知道 servlet 如何处理的，可以参考我的另一个项目：手写从零实现简易版 tomcatminicat。
NFC中 pn553 和p73有什么区别
06-12
PN553和P73是两种常见的NFC (Near Field Communication) 芯片，它们在设计和功能上有所不同。下面是关于这两者的一些区别： 1. PN553： - PN553 是一款低功耗、高性能的双界面 NFC 控制器，由NXP Semiconductors（前身为飞思卡尔）开发。它支持ISO/IEC 14443 Type A/B 标准，以及ISO 15693 和 JIS X 6319-4 特定应用。 - 它支持主动模式下的卡片读取和被动模式下的标签读写。 - PN553通常集成有天线，简化了系统设计。 2. P73： - P73 可能指的是Philips (现为NXP) 的PN73系列芯片，比如PN732或PN735。这是一系列多功能的NFC控制器，可能专为特定的应用场景定制，如移动支付、门禁系统等。 - PN73芯片通常提供更高的安全性和更多的接口选项，比如NFC Forum Type 2、Type 4 (MIFARE Classic) 和 Type S (MIFARE DESFire) 支持。 - 它们可能具有更高的数据传输速率和更复杂的功能集，比如加密算法和多重认证。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值