商城解析（浏览器是如何访问参数组和参数表的，前端是怎么工作的，还有后端如何编写查询参数表的逻辑）

点击了一个组，切换了一个表格

也就是这个横向信息改变了，之前不是这些参数的。这是为什么呢？

我们需要去找一下答案，因为我们刚刚点击的是一个行，所以我们可以去前端的行里面去查找。看看他是怎么样一个逻辑去变化的。

可以看到这是他的方法，里面有他参数props.item，这个是什么意思呢？这个就是上面的items里面的每一个对象item，items是一个总的对象，然后我们下面的方法都是把它每一个对象拿出来，进行编写。其中红框圈起来的地方selectGroup这个方法如下，他调用了父组件里面的select方法，如果后面需要插入参数的话，参数的话。就可以直接写进去，如果有多个参数的话，就可以写多个参数进去。

可以看到我们父组件里面有这个selectGroup方法，

他的作用就是把group传给当前的group，传完之后，就去显示规格参数。

当showGroup=false时，下面红框部分就被隐藏了，红框下面的就显示了。规格参数组就显示了。

你可以看到页面是一样的，为什么会出现下面的页面呢？因为你想想想，看看上面的图片，showGroup被关闭了（这个表示显示下面的参数），那么下面的！showGroup不就会被开启了吗？（不显示下面的参数。）

这里是直接把group赋值给group

赋值完后，group.name就不为空了，所以items[3]也会新添了。

然后我们再回过头来看看这个，刚刚我们就是说显示这个的（其实也就是不显示参数。）

他是在当前文件下这个文件里面。

他又是一个data-table

它里面有这些数据，对应浏览器里面的数据。


可以看到这里有个数据模型，这个数据模型就是要被后台所调用的参数

这个参数就是对应一个数据模型params，这个数据模型是一个数组，也就是params【】，然后它是显示在浏览器中的数据参数，也就是我们后端需要去接收的数据模型。

我们后端拿来接收后，就可以进行编写业务逻辑，一般拿过来后，可以先用RequestMapping去获取其中一个参数地址，就可以用RequestParam去截取参数，截取到后因为这个是一个数据，是数据就少不了封装pojo方法，封装完pojo方法后，我们就需要用到Mapper方法去操作数据库，接着我们需要Service方法去编写业务逻辑，最后需要用到controller。

上图当中的params和上面说的params数据模型是一样的，这里的params是一个空的集合，是因为要从后台发送数据过来。
为什么这里要用空的集合来代表呢？因为我们要把数据交给后台处理，首先要告诉前端，这里有个对象，然后我们应该怎么告诉前端这里有个对象呢？因为我们先要把数据给初始化，只有初始化他，给一个空集合给他，才能让后台的数据能够传输过来。

当点击一个组的时候就会启动这个方法，也就父组件当中的select方法。也就是说当你在浏览器当中点击分组的时候，他就会执行这个方法。

然后他又会把这个group传递给当前的group

然后在这里传递给这一个组件。

然后就触发了监听。然后进行判断，看看你的id是否为空，如果你的id不为空的话，他就去加载数据。

这里就是loadData的方法，执行后他就会去执行get方法，也就是发送请求参数的方法，加上这个gid的值在后面，然后最后他需要的是一个数据集合。params是一个数据模型，之前我们设定它是个空集合了，这次需要返回一个数据模型给他，这个数据模型就是从后端进行返回给他的。

我们可以看到它就已经发送了一个请求了，请求页面就是gid=1，请求方式为get

我们这里编写的方法和上次我们编写的参数组的方法一样

Service里面的方法就如下所示

效果就是你如果点击这个主体

他就会输入对应的gid，跳转到这个参数表里面

完成了整个过程。