商城-学习整理-基础-商品服务API-属性分组（七）

已于 2023-08-11 16:13:58 修改
阅读量1.2k 收藏 1
点赞数
分类专栏： 项目 文章标签： 学习
于 2023-08-08 11:35:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44696532/article/details/132120710
版权

目录

一、创建系统菜单

在admin数据库里面创建表sys_menus.sql
在这里插入图片描述
查看页面
在这里插入图片描述

根据逆向生成的代码，剩余的前端代码和后端代码自己写，根据接口文档去编写。

二、开发商品系统-平台属性-属性分组

1、将三级分类功能抽取出来

在前端modules下创建common目录，创建category.vue文件。
在product目录下，创建属性分组attrgroup.vue文件。最终做成的效果就是左边是一个菜单，右边是一个表格。
1、使用Layout布局中的分栏间隔
2、将之前写的category.vue中的el-tree 拷贝过来，把span删掉（添加删除按钮），拖拽、默认展开节点功能都不要，也不显示复选框
3、将script中的需要内容拷贝过去
在这里插入图片描述

4、我们需要在attrgroup的菜单位置用公共组件category.vue，使用import中导入组件
在这里插入图片描述

在这里插入图片描述

5、将逆向生成的attrgroup.vue中的div拷贝到自己写的attrgroup.vue中的表格位置

6、将script中的内容也拷贝过去。
7、因为attrgroup.vue中引用了组件attrgroup-add-or-update.vue，将逆向生成的组件attrgroup-add-or-update.vue拷贝到项目里
8、使用父子组件传递数据，使用事件机制，子组件给父组件发送一个事件，携带上数据

  • 父子组件传递数据
  • 1)、子组件给父组件传递数据，事件机制；
  • 子组件给父组件发送一个事件，携带上数据。
  • // this.$emit(“事件名”,携带的数据…)
    9、我们在组件attrgroup中引入了子组件catgegory,使用子组件给父组件传递数据，category中的数据被点击了，attrgroup可以知道，将下面的table数据返回。
    10、给el-tree绑定单击事件，
    在这里插入图片描述
    11、向父组件发送事件treenodeclick,这样我们就知道点击了那个数据，根据这个数据再去查询属性。

2、编写后端代码

1）编写接口实现获取分类属性分组

3、属性分组新增功能

1、使用级联选择器Cascader
在这里插入图片描述
2、后端在实体类中CategoryEntity的children字段，加上注解@JsonInclude(JsonInclude.Include.NON_EMPTY)不为空

4、属性分组修改回显功能

在查询详情的时候，返回catelogId分类的完整路径.

在AttrGroupEntity添加catalogPath,路径不是数据库的字段，要在字段添加注解@TableField(exist=false)

在详情里面查询目录信息
在这里插入图片描述
使用对话框Dialog 中的closed,这样再点击新增就不会有回显了
在这里插入图片描述
修改属性分组 感知树节点被点击，刷新数据
修改common中的category
在这里插入图片描述

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

三、商品系统-平台属性-规则参数

1、列表展示页面

很明显，开发一个功能模块，肯定要具有增加、删除、修改、查询四个基础功能，因为围绕这个四个功能进行开发。
1、根据表名称可知，规格参数是表attr,因此根据renren-fast逆向生成的前端代码attr.vue，拷贝到前端模块进行修改，根据报错，解决依赖报错问题，导入对应的引用文件。
在这里插入图片描述
因为规格参数添加的菜单是用的baseattr,所以需要将文件名改为baseattr.vue,才会显示。因为路由规则是根据添加的菜单规则拼接的。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

这样就显示了，然后进行后面的前端和后端修改。
在这里插入图片描述
需要修改展示列表的标题，以及查询模块参数名。

左边需要展示分类维护，类似之前的属性分组页面，因此需要将布局设为，行列展示，使用<el-row :gutter="20"> <el-col :span="6"> </el-col> <el-col :span="18"></el-col> </el-row>
进行布局。
在这里插入图片描述
使用了category的公共组件，因此需要引用
在这里插入图片描述
成为以下效果
在这里插入图片描述
需要新增一个查询全部的按钮，类型为成功按钮，并且点击获取全部数据列表。
在这里插入图片描述
在这里插入图片描述
将属性ID改为id;
是否需要检索,改为 可检索，加上√号和×号图标，如果搜索类型是1的话，可检索
在这里插入图片描述
并且根据内容判断是否多选可搜索，
在这里插入图片描述
将可选值进行修改，显示多个
在这里插入图片描述
去掉属性类型
将启用状态改为启用，并且根据内容展示为图标
在这里插入图片描述

添加所属分组
在这里插入图片描述

