请问下各位，如何做到选择不同规格显示不同价格?以及数据库怎么设计比较好？

Question

数据库表是是考虑做到

表1(主要用途是 显示第一页的列表):
id ->商品的id
pid -> 父类的id
title-> 商品的标题
img-> 首页列表的图片
price1 -> 价格1
price2-> 价格2
price3-> 价格3
(会有3个价格 官方价 超值价 最低价这样)

---

表2：
id->自增的id
goodsid->对应表1商品的id
detailimg->商品的详情页
title->产品的套餐 （会存在多个 ）
（比如：同一个goodsid下的iphoneX会有10种选择 64G+银色 256G+银色 ……一个iphoneX可能会有n条数据）

price1 -> 该分类的价格
（完）
因为页面不考虑库存和其他
只是想做个选择不同规格 显示不同价格(如果上面的产品套餐变成这么多 用+号需要怎么切割返回到前端？)
html页面已经写好 ~
但是不太懂怎么渲染到页面上，请教下各位大佬
附上两张图。

Answer 1

如果你只是想怎么渲染的话，这个和数据库没有多大关系。
假设使用vue做的页面，那么一般将 商品首页 和 套餐选择 ，分为两个组件。
同时在vuex中存储套餐的数据，商品页和套餐组件，都是用vuex中的商品数据。
当套餐改变时，商品页的价格数据自动根据套餐的价格而变化。

假如你是使用html和原生js写的页面，那就只能去操作dom了。无非监听套餐选择按钮的变化，然后请求对应的数据，回来数据库，手动操作dom改商品页的数据了。