起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 8816|回复: 19

[暂结贴(7天未回复)] 关于仿淘宝案例,静态json数据改成动态从数据库加载

  [复制链接]

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
发表于 2016-3-13 20:44:31 | 显示全部楼层 |阅读模式
有几个问题
1.这几天我在写一个系统,根据仿淘宝改的,本来使用的是静态数据,后来写到详细页,注释说根据商品ID过滤数据,但是代码好像不全,js页没看到根据商品ID过滤的代码?

2.我想改从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组件中再进行遍历筛选,但是好像不是这样。

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

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

117

主题

771

帖子

1670

积分

金牌会员

Rank: 6Rank: 6

积分
1670
发表于 2016-3-13 22:02:11 | 显示全部楼层
我也是新手,发布5.3.4才开始学的,你的关于动态数据问题我这几天也实现过,大概是这个思路:
1、在baas上新建服务,设置你表的action,编译好。
2、在model上建立baasdata, 从shell的上页取值用model的modelParamsReceive事件,案例说用DataCustomRefresh过滤数据,我也没成功,我是直接在modelParamsReceive用setfiler进行过滤然后刷新。
基本上能实现数据过滤。也不知道方法对不对,反正能达到我的要求。
本人非X5官方技术,回复内容仅供参考。
回复 支持 反对

使用道具 举报

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
 楼主| 发表于 2016-3-13 22:13:04 | 显示全部楼层
smarter 发表于 2016-3-13 22:02
我也是新手,发布5.3.4才开始学的,你的关于动态数据问题我这几天也实现过,大概是这个思路:
1、在baas上 ...

对,我看案例说是在DataCustomRefresh中写代码。
这块我现在好懵啊。能具体看下你modelParamsReceive怎么写的吗?

另外我看例子list中设置数据源为bassdata,然后里面做好相应映射。相关组建就能显示数据。

然后后面又有要写java代码的,说是可以自定义action。那是不是向仿淘宝里面图片轮换功能,也是自定义一个action。每次查一条数据,然后carousel里面添加。啊,我这个思路好乱啊,不过实在是想不出什么了。
回复 支持 反对

使用道具 举报

117

主题

771

帖子

1670

积分

金牌会员

Rank: 6Rank: 6

积分
1670
发表于 2016-3-14 09:24:26 | 显示全部楼层
gxcat 发表于 2016-3-13 22:13
对,我看案例说是在DataCustomRefresh中写代码。
这块我现在好懵啊。能具体看下你modelParamsReceive怎么 ...

1、Model.prototype.modelParamsReceive = function(event){
                var lineID = this.params.TfID;       
                var dData = this.comp("lineData");
                dData.clear();
                dData.filters.setFilter('filters2',"fID = '"+lineID+"'");
                dData.refreshData();
                dData.setValue("fNumber",1);
                dData.setValue("fNumber1",0);

        };

2、图片轮换简单吧,看仿淘宝的首页案例就行了。
Model.prototype.modelModelConstruct = function(event) {}
Model.prototype.imgDataCustomRefresh = function(event) {}
本人非X5官方技术,回复内容仅供参考。
回复 支持 反对

使用道具 举报

发表于 2016-3-14 13:39:43 | 显示全部楼层
gxcat 发表于 2016-3-13 22:13
对,我看案例说是在DataCustomRefresh中写代码。
这块我现在好懵啊。能具体看下你modelParamsReceive怎么 ...

onCustomRefresh 事件是自己接管data组件的刷新事件,
而baasData 组件中,已经封装了和后台action的数据交互能力,所以就不需要重写onCustomRefresh 方法了!

不需要自定义action ,使用公共的就可以,你可以看下关于baasServer的介绍:
http://www.wex5.com/1-wex5#06
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
 楼主| 发表于 2016-3-14 15:46:26 | 显示全部楼层
smarter 发表于 2016-3-14 09:24
1、Model.prototype.modelParamsReceive = function(event){
                var lineID = this.params.TfID;       
               ...


图片轮换按照仿淘宝中我实现了,就是换成动态的时候懵了。静态的时候loadfromfile方法从josn文件中loadn进data组建了。
图片轮换的时候能直接全部将表中数据直接用一个方法load进bassdata吗。。?

用List组建的时候可以在list里直接绑定bassdata,然后bassdata绑定读取哪一个表就能取到所有数据了。但是轮换的时候没见到这样的地方。。?是不是就要写java文件什么的了?
回复 支持 反对

使用道具 举报

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
 楼主| 发表于 2016-3-14 15:47:04 | 显示全部楼层
smarter 发表于 2016-3-14 09:24
1、Model.prototype.modelParamsReceive = function(event){
                var lineID = this.params.TfID;       
               ...


图片轮换按照仿淘宝中我实现了,就是换成动态的时候懵了。静态的时候loadfromfile方法从josn文件中loadn进data组建了。
图片轮换的时候能直接全部将表中数据直接用一个方法load进bassdata吗。。?

用List组建的时候可以在list里直接绑定bassdata,然后bassdata绑定读取哪一个表就能取到所有数据了。但是轮换的时候没见到这样的地方。。?是不是就要写java文件什么的了?
回复 支持 反对

使用道具 举报

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
 楼主| 发表于 2016-3-14 15:47:26 | 显示全部楼层
liangyongfei 发表于 2016-3-14 13:39
onCustomRefresh 事件是自己接管data组件的刷新事件,
而baasData 组件中,已经封装了和后台action的数据 ...


图片轮换按照仿淘宝中我实现了,就是换成动态的时候懵了。静态的时候loadfromfile方法从josn文件中loadn进data组建了。
图片轮换的时候能直接全部将表中数据直接用一个方法load进bassdata吗。。?

用List组建的时候可以在list里直接绑定bassdata,然后bassdata绑定读取哪一个表就能取到所有数据了。但是轮换的时候没见到这样的地方。。?是不是就要写java文件什么的了?
回复 支持 反对

使用道具 举报

发表于 2016-3-14 17:35:34 | 显示全部楼层
gxcat 发表于 2016-3-14 15:47
图片轮换按照仿淘宝中我实现了,就是换成动态的时候懵了。静态的时候loadfromfile方法从josn文件中loadn ...

图片轮换也想写成动动态的吗??
http://bbs.wex5.com/forum.php?mo ... 4&pid=165202939
qq:1912779713
WeX5教程--WeX5下载
回复 支持 反对

使用道具 举报

4

主题

19

帖子

37

积分

新手上路

Rank: 1

积分
37
QQ
 楼主| 发表于 2016-3-14 18:48:00 | 显示全部楼层
liangyongfei 发表于 2016-3-14 17:35
图片轮换也想写成动动态的吗??
http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=84244 ...

因为淘宝详情页就是detail.w页里采用了图片轮换,详情页里的商品信息都是从数据库加载。每个商品的图片都放在本地感觉不现实。所以我才想问动态的问题。实在麻烦的话,我就不用轮换了,。。。直接静态一张图片吧
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-11-25 14:09 , Processed in 0.114784 second(s), 23 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表