根据快速展示内容展示为图标
在这里插入图片描述
在引入的新增或者更新组件中，添加属性
在这里插入图片描述
如下展示，就是列表的展示情况：
在这里插入图片描述
最后修改批量删除的后台接口。
列表功能全部完成。

2、新增规格参数页面

前端：修改attr-add-or-update.vue文件等
后端：AttrController.java文件等

四、商品系统-平台属性-销售属性

1、列表展示页面

根据路径即可找到生成的文件：http://localhost:8001/#/product-saleattr
因此是saleattr.vue文件

2、新增或者修改页面

因为销售属性和规则参数，页面布局一样，因此可以引用修改规则参数写的前端组件
在这里插入图片描述
最终展示效果为：
在这里插入图片描述
因为和规则参数的差别只在属性分组，因此只需要修改属性分组列即可，添加属性：:attrtype为1则展示，在规则参数中，为0则不展示在销售属性中。

五、商品系统-商品维护-spu管理&发布商品

1、SPU

：Standard Product Unit（标准化产品单元）是商品信息聚合的最小单位，是一组可复用、易检索的标准化信息的集合，该集合描述了一个产品的特性。
iphoneX 是 SPU
MI 8 是 SPU

2、SKU

：Stock Keeping Unit（库存量单位）即库存进出计量的基本单元，可以是以件，盒，托盘等为单位。SKU 这是对于大型连锁超市DC（配送中心）物流管理的一个必要的方法。现在已经被引申为产品统一编号的简称，每种产品均对应有唯一的 SKU 号。
iphoneX 64G 黑曜石 是 SKU
MI8 8+64G+黑色 是 SKU

3、列表展示页面

http://localhost:8001/#/product-spu
http://localhost:8001/#/product-spuadd
文件命名为spu.vue、spuadd.vue
需要在main.js中引入import PubSub from ‘pubsub-js’
全局使用组件，在main.js中引入，并安装pubsub-js
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

六、商品系统-商品维护-商品管理

1、列表展示

http://localhost:8001/#/product-manager
manager.vue
后台文件：SkuInfoController.java
在这里插入图片描述

七、品牌管理

1、分页显示有点问题，使用MyBatis-Plus有点问题，需要使用分页插件，给容器中放一个

在这里插入图片描述

在这里插入图片描述

八、各种对象介绍

1.PO(persistant object) 持久对象

PO 就是对应数据库中某个表中的一条记录，多个记录可以用 PO 的集合。 PO 中应该不包含任何对数据库的操作,实体类不允许操作数据库。
每一张表对应一个实体类。

2.DO（Domain Object）领域对象

就是从现实世界中抽象出来的有形或无形的业务实体。

3.TO(Transfer Object) ，数据传输对象

不同的应用程序之间传输的对象，微服务之间远程调用数据对象就是。

4.DTO（Data Transfer Object）数据传输对象和TO一个概念

这个概念来源于 J2EE 的设计模式，原来的目的是为了 EJB 的分布式应用提供粗粒度的数据实体，以减少分布式调用的次数，从而提高分布式调用的性能和降低网络负载，但在这里，泛指用于展示层与服务层之间的数据传输对象。

5.VO(value object) 值对象

通常用于业务层之间的数据传递，和 PO 一样也是仅仅包含数据而已。但应是抽象出的业务对象 , 可以和表对应 , 也可以不 , 这根据业务的需要 。用 new 关键字创建，由GC 回收的。
View object：视图对象；
接受页面传递来的数据，封装对象
将业务处理完成的对象，封装成页面要用的数据

6.BO(business object) 业务对象

从业务模型的角度看 , 见 UML 元件领域模型中的领域对象。封装业务逻辑的 java 对
象 , 通过调用 DAO 方法 , 结合 PO,VO 进行业务操作。business object: 业务对象 主要作
用是把业务逻辑封装为一个对象。这个对象可以包括一个或多个其它的对象。 比如一个简
历，有教育经历、工作经历、社会关系等等。 我们可以把教育经历对应一个 PO ，工作经
历对应一个 PO ，社会关系对应一个 PO 。 建立一个对应简历的 BO 对象处理简历，每
个 BO 包含这些 PO 。 这样处理业务逻辑时，我们就可以针对 BO 去处理。

7.POJO(plain ordinary java object) 简单无规则 java 对象

传统意义的 java 对象。就是说在一些 Object/Relation Mapping 工具中，能够做到维护数据库表记录的 persisent object 完全是一个符合 Java Bean 规范的纯 Java 对象，没有增加别的属性和方法。我的理解就是最基本的 java Bean ，只有属性字段及 setter 和 getter方法！。
POJO 是 DO/DTO/BO/VO 的统称。

