点击产品在当前页弹出弹窗，并展示该产品信息及关联图片

最新推荐文章于 2020-12-01 18:18:31 发布

爱吃芒果的摩羯

最新推荐文章于 2020-12-01 18:18:31 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： thinkphp 文章标签：弹出窗加载循环图片

本文链接：https://blog.youkuaiyun.com/qq_26894083/article/details/80845113

本文介绍如何在用户点击产品时，于当前页面打开一个弹出窗口，详细展示产品的信息，并结合JavaScript实现关联图片的加载循环展示。通过ProductAction.class和SQL查询来获取并处理产品数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ProductAction.class

public function index(){
$tid = I("get.tid");
if($tid==""){
$tid=1; //1是产品一级分类的id
}
$pro_data = $this->getPro($tid,$this->lang,0,1,0,0);
$this->assign("pro_data",$pro_data);
 //分类名称
 $type_name = M("Proclass")->where(array('id'=>$tid))->getField("proclassname");
if($tid==1){
   $type_name='所有产品';      
}
$this->assign("type_name",$type_name);  
}
 
public function getDetails(){
        $tid = I("id");
        if($tid>0){
            $data = M("Product")->where("id=$tid")->find();
        }
        $data['voo'] = M("Img")->where(array('proid'=>$tid))->select();
        // print_r($data);
        // print_r($data[voo]);
        $this -> ajaxReturn($data);
}

index

    <div class="container chugui_container">
        <div class="chugui_title">
            <p>
                <img src="__CN__/img/tp.png" alt=""> 
                <span><{$type_name}></span>
            </p>
        </div>
        <div class="row tan">
            <volist name="pro_data" id="vo">
            <div class="col-lg-3 col-md-4 col-sm-4 col-xs-6 prod_col">
                <a href="javascript:void(0)" onclick="showDetails(<{$vo.id}>)">
                    <!--黑色背景-->
                    <div>
                        <img src="__CN__/img/jiahao.png" alt="">
                        <p><{$vo.proname}></p>
                    </div>
                    <!-