栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

商品详情页列表实现

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

商品详情页列表实现

        最近写了商城商品功能,对于商城商品,比如:手机;不同的颜色,不同的内存,不容的制式,等等条件,会有不同的价格,当在选择不同商品的时候价格也就不同


         首先,这里的颜色-版本-购买方式-套餐都是数据库里面的数据,只需要读出来进行呈现即可。
 这里来说下,点选商品的时候是怎样进行查询价格的:首先每个条件都有一个唯一的ID,然后当点选的时候获取到此条件的ID,附加到URL地址当中进行后台传输,后台直接REQUEST获取到地址里面的条件参数进行查询获取价格;例:其中一个条件的链接:颜色名字如果有多个条件,就在后面把条件附加进去。
 
         然后,根据这些条件就能查询出每一个条件对应的商品价格,这样就能做到不同的颜色-不同的版本-不同的内存有不同的价格;

        还有一点,就是前台样式的展示,在点选之后这个条件边框就会变成红色;对于这个实现也很简单:在上一步的链接地址当中,后台获取到参数,然后再回传到前台,前台在遍历条件展示的时候 IF 一下后台回传的参数是否和条件集合里面的ID相等,如果相等就添加一个class样式,这样也就实现了前台对应的点选之后变颜色。
        对于上步功能,下面用代码展示,此处只用PHP进行演示,我会一步一步进行注释,其它语言逻辑一样:
前台:

    颜      色:
        
            //这里是循环展示颜色列表数据
            select" 
            href="/lease/detail.php?basiid=&dondid=&colorid=&rid=&zid=">
            
            
        
     

注释: 这里的
select" href="">
是根据后台回传的条件参数进行判断,如果相等,就添加选中样式;
&dondid=&colorid=&rid=&zid=">
这里的href后面跟的就是传输的条件参数

后台(这里只选取一个条件进行说明,多条件是一样的操作):
 
$color_id = intval($_GET['colorid']);//颜色
 $smarty->assign('color_id',$color_id);//这里我用的是SMARTY模板$smarty->assign()是里面的绑定数据到变量操作;

然后进行查询:
$san_product_sql = "SELECT r.id,r.basicid,r.donid,r.rid,r.colorid,r.zid,r.price,r.monthprice,r.pbrand,w.ptype,w.description,pb.brand_name,co.color_name,cs.standard_name,cc.capacity_name
FROM    s_phone_lease_relattable r
LEFT JOIN s_phone_warehouse_lease_basic_detail w ON r.basicid = w.phone_basic_id
LEFT JOINs_phone_config_brand pb ONr.pbrand = pb.id
LEFT JOINs_phone_config_color co ON  r.colorid = co.id
LEFT JOINs_phone_config_standard cs  ON  r.zid = cs.id
LEFT JOINs_phone_config_capacity cc  ON  r.rid = cc.id
WHERe r.basicid = '$bas_id'  AND r.donid = '$dond_id'  AND r.colorid = '$color_id'  AND r.rid = '$rid_id'  AND r.zid = '$zid_id'";

这里WHERe后面跟的就是点选的条件,包括,颜色-内存-版本;此条语句就包含了不同需要的价格;

到此,此功能就实现了,然后就可以进行支付功能和后续订单操作了!  



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246550.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号