8.DAO(data access object) 数据访问对象

是一个 sun 的一个标准 j2ee 设计模式， 这个模式中有个接口就是 DAO ，它负持久层的操作。为业务层提供接口。此对象用于访问数据库。通常和 PO 结合使用， DAO 中包含了各种数据库的操作方法。通过它的方法 , 结合 PO 对数据库进行相关的操作。夹在业务逻辑与数据库资源中间。配合 VO, 提供数据库的 CRUD 操作.

九、后续模块开发思路

参考已有代码进行前后端自己独立开发，记录笔记，将以下功能模块开发出来，唯有自己独立开发，才能更快更好的学习。
四、平台属性-规格参数
五、新增商品
六、优惠营销模块
七、库存系统
八、订单系统
九、用户系统
十、内容管理

有语忆语
关注
专栏目录
Java超市会员管理系统
一直努力的丫_的博客
08-04 2万+
要求：借助集合框架及实用类实现该系统 积分累计 积分兑换 查询剩余积分 修改密码 开卡 退出 执行结果： 开卡、积分累计部分： 兑换积分、查询剩余积分部分： 修改密码、使用新密码查询部分： 退出部分： 实现思路： 1、创建会员用户类： 用户名、密码、会员卡号（随机生成）、注册日期、积分 2、创建超市业务类： 菜单展示 业务选择 积分存取方法、积分兑换方法、积分查...
walmart(沃尔玛)api api对接流程-python版本
weixin_42351510的博客
03-20 1510
walmart API授权的方法-python版本，希望能给你带来帮助
谷粒商城学习时遇到的一些问题
小伦的博客
04-07 2453
1、问题1-Uncaught (in promise) TypeError: Cannot read property ‘xx’ of null 1、问题描述   今天在测试将数据保存到ES中时，在“发布商品”时，下面图像内容无法显示：   前端也能从后台拿到相应的数据，前端会有下面的报错信息： ncaught (in promise) TypeError: Cannot read property 'xx' of null   定位到，是D:\03Enviroment\28VSCode\code\re
商品SPU与SKU说明
weixin_40588273的博客
10-02 2117
** SPU与SKU概念区别 SPU和SKU SPU：Standard Product Unit （标准产品单位） ，一组具有共同属性的商品集 SKU：Stock Keeping Unit（库存量单位），SPU商品集因具体特性不同而细分的每个商品 小米Redmi K20Pro 就是一个商品集（SPU） 因为颜色、内存等不同，而细分出不同的 小米Redmi K20Pro，比如冰川蓝8+128GB。（SKU） 所以spu是一个抽象的概念，我们实际买的某一个颜色某一个版本的手机是sku。 买的是sku。
商城-学习整理-基础-商品服务API-品牌管理（六）
大数据知识梳理
08-04 489
主要讲解了使用renren-fast前后端逆向生成的代码，以及前后端部分模块优化，云服务的图片上传功能，以及前后台表单校验、校验注解，统一异常处理功能
商城-学习整理-高级-全文检索-ES（九）
大数据知识梳理
08-15 8251
本文主要介绍了es的一些基本使用和nginx的安装
day09-商品规格管理
qq_41642640的博客
06-24 676
0.学习目标 了解商品规格数据结构设计思路 实现商品规格查询 了解SPU和SKU数据结构设计思路 实现商品查询 了解商品新增的页面实现 独立编写商品新增后台功能 1.商品规格数据结构 吾爱程序猿（www.52programer.com）打造专业优质的IT教程分享社区 乐优商城是一个全品类的电商网站，因此商品的种类繁多，每一件商品，其属性又有差别。为了更准确描述商品及细分差别，抽象出两个概念：S...
java全套面试题-20W字
a1571375的博客
08-15 593
java2023高频面试题，20W字有胆你就来
【谷粒商城 - k8s、devOps专栏】
cl24的博客
11-27 3414
谷粒商城
机器学习项目简历收集册-----机器学习（仅供参考）
热门推荐
大大枫free
08-16 2万+
图像识别 项目一：齿轮表面粗糙度自动检测 开发应用：python3+sklearn+opencv 项目描述：1）使用CCD相机获取齿轮表面图像 2）图片预处理，使用中值滤波，去除图片椒盐噪声，使用直方图均衡化进行图像增强 3) 使用小波变换提取零件的纹理特征 4）进行pca主成分分析进行降维获取特征 5）使用支持向量机分类器进行分类 项目二：验证码识别 开发应用：python+tensorflow 项目描述：1）通过公司提供的数据集对数据进行编码 2）搭建cnn神经网络 3）对模型进行训练，提高验证码的识别
iOS编程比较好开源的完整项目iOS编程比较好开源的完整项目
m0_67912190的博客
03-25 3457
完整项目 GSD_WeiXin高仿微信 v2ex- v2ex 的客户端，新闻、论坛。 V2ex-Swift- 用 Swift 写的 V2EX 客户端。 iBBS-Swift- “新手开源一个用Swift（2.0）写的论坛客户端”。BBS 服务端。 wikipedia-ios- wikipedia-ios 客户端。 jetstream-ios- 一款 Uber 的 MVC 框架。它同时提供了多用户实时通讯支持，一旦启动 JetStream 后端服务，通过 WebSocket 协议可以分...
2020谷粒商城微服务kubernetes分布式实战
kubernetes中文社区
08-07 1168
目录：/IT-2417-谷粒商城2020分布式 [18.1G] ┣━━1.分布式基础篇 [7.4G] ┃ ┣━━视频 [7.4G] ┃ ┃ ┣━━[IT视频自学网-www.itspzx.com]_收集整理.url [175B] ┃ ┃ ┣━━01、简介-项目介绍 [96.4M] ┃ ┃ ┣━━02、简介-项目整体效果展示 [148.8M] ┃ ┃ ┣━━03、简介-分布式基础概念 .
芋道 Spring Boot API 接口文档 Swagger 入门
芋艿V
05-09 2447
点击上方“芋道源码”，选择“设为星标”做积极的人，而不是积极废人！源码精品专栏原创 | Java 2020 超神之路，很肝~中文详细注释的开源项目RPC 框架 Dubbo 源码解析网络...
某工业企业公共服务平台架构设计
夜澜偶作庄周梦 酒后聊为楚客狂
01-26 5363
最近参与到的一个大的工业企业系统的架构设计，思路整理的过程记录下来
Go基础学习08-并发安全型类型-通道（chan）深入研究
FLJS_T的博客
09-28 884
在前面学习中了解到对于单值变量，如：int、string；多值变量，如：map存在多协程对资源竞争的并发问题，为了解决并发性通常需要引入sync.Mutex解决。>对于通道的基本声明方式有三种：声明并初始化带缓冲的通道（ch1）；声明并初始化一个不带缓冲的通道（ch2）；仅仅声明一个通道（ch3） >什么是通道：==一个通道相当于一个先进先出（FIFO）的队列。也就是说，通道中的各个元素值都是严格地按照发送的顺序排列的，先被发送通道的元素值一定会先被接收。Select和for循环实现对channel的多次选
10.2学习
最新发布
2401_87363162的博客
10-02 1102
​ Spring AOP就是基于动态代理的，如果要代理的对象，实现了某个接⼝，那么Spring AOP会使⽤JDKProxy，去创建代理对象，⽽对于没有实现接⼝的对象，就⽆法使⽤ JDK Proxy 去进⾏代理了，这时候Spring AOP会使⽤基于asm框架字节流的Cglib动态代理 ，这时候Spring AOP会使⽤ Cglib ⽣成⼀个被代理对象的⼦类来作为代理。每个线程中都有一个自己的ThreadLocalMap类对象，可以将线程自己的对象保持到其中，各管各的，线程可以正确的访问到自己的对象。
6.824 Lab 2C 学习记录
kingsill的博客
09-29 309
最后10s，开始的时候，恢复网络，插入一个数据，等待这个数据被提交，如果超过这10s就报错。2C的test中的unreliable figure8算是给博主的迎头一棒，需要根据raft论文的figure8进行解决，leader。根据前任及博主自己的经验，unreliable figure8的除了上述这一点以外，需要对。博主由于之前的不严谨，给自己留下了很大的改进困难，最后不得不重构代码。进行一定的设计，可以参考课程里老师提出的意见。一下为博主的github仓库，需要的可以参考。有一定的考验，那么就需要对。
Elasticsearch学习笔记(2）
m0_74293254的博客
09-28 1203
创建索引: 使用 PUT 请求来定义索引及其映射。创建文档: 使用 POST 请求将数据添加到索引。读取文档: 使用 GET 请求获取特定文档。更新文档: 使用 POST 加上 _update 操作来修改现有文档。删除文档: 使用 DELETE 请求删除指定文档。删除索引: 使用 DELETE 请求删除整个索引。请求方式：POST请求格式：/{索引库名}/_doc/文档id示例：POST /my_index/_doc/1 { "field": "value" }
uni-app商城开发实战教程与代码资源
5. 实战项目指导：通过实际的商城开发过程，你将学习如何运用所学知识构建一个完整的商城应用，包括商品展示、购物车功能、订单管理等核心功能的实现。 6. 持续更新与承诺：由于开发者计划在学会Java Web后也将这...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

有语忆语

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值