当前位置: 代码迷 >> PHP >> 类似中关村在线,或者太平洋汽车 多属性搜索是如何做的,怎样的思路
  详细解决方案

类似中关村在线,或者太平洋汽车 多属性搜索是如何做的,怎样的思路

热度:281   发布时间:2016-04-28 20:21:16.0
类似中关村在线,或者太平洋汽车 多属性搜索是怎么做的,怎样的思路
本帖最后由 airukongqi4321 于 2013-11-03 11:44:21 编辑
http://detail.zol.com.cn/notebook_index/subcate16_0_list_4000_s1227_1_1_0_1.html 中关村在线
http://price.pcauto.com.cn/price/q-p2-k75.html 太平洋汽车

点击某项属性,没有产品的某些属性就会相应的变灰不可用状态,
感问 要实现这样的功能是怎样的思路,如何做。。。
分数不多见谅了,呵呵....
多属性搜索

------解决方案--------------------
这个之前有人问过
两种方案:
1是用javascript根据选择的变量组合成一个url,这种方案需要先选择,点击一个按钮后打开网页(操作有点像提交)
2是php根据每种参数写一个链接,这种方案每点击一个参数就刷新网页,刷新网页时就把参照已经选择的多个条件把所有链接重新计算输出

2的变形方案是ajax
------解决方案--------------------
view-source:http://detail.zol.com.cn/notebook_index/subcate16_0_list_4000_s1227_1_1_0_1.html
<dt>品牌</dt>
    <dd class="brand-sel-box clearfix">
        <div id="singular" class="brand-list">
                                    <span class="all sel">不限</span>
                        
                    
                                            <a href="/notebook_index/subcate16_160_list_4000_s1227_1_1_0_1.html">联想</a>
                                <a href="/notebook_index/subcate16_227_list_4000_s1227_1_1_0_1.html">华硕</a>
                                <a class="null" rel="nofollow" href="/notebook_index/subcate16_21_list_4000_s1227_1_1_0_1.html">戴尔</a>
                                <a class="null" rel="nofollow" href="/notebook_index/subcate16_223_list_4000_s1227_1_1_0_1.html">惠普</a>
                                <a href="/notebook_index/subcate16_1191_list_4000_s1227_1_1_0_1.html">神舟</a>
                                <a class="null" rel="nofollow" href="/notebook_index/subcate16_218_list_4000_s1227_1_1_0_1.html">Acer宏碁</a>
.....
<dt>价格</dt>
    <dd class="clearfix">
                        <a href="/notebook_index/subcate16_list_s1227_1.html" class="all">不限</a>
                        
                <a class="null" rel="nofollow" href="/notebook_index/subcate16_0_list_0_s1227_1_1_0_1.html">1999元以下</a>
                <a href="/notebook_index/subcate16_0_list_2000_s1227_1_1_0_1.html">2000-2499元</a>
                <a href="/notebook_index/subcate16_0_list_2500_s1227_1_1_0_1.html">2500-2999元</a>
很明显,连接是由服务端产生的

view-source:http://price.pcauto.com.cn/price/q-p2-k75.html
<div class="getTh">价格:</div>
<div class="umLimit">
<a class='' href="/price/q-k75.html">不限</a>
</div>
<div class="Items">
<a class='' href="/price/q-p1-k75.html">5万以下</a><a class=' s' href="/price/q-p2-k75.html">5-8万</a><a class='' href="/price/q-p3-k75.html">8-10万</a><a class='' href="/price/q-p4-k75.html">10-15万</a><a class='' href="/price/q-p5-k75.html">15-20万</a><a class='' href="/price/q-p6-k75.html">20-25万</a>
......
<div class="getTh">级别:</div>
<div class="umLimit">
<a class='' href="/price/q-p2.html">不限</a>
  相关解决方案