一、创建系统菜单
在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 操作.文章来源:https://www.toymoban.com/news/detail-632723.html
九、后续模块开发思路
参考已有代码进行前后端自己独立开发,记录笔记,将以下功能模块开发出来,唯有自己独立开发,才能更快更好的学习。
四、平台属性-规格参数
五、新增商品
六、优惠营销模块
七、库存系统
八、订单系统
九、用户系统
十、内容管理文章来源地址https://www.toymoban.com/news/detail-632723.html
到了这里,关于商城-学习整理-基础-商品服务API-属性分组(七)的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!