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

这篇具有很好参考价值的文章主要介绍了商城-学习整理-基础-商品服务API-属性分组(七)。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、创建系统菜单

在admin数据库里面创建表sys_menus.sql
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
查看页面
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

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

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

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

在前端modules下创建common目录,创建category.vue文件。
在product目录下,创建属性分组attrgroup.vue文件。最终做成的效果就是左边是一个菜单,右边是一个表格。
1、使用Layout布局中的分栏间隔
2、将之前写的category.vue中的el-tree 拷贝过来,把span删掉(添加删除按钮),拖拽、默认展开节点功能都不要,也不显示复选框
3、将script中的需要内容拷贝过去
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

4、我们需要在attrgroup的菜单位置用公共组件category.vue,使用import中导入组件
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

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绑定单击事件,
    商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
    11、向父组件发送事件treenodeclick,这样我们就知道点击了那个数据,根据这个数据再去查询属性。

2、编写后端代码

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

3、属性分组新增功能

1、使用级联选择器Cascader
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
2、后端在实体类中CategoryEntity的children字段,加上注解@JsonInclude(JsonInclude.Include.NON_EMPTY)不为空

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

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

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

在详情里面查询目录信息
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
使用对话框Dialog 中的closed,这样再点击新增就不会有回显了
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
修改属性分组 感知树节点被点击,刷新数据
修改common中的category
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

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

1、列表展示页面

很明显,开发一个功能模块,肯定要具有增加、删除、修改、查询四个基础功能,因为围绕这个四个功能进行开发。
1、根据表名称可知,规格参数是表attr,因此根据renren-fast逆向生成的前端代码attr.vue,拷贝到前端模块进行修改,根据报错,解决依赖报错问题,导入对应的引用文件。
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
因为规格参数添加的菜单是用的baseattr,所以需要将文件名改为baseattr.vue,才会显示。因为路由规则是根据添加的菜单规则拼接的。
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

这样就显示了,然后进行后面的前端和后端修改。
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
需要修改展示列表的标题,以及查询模块参数名。

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

添加所属分组
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

根据快速展示内容展示为图标
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
在引入的新增或者更新组件中,添加属性
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
如下展示,就是列表的展示情况:
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
最后修改批量删除的后台接口。
列表功能全部完成。

2、新增规格参数页面

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

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

1、列表展示页面

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

2、新增或者修改页面

因为销售属性和规则参数,页面布局一样,因此可以引用修改规则参数写的前端组件
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
最终展示效果为:
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习
因为和规则参数的差别只在属性分组,因此只需要修改属性分组列即可,添加属性::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
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

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

1、列表展示

http://localhost:8001/#/product-manager
manager.vue
后台文件:SkuInfoController.java
商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

七、品牌管理

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

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

商城-学习整理-基础-商品服务API-属性分组(七),项目,学习

八、各种对象介绍

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 操作.

九、后续模块开发思路

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

到了这里,关于商城-学习整理-基础-商品服务API-属性分组(七)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 谷粒商城第十天-获取分类属性分组(前端组件抽取&父子组件交互)

    目录 一、总述 1.1 前端思路 1.2 后端思路 二、前端部分 2.1 将分类树前端代码抽取成一个组件 2.2 使用elementUI的组件实现左右组件功能 2.3 使用事件机制进行组件通信 三、后端部分 四、总结 说一下今天需要实现一个什么样子的功能: 很简单,就是在属性分组的那个页面,左

    2024年02月14日
    浏览(52)
  • 谷粒商城第七天-商品服务之分类管理下的删除、新增以及修改商品分类

    目录 一、总述 1.1 前端思路 1.2 后端思路 二、前端部分 2.1 删除功能 2.2 新增功能 2.3 修改功能 三、后端部分 3.1 删除接口 3.2 新增接口 3.3 修改接口 四、总结  删除和新增以及修改的前端无非就是点击按钮,就向后端发送请求,交与后端真正的执行相关操作。 具体来说,就是

    2024年02月15日
    浏览(45)
  • 谷粒商城第六天-商品服务之分类管理下的获取三级分类树形列表

    目录 一、总述 1.1 前端思路 1.2 后端思路 二、前端部分 2.1 在网页中建好目录及菜单 2.1.1 建好商品目录 2.1.2 建好分类管理菜单 ​编辑 2.2 编写组件 2.2.1 先完成组件文件的创建 2.2.2 编写组件 2.2.2.1 显示三级分类树形列表 三、后端部分 3.1 编写商品分类的相关接口 3.1.1 获取树

    2024年02月15日
    浏览(48)
  • 商城-学习整理-高级-消息队列(十七)

    RabbitMQ是一个由erlang开发的AMQP(Advanved Message Queue Protocol)的开源实现。 1、Message 消息,消息是不具名的,它由消息头和消息体组成。消息体是不透明的,而消息头则由一系列的可选属性组成, 这些属性包括routing-key(路由键)、priority(相对于其他消息的优先权)、delivery-mod

    2024年02月11日
    浏览(45)
  • 谷粒商城第七天-商品服务之分类管理下的分类的拖拽功能的实现

    目录 一、总述 1.1 前端思路 1.2 后端思路 二、前端实现 2.1 判断是否能进行拖拽 2.2 收集受影响的节点,提交给服务器 三、后端实现 四、总结 这个拖拽功能对于这种树形的列表,整体的搬迁是很方便的。但是其实现却并不是那么的简单。 花样主要体现在前端上面,前端有两

    2024年02月14日
    浏览(109)
  • 商城-学习整理-高级-性能压测&缓存问题(十一)

    压力测试考察当前软硬件环境下系统所能承受的最大负荷并帮助找出系统瓶颈所在。压测都是为了系统在线上的处理能力和稳定性维持在一个标准范围内,做到心中有数。 使用压力测试,我们有希望找到很多种用其他测试方法更难发现的错误。有两种错误类型是:内存泄漏,

    2024年02月11日
    浏览(37)
  • 商城-学习整理-高级-全文检索-ES(九)

    https://www.elastic.co/cn/what-is/elasticsearch Elastic 的底层是开源库 Lucene。但是,你没法直接用 Lucene,必须自己写代码去调用它的接口。Elastic 是 Lucene 的封装,提供了 REST API 的操作接口,开箱即用。 REST API:天然的跨平台。 官方文档:https://www.elastic.co/guide/en/elasticsearch/reference/cur

    2024年02月12日
    浏览(48)
  • 商城-学习整理-集群-K8S(二十三)

    1)、简介 Kubernetes 简称 k8s。是用于自动部署,扩展和管理容器化应用程序的开源系统。 中文官网:https://kubernetes.io/zh/ 中文社区:https://www.kubernetes.org.cn/ 官方文档:https://kubernetes.io/zh/docs/home/ 社区文档:http://docs.kubernetes.org.cn/ 部署方式的进化 https://kubernetes.io/zh/docs/concept

    2024年02月11日
    浏览(49)
  • 商城-学习整理-高级-商城业务-Sentinel&限流&熔断&降级&Sleuth+Zipkin链路追踪(二十二)

    什么是熔断 A 服务调用 B 服务的某个功能,由于网络不稳定问题,或者 B 服务卡机,导致功能时间超长。如果这样子的次数太多。我们就可以直接将 B 断路了(A 不再请求 B 接口),凡是调用 B 的直接返回降级数据,不必等待 B 的超长执行。 这样 B 的故障问题,就不会级联影

    2024年02月11日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包