zoukankan      html  css  js  c++  java
  • vue 仿外卖app-数据mock部分

    自行模拟一组数据,里面包括seller,goods,ratings,三大组数据,每组数据中又包涵了如name等参数,如下:

    {
      "seller": {
        "name": "粥品香坊(回龙观)",
        "description": "蜂鸟专送",
        "deliveryTime": 38,
        "score": 4.2,
        "serviceScore": 4.1,
        "foodScore": 4.3,
        "rankRate": 69.2,
        "minPrice": 20,
        "deliveryPrice": 4,
        "ratingCount": 24,
        "sellCount": 90,
        "bulletin": "粥品香坊其烹饪粥料的秘方源于中国千年古法,在融和现代制作工艺,由世界烹饪大师屈浩先生领衔研发。坚守纯天然、0添加的良心品质深得消费者青睐,发展至今成为粥类的引领品牌。是2008年奥运会和2013年园博会指定餐饮服务商。",
        "supports": [
          {
            "type": 0,
            "description": "在线支付满28减5"
          },
          {
            "type": 1,
            "description": "VC无限橙果汁全场8折"
          },
          {
            "type": 2,
            "description": "单人精彩套餐"
          },
          {
            "type": 3,
            "description": "该商家支持发票,请下单写好发票抬头"
          },
          {
            "type": 4,
            "description": "已加入“外卖保”计划,食品安全保障"
          }
        ],
        "avatar": "http://static.galileo.xiaojukeji.com/static/tms/seller_avatar_256px.jpg",
        "pics": [
          "http://fuss10.elemecdn.com/8/71/c5cf5715740998d5040dda6e66abfjpeg.jpeg?imageView2/1/w/180/h/180",
          "http://fuss10.elemecdn.com/b/6c/75bd250e5ba69868f3b1178afbda3jpeg.jpeg?imageView2/1/w/180/h/180",
          "http://fuss10.elemecdn.com/f/96/3d608c5811bc2d902fc9ab9a5baa7jpeg.jpeg?imageView2/1/w/180/h/180",
          "http://fuss10.elemecdn.com/6/ad/779f8620ff49f701cd4c58f6448b6jpeg.jpeg?imageView2/1/w/180/h/180"
        ],
        "infos": [
          "该商家支持发票,请下单写好发票抬头",
          "品类:其他菜系,包子粥店",
          "北京市昌平区回龙观西大街龙观置业大厦底商B座102单元1340",
          "营业时间:10:00-20:30"
        ]
      },
      "goods": [
        {
          "name": "热销榜",
          "type": -1,
          "foods": [
            {
              "name": "皮蛋瘦肉粥",
              "price": 10,
              "oldPrice": "",
              "description": "咸粥",
              "sellCount": 229,
              "rating": 100,
              "info": "一碗皮蛋瘦肉粥,总是我到粥店时的不二之选。香浓软滑,饱腹暖心,皮蛋的Q弹与瘦肉的滑嫩伴着粥香溢于满口,让人喝这样的一碗粥也觉得心满意足",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "很喜欢的粥",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 1,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "扁豆焖面",
              "price": 14,
              "oldPrice": "",
              "description": "",
              "sellCount": 188,
              "rating": 96,
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 1,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "info": "",
              "icon": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "葱花饼",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 124,
              "rating": 85,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "没啥味道",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 1,
                  "text": "很一般啊",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "牛肉馅饼",
              "price": 14,
              "oldPrice": "",
              "description": "",
              "sellCount": 114,
              "rating": 91,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "难吃不推荐",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "招牌猪肉白菜锅贴/10个",
              "price": 17,
              "oldPrice": "",
              "description": "",
              "sellCount": 101,
              "rating": 78,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "不脆,不好吃",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "南瓜粥",
              "price": 9,
              "oldPrice": "",
              "description": "甜粥",
              "sellCount": 91,
              "rating": 100,
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "红豆薏米美肤粥",
              "price": 12,
              "oldPrice": "",
              "description": "甜粥",
              "sellCount": 86,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "八宝酱菜",
              "price": 4,
              "oldPrice": "",
              "description": "",
              "sellCount": 84,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "红枣山药糙米粥",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 81,
              "rating": 91,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "糊塌子",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 80,
              "rating": 93,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "单人精彩套餐",
          "type": 2,
          "foods": [
            {
              "name": "红枣山药粥套餐",
              "price": 29,
              "oldPrice": 36,
              "description": "红枣山药糙米粥,素材包,爽口莴笋丝,四川泡菜或八宝酱菜,配菜可备注",
              "sellCount": 17,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/6/72/cb844f0bb60c502c6d5c05e0bddf5jpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "冰爽饮品限时特惠",
          "type": 1,
          "foods": [
            {
              "name": "VC无限橙果汁",
              "price": 8,
              "oldPrice": 10,
              "description": "",
              "sellCount": 15,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "还可以",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "精选热菜",
          "type": -1,
          "foods": [
            {
              "name": "娃娃菜炖豆腐",
              "price": 17,
              "oldPrice": "",
              "description": "",
              "sellCount": 43,
              "rating": 92,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "菜量还可以,味道还可以",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/d/2d/b1eb45b305635d9dd04ddf157165fjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "手撕包菜",
              "price": 16,
              "oldPrice": "",
              "description": "",
              "sellCount": 29,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/9/c6/f3bc84468820121112e79583c24efjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "香酥黄金鱼/3条",
              "price": 11,
              "oldPrice": "",
              "description": "",
              "sellCount": 15,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/4/e7/8277a6a2ea0a2e97710290499fc41jpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "爽口凉菜",
          "type": -1,
          "foods": [
            {
              "name": "八宝酱菜",
              "price": 4,
              "oldPrice": "",
              "description": "",
              "sellCount": 84,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "拍黄瓜",
              "price": 9,
              "oldPrice": "",
              "description": "",
              "sellCount": 28,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/6/54/f654985b4e185f06eb07f8fa2b2e8jpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "精选套餐",
          "type": -1,
          "foods": [
            {
              "name": "红豆薏米粥套餐",
              "price": 37,
              "oldPrice": "",
              "description": "红豆薏米粥,三鲜干蒸烧卖,拍黄瓜",
              "sellCount": 3,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/f/49/27f26ed00c025b2200a9ccbb7e67ejpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "皮蛋瘦肉粥套餐",
              "price": 31,
              "oldPrice": "",
              "description": "",
              "sellCount": 12,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/8/96/f444a8087f0e940ef264617f9d98ajpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "果拼果汁",
          "type": -1,
          "foods": [
            {
              "name": "蜜瓜圣女萝莉杯",
              "price": 6,
              "oldPrice": "",
              "description": "",
              "sellCount": 1,
              "rating": "",
              "info": "",
              "ratings": [],
              "icon": "http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/b/5f/b3b04c259d5ec9fa52e1856ee50dajpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "加多宝",
              "price": 6,
              "oldPrice": "",
              "description": "",
              "sellCount": 7,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/b/9f/5e6c99c593cf65229225c5661bcdejpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "VC无限橙果汁",
              "price": 8,
              "oldPrice": 10,
              "description": "",
              "sellCount": 15,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "还可以",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/e/c6/f348e811772016ae24e968238bcbfjpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "小吃主食",
          "type": -1,
          "foods": [
            {
              "name": "扁豆焖面",
              "price": 14,
              "oldPrice": "",
              "description": "",
              "sellCount": 188,
              "rating": 96,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 1,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/c/6b/29e3d29b0db63d36f7c500bca31d8jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "葱花饼",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 124,
              "rating": 85,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "没啥味道",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 1,
                  "text": "很一般啊",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/f/28/a51e7b18751bcdf871648a23fd3b4jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "牛肉馅饼",
              "price": 14,
              "oldPrice": "",
              "description": "",
              "sellCount": 114,
              "rating": 91,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "难吃不推荐",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/d/b9/bcab0e8ad97758e65ae5a62b2664ejpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "招牌猪肉白菜锅贴/10个",
              "price": 17,
              "oldPrice": "",
              "description": "",
              "sellCount": 101,
              "rating": 78,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 1,
                  "text": "不脆,不好吃",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/7/72/9a580c1462ca1e4d3c07e112bc035jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "糊塌子",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 80,
              "rating": 93,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/0/05/097a2a59fd2a2292d08067e16380cjpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        },
        {
          "name": "特色粥品",
          "type": -1,
          "foods": [
            {
              "name": "皮蛋瘦肉粥",
              "price": 10,
              "oldPrice": "",
              "description": "咸粥",
              "sellCount": 229,
              "rating": 100,
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "很喜欢的粥",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 1,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/c/cd/c12745ed8a5171e13b427dbc39401jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "南瓜粥",
              "price": 9,
              "oldPrice": "",
              "description": "甜粥",
              "sellCount": 91,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/8/a6/453f65f16b1391942af11511b7a90jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "红豆薏米美肤粥",
              "price": 12,
              "oldPrice": "",
              "description": "甜粥",
              "sellCount": 86,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/d/22/260bd78ee6ac6051136c5447fe307jpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "红枣山药糙米粥",
              "price": 10,
              "oldPrice": "",
              "description": "",
              "sellCount": 81,
              "rating": 91,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/9/b5/469d8854f9a3a03797933fd01398bjpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "鲜蔬菌菇粥",
              "price": 11,
              "oldPrice": "",
              "description": "咸粥",
              "sellCount": 56,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": ""
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/e/a3/5317c68dd618929b6ac05804e429ajpeg.jpeg?imageView2/1/w/750/h/750"
            },
            {
              "name": "田园蔬菜粥",
              "price": 10,
              "oldPrice": "",
              "description": "咸粥",
              "sellCount": 33,
              "rating": 100,
              "info": "",
              "ratings": [
                {
                  "username": "3******c",
                  "rateTime": 1469281964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "2******3",
                  "rateTime": 1469271264000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                },
                {
                  "username": "3******b",
                  "rateTime": 1469261964000,
                  "rateType": 0,
                  "text": "",
                  "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png"
                }
              ],
              "icon": "http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/114/h/114",
              "image": "http://fuss10.elemecdn.com/a/94/7371083792c19df00e546b29e344cjpeg.jpeg?imageView2/1/w/750/h/750"
            }
          ]
        }
      ],
      "ratings": [
        {
          "username": "3******c",
          "rateTime": 1469281964000,
          "deliveryTime": 30,
          "score": 5,
          "rateType": 0,
          "text": "不错,粥很好喝,我经常吃这一家,非常赞,以后也会常来吃,强烈推荐.",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": [
            "南瓜粥",
            "皮蛋瘦肉粥",
            "扁豆焖面",
            "娃娃菜炖豆腐",
            "牛肉馅饼"
          ]
        },
        {
          "username": "2******3",
          "rateTime": 1469271264000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "deliveryTime": "",
          "text": "服务态度不错",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": [
            "扁豆焖面"
          ]
        },
        {
          "username": "3******b",
          "rateTime": 1469261964000,
          "score": 3,
          "rateType": 1,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "1******c",
          "rateTime": 1469261864000,
          "deliveryTime": 20,
          "score": 5,
          "rateType": 0,
          "text": "良心店铺",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "2******d",
          "rateTime": 1469251264000,
          "deliveryTime": 10,
          "score": 4,
          "rateType": 0,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "9******0",
          "rateTime": 1469241964000,
          "deliveryTime": 70,
          "score": 1,
          "rateType": 1,
          "text": "送货速度蜗牛一样",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "d******c",
          "rateTime": 1469231964000,
          "deliveryTime": 30,
          "score": 5,
          "rateType": 0,
          "text": "很喜欢的粥店",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "2******3",
          "rateTime": 1469221264000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "量给的还可以",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "3******8",
          "rateTime": 1469211964000,
          "deliveryTime": "",
          "score": 3,
          "rateType": 1,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "a******a",
          "rateTime": 1469201964000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "孩子喜欢吃这家",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": [
            "南瓜粥"
          ]
        },
        {
          "username": "3******3",
          "rateTime": 1469191264000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "粥挺好吃的",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "t******b",
          "rateTime": 1469181964000,
          "deliveryTime": "",
          "score": 3,
          "rateType": 1,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "f******c",
          "rateTime": 1469171964000,
          "deliveryTime": 15,
          "score": 5,
          "rateType": 0,
          "text": "送货速度很快",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "k******3",
          "rateTime": 1469161264000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "u******b",
          "rateTime": 1469151964000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "下雨天给快递小哥点个赞",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "s******c",
          "rateTime": 1469141964000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "好",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "z******3",
          "rateTime": 1469131264000,
          "deliveryTime": "",
          "score": 5,
          "rateType": 0,
          "text": "吃了还想再吃",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "n******b",
          "rateTime": 1469121964000,
          "deliveryTime": "",
          "score": 3,
          "rateType": 1,
          "text": "发票开的不对",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "m******c",
          "rateTime": 1469111964000,
          "deliveryTime": 30,
          "score": 5,
          "rateType": 0,
          "text": "好吃",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "l******3",
          "rateTime": 1469101264000,
          "deliveryTime": 40,
          "score": 5,
          "rateType": 0,
          "text": "还不错吧",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "3******o",
          "rateTime": 1469091964000,
          "deliveryTime": "",
          "score": 2,
          "rateType": 1,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "3******p",
          "rateTime": 1469081964000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "很喜欢的粥",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "o******k",
          "rateTime": 1469071264000,
          "deliveryTime": "",
          "score": 5,
          "rateType": 0,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        },
        {
          "username": "k******b",
          "rateTime": 1469061964000,
          "deliveryTime": "",
          "score": 4,
          "rateType": 0,
          "text": "",
          "avatar": "http://static.galileo.xiaojukeji.com/static/tms/default_header.png",
          "recommend": []
        }
      ]
    }
    data.json

    编写接口:打开webpack.dev.conf.js文件,使用express-router编写接口请求,定义一些变量和接口路由,以及调用app也就是express

    代码如下:

    //第一步
    const express = require('express')
    const app = express() //請求server
    var appData = require('../data.json')//加載本地數據文件
    var seller = appData.seller //获取对应的本地数据
    var goods = appData.goods
    var ratings = appData.ratings
    var apiRoutes = express.Router()
    app.use('/api',apiRoutes)//通过路由请求数据
    //第二步找到devServer,在里面添加
    before(app) {
    app.get('/api/seller', (req, res) => {
    res.json({
    errno: 0,
    data: seller
    })
    }),//接口返回json数据,上面配置的数据seller就赋值给data请求后调用

    app.get('/api/goods', (req, res) => {
    res.json({
    errno: 0,
    data: goods
    })
    }),

    app.get('/api/ratings', (req, res) => {
    res.json({
    errno: 0,
    data: ratings
    })
    });
    }

    检查代码是否写错,没错的话重启 npm run dev ,打开localhost:8080/api/seller(goods、ratings)检查是否传送数据成功。如成功如下图

  • 相关阅读:
    Relax! It's just a game(排列组合,简单)
    Feynman(数学)
    The Center of Gravity(一道很很简单的几何题)
    Game with points(数学,难度中)
    Tempter of the Bone(DFS + 奇偶剪枝,好题)
    [置顶] Card
    Find Terrorists(素数筛选+素因子分解)
    Enemy at the Gateway
    Anindilyakwa(简单)
    ACMer(数学,有意思)
  • 原文地址:https://www.cnblogs.com/kido050313/p/8700437.html
Copyright © 2011-2022 走看看