本文是猿实战系列的一部分，讲解如何在电商系统中实现类目属性的绑定，特别是使用el-tree组件展示属性和属性组的父子关系。文中详细介绍了el-tree的使用方法以及后台数据检索和展示的实现，包括如何处理属性组和属性的关联查询，以优化SQL性能。
猿实战是一个原创系列文章，通过实战的方式，采用前后端分离的技术结合SpringMVC Spring Mybatis,手把手教你撸一个完整的电商系统，变身猿人找到工作不是问题。想要一起实战吗？关注公号即可获取基础代码！
上一个章节，猿人君教会了你实现了后台类目的三级联动，今天我们继续来讲述，新增属性的实现。
功能概览
我们先看看新增属性的功能。
在页面选择类目后（目前暂时要求只新增1.2级类目属性）,点击新增属性按钮，可以搜索属性库(要求同时检索属性以及属性组，同时支持模糊左匹配查询)，通过勾选的方式新增属性为当前类目的属性。
属性展示之el-tree
我们可以很直观的看出，属性，是以分组的形式进行展示，当然，有的属性并没有从属于，某一个属性组，我们可以考虑一个叫“未分组”的属性组，用于归纳未分组的属性。
这样，属性组和属性之间，就形成了一种父子关系，对于这样的树形展示，element UI 提供了el-tree这样的组件，用于展现数据。
大家可以看一下官网上的内容。https://element.eleme.cn/#/zh-CN/component/tree
最低0.47元/天 解锁文章
926
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
