商城中_显示属性的数据操作(添加,修改,回显)

本文探讨了在商城系统中商品属性数据的管理,涉及添加、修改和回显操作。核心关注点包括从数据库的t_specification、t_product和t_product_ext表中进行数据交互。商品扩展表采用了分表策略,解释了为何及如何分表,并概述了三张表间的关联。前端使用Vue.js和ElementUI发送axios请求获取属性,后台通过Controller、IService、Service层实现数据操作。
摘要由CSDN通过智能技术生成

在这里插入图片描述
首先需要分析清楚其中数据的来源,就是说该从数据库中哪张表去读写数据
这里会联系到三张表分别是(t_specification 商品属性表),(t_product 商品表),(t_product_ext 商品扩展表)

知识点:

商品扩展表的创建,这里涉及到分表的知识

为什么分表?

当数据量过于庞大,当进行表的查询时会极大影响效率,所有需要进行分表,为了减小数据库的负担,缩短查询时间.

分表的方式有哪些?

分为水平分表和垂直分表
水平分表:
	按照条件(如月份,年份,数量,编号等),分为多张表,这些表中的字段都是相同的,在查询时通过相应的查询条件就
可以提高查询效率.
	如,QQ的登录,假设QQ的用户有100亿,如果只有一张表,每个用户登录的时候数据库都要从这100
亿中查	找,会很慢很慢。如果将这一张表分成100份,每张表有1亿条,就小了很多,比如qq0,qq1,qq1...qq99表
用户登录的时候,可以将用户的id%100,那么会得到0-99的数,查询表的时候,将表名qq跟取模的数连接起来,就
构建了表名。比如123456789用户,取模的89,那么就到qq89表查询,查询的时间将会大大缩短

垂直分表:
	表的存储数据并不大,但是表中字段太多这时候就涉及到垂直分表,检索表的时候需要执行大量的IO,严重降低了性能。
	这时需要把大的字段拆分到另一个表,并且该表与原表是一对一的关系,就是上面的扩展表,

三张表大致联系
在这里插入图片描述
当前显示属性弹出的dialog由(t_specification 商品属性表)读取出来的
在这里插入图片描述前端代码 发送axios请求查询出t_specification中对应的显示属性
vue.js ElementUI

	1.先定义一个变量和数组
	 //准备一个为null的
     viewProducts: null,
     //准备一个数组
     viewProductArray: [],
     
     2.绑定一个点击事件
    @row-click="viewProductClick"
    //点击选择一行之后获取当前行的值,并将当前行的值赋值给定义的变量
    viewProductClick(row, event, column) {
         console.debug(row);
         this.viewProducts = row;
     },
     
     3.//绑定显示属性按钮点击事件
       <el-form-item
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值