一般图文排版的页面 应该怎么指定接口？

Question

最近在做一个商城类型的DEMO，类似京东淘宝之类的。比如在商品详情页面里面，除了头部一些比较固定的字段 例如商品名称、价格、简介等，还有商品详情，商品详情一般格式大概是统一的 但是一些细节会有很多不同。

比方说 衣服商品A的 图文详情有
版型 标准型 适用人群 男士适用
季节 春季 尺码XXL、XL、L、M
...
图文段落

---

零食商品B 图文详情是
品名 阿胶糕配料 原味：阿胶（28.3%）、黑芝麻、核桃仁
产地 山东省聊城市（东阿县）净含量500克保质期12个月
...
图文段落

这种情况，比如放详情这个字段里面 ，应该是分成N个字段 分别表示 版型、尺码、原味、产地等，在页面中做判断 假设有产地这个字段 我就显示 产地 XXX 如果是空 就不显示产地这项

还是说 应该在后台开发的时候 保存到数据库就一个详情字段 然后这个字段带有<div> <p> <span>等标签的字符串 前端页面 再通过JS把这个带有html标签的字符串append到指定的DIV层呢？~~先谢谢大家了

Answer 1

在之前做过的项目中。

版型 标准型
适用人群 男士适用 季节 春季
尺码 XXL、XL、L、M

前面 高亮 部分 我们称之为属性、后面部分称之为规格。

除了 商品基本表 还有如下(基本表存有基本价格)
其中 属性 在 规格下面 单独占一个表。
规格 又在 属性 的下面 也单独占一个表。

最后 还需要一张 商品规格属性对照表。
用来关联 商品、规格、属性、浮动价格(其他属性 比如封面图片)。

然后取出结构后在页面上处理即可。

Answer 2

attrList: [
  {
    name: "",
    list: [{ text: "", id: "" }]
  }
];