暑期实训log5

实现随机推荐。

之前实现的页面，推荐的内容是自己编的。

跟数据清洗同学要了食谱数据。

转化为json文件。

自己用python写了个csv转json但是有点问题，找了个在线转json的网站：http://www.ab173.com/json/col2json.php
方便而且效果不错。

然后用真实数据替换原data文件。

再实现随机推荐逻辑。

let newDate = [];
    do {
        let temp = window.data.length * Math.random();
        newDate.push(window.data.splice(temp, 1)[0])
    } while(window.data.length)
    window.data = newDate

就实现了随机推荐。

因为还没有跟数据库同学对接，没有真实食材图片，所以就让一张图片固定显示。
此外还有个问题就是食材的显示，显然不对劲。因为一开始写的代码只考虑显示两个食材，而真实数据的食材有很多个。这个问题后续再解决。

不过随机逻辑没有问题，再换回原来编的data.js，看看正常的显示效果。



每次打开页面都会推荐随机的菜谱。
接下来准备看看怎么连接数据库，起码就能把项目跑通了。