仿淘宝案例轮播图静态json数据 改为从数据库获取数据动态加载

czg2016

1.我想改从mysql数据库加载，但是有点懵。
我看原本代码是
        Model.prototype.imgDataCustomRefresh = function(event) {
                /*
                 * 1、加载轮换图片数据 2、根据data数据动态添加carouse组件中的content页面 3、修改第一张图片
                */
                var url = require.toUrl("./main/json/imgData.json");
                allData.loadDataFromFile(url, event.source, true);


                var carousel = this.comp("carousel1");
                event.source.each(function(obj) {
我以为换成动态数据的时候也是，把表中数据读出来然后全部放入data组件中再进行遍历筛选，但是好像不是这样。

2.动态从数据库加载数据的话显示仿淘宝首页Main.w中图片轮换是怎么个思路改的。静态时候是全部load进data，然后遍历添加的。动态我不太明白。

求大神解释清晰一点...这块接触少实在是有点摸不着头脑

闰土

把data 改成baasData，数据还是一样的加载，代码基本一样吧 应该，只是获取的数据从JSON变为 SQL 一样的

雨平在线

如果把数据放在七牛上面呢？

双桅船

闰土 发表于 2016-9-10 11:24
把data 改成baasData，数据还是一样的加载，代码基本一样吧 应该，只是获取的数据从JSON变为 SQL 一样的 ...

我也正有这样的问题，首先我的图片是存在数据库中的（不是静态数据），问题如下：如果是从商品列表页跳转到商品详情页，然后详情页需要有轮番图片的展示（不同商品他们的轮番图片不同），图片该如何根据列表页传过来的参数过滤啊？carousel组件中的image该绑定什么字段或是其他什么方法？carousel的add该如何添加过滤出来的图片？（淘宝案例中加载图片的代码都是写死的），
麻烦提供一下思路或是解决办法！！！感谢！！！

双桅船

闰土 发表于 2016-9-10 11:24
把data 改成baasData，数据还是一样的加载，代码基本一样吧 应该，只是获取的数据从JSON变为 SQL 一样的 ...

已解决

xinxiangxue

双桅船 发表于 2016-11-11 17:09
已解决

怎么解决的

双桅船

xinxiangxue 发表于 2016-11-17 15:56
怎么解决的

其实像之前很多人说的，真就是和静态数据的加载没太大区别，方法都一样，
首先在你的详情页接收到上一个页面传来的数据，根据传来的参数用filter过滤，再执行一下data.refreshData()，
然后剩下的就和淘宝一样了，也是获得carousel对象，然后用data.each函数往carousel里add图片就可以，这部分代码基本上和淘宝一模一样。

xinxiangxue

双桅船 发表于 2016-11-17 16:05
其实像之前很多人说的，真就是和静态数据的加载没太大区别，方法都一样，
首先在你的详情页接收到上一个 ...

我的后台返回一个数组

双桅船

xinxiangxue 发表于 2016-11-17 16:26
我的后台返回一个数组

那可以用data.loadData()把它加载出来吧

xinxiangxue

双桅船 发表于 2016-11-17 16:28
那可以用data.loadData()把它加载出来吧

轮播图