精品人人槡人妻人人槡,无码午夜国产视频,日韩精品无码有码视频,国产成人精品日本亚洲成熟

<var id="lf53i"><track id="lf53i"><ins id="lf53i"></ins></track></var>

    •  <rp id="lf53i"></rp>
    <var id="lf53i"><track id="lf53i"><ins id="lf53i"></ins></track></var>

    <video id="lf53i"></video>
    <b id="lf53i"><acronym id="lf53i"></acronym></b>
      2. 



        
    
        
        
        
             0712-2888027
             189-8648-0214
        
        
        
        
        
            微信公眾號(hào)
            
        
                
                
        孝感風(fēng)信網(wǎng)絡(luò)科技有限公司微信公眾號(hào)
        
            
        
        
        
    
        

        


    
        
        
        
            當(dāng)前位置：主頁(yè) >
                                    技術(shù)支持 >
                                PHP >
                destoon供應(yīng)模塊增加房產(chǎn)篩選功能
            
            
				
        
					
					
				
        
			        
        
        
        
        
        
            
        
                
        
                    
        destoon供應(yīng)模塊增加房產(chǎn)篩選功能
        
                
        
                
        
                    時(shí)間：2018-05-05來(lái)源：風(fēng)信官網(wǎng)  點(diǎn)擊：  966次
                
        
                
        
                    
        
                        
        
	先看看完成后的效果圖：
        

        
	destoon供應(yīng)模塊增加房產(chǎn)篩選功能
        

        
	下面一步步來(lái)實(shí)現(xiàn)這樣的效果。
        

        
	首先我們把這個(gè)篩選模塊的html結(jié)構(gòu)寫出來(lái)，如下：
        

        
	
          
		
        1. 
			<!--搜索區(qū)域開(kāi)始-->  
          2. 
		
        2. 
			        <div class="center">  
          3. 
		
        3. 
			            <div class="search_area-top"></div>  
          4. 
		
        4. 
			            <div style="POSITION: relative" class="search_area-center">  
          5. 
		
        5. 
			                <div class="search_area-text" id="Tzone">  
          6. 
		
        6. 
			                <h1>區(qū)域：</h1>  
          7. 
		
        7. 
			                <ul>  
          8. 
		
        8. 
			                  <li class="selected"><a href="javascript:goSort('Tzone',0)">全部</a></li>  
          9. 
		
        9. 
			                  <li><a href="javascript:goSort('Tzone',1)">桂林</a></li>  
          10. 
		
        10. 
			                  <li><a href="javascript:goSort('Tzone',2)">上海</a> </li>  
          11. 
		
        11. 
			                  <li><a href="javascript:goSort('Tzone',3)">南寧</a> </li>  
          12. 
		
        12. 
			                </ul>  
          13. 
		
        13. 
			                </div>  
          14. 
		
        14. 
			  
          15. 
		
        15. 
			                <div class="search_area-text2" id="Tarea">  
          16. 
		
        16. 
			                <h1>面積：</h1>  
          17. 
		
        17. 
			                <ul>  
          18. 
		
        18. 
			                  <li class="selected"><a href="javascript:goSort('Tarea',0);">全部</a> </li>  
          19. 
		
        19. 
			                  <li><a href="javascript:goSort('Tarea',1);">500平米以下</a>   
          20. 
		
        20. 
			                  </li>  
          21. 
		
        21. 
			                  <li><a href="javascript:goSort('Tarea',2);">500-1000平米</a>   
          22. 
		
        22. 
			                  </li>  
          23. 
		
        23. 
			                  <li><a href="javascript:goSort('Tarea',3);">1000-1500平米</a>   
          24. 
		
        24. 
			                  </li>  
          25. 
		
        25. 
			                  <li><a href="javascript:goSort('Tarea',8);">1500平米以上</a>   
          26. 
		
        26. 
			                  </li></ul></div>  
          27. 
		
        27. 
			                <div class="search_area-text2" id="Tprice">  
          28. 
		
        28. 
			                <h1>租金：</h1>  
          29. 
		
        29. 
			                <ul>  
          30. 
		
        30. 
			                  <li class="selected"><a href="javascript:goSort('Tprice',0);">全部</a> </li>  
          31. 
		
        31. 
			                  <li><a href="javascript:goSort('Tprice',1);">10元/平米以下</a>   
          32. 
		
        32. 
			                  </li>  
          33. 
		
        33. 
			                  <li><a href="javascript:goSort('Tprice',2);">10-15元/平米</a>   
          34. 
		
        34. 
			                  </li>  
          35. 
		
        35. 
			                  <li><a href="javascript:goSort('Tprice',3);">15-20元/平米</a>   
          36. 
		
        36. 
			                  </li>  
          37. 
		
        37. 
			                  <li><a href="javascript:goSort('Tprice',4);">20-25元/平米</a>   
          38. 
		
        38. 
			                  </li>  
          39. 
		
        39. 
			                  <li><a href="javascript:goSort('Tprice',5);">25元/平米以上</a>   
          40. 
		
        40. 
			                  </li></ul></div>  
          41. 
		
        41. 
			                <div class="search_area-text2" id="Tfloor">  
          42. 
		
        42. 
			                <h1>樓層：</h1>  
          43. 
		
        43. 
			                <ul>  
          44. 
		
        44. 
			                  <li class="selected"><a href="javascript:goSort('Tfloor',0);">全部</a> </li>  
          45. 
		
        45. 
			                  <li><a href="javascript:goSort('Tfloor',1);">一樓</a> </li>  
          46. 
		
        46. 
			                  <li><a href="javascript:goSort('Tfloor',2);">二樓以上</a>   
          47. 
		
        47. 
			                  </li>  
          48. 
		
        48. 
			                  </ul>  
          49. 
		
        49. 
			                </div>  
          50. 
		
        50. 
			                <div class="search_area-text2" id="Tstructure">  
          51. 
		
        51. 
			                <h1>結(jié)構(gòu)：</h1>  
          52. 
		
        52. 
			                <ul>  
          53. 
		
        53. 
			                  <li class="selected"><a href="javascript:goSort('Tstructure',0);">全部</a> </li>  
          54. 
		
        54. 
			                  <li><a href="javascript:goSort('Tstructure',1);">標(biāo)準(zhǔn)廠房</a>   
          55. 
		
        55. 
			                  </li>  
          56. 
		
        56. 
			                  <li><a href="javascript:goSort('Tstructure',2);">簡(jiǎn)易廠房</a>   
          57. 
		
        57. 
			                  </li>  
          58. 
		
        58. 
			                  <li><a href="javascript:goSort('Tstructure',3);">鋼結(jié)構(gòu)</a>   
          59. 
		
        59. 
			                  </li>  
          60. 
		
        60. 
			                  <li><a href="javascript:goSort('Tstructure',4);">其他</a>   
          61. 
		
        61. 
			                  </li>  
          62. 
		
        62. 
			                </ul>  
          63. 
		
        63. 
			                </div>  
          64. 
		
        64. 
			            </div>  
          65. 
		
        65. 
			            <div class="search_area-foot"></div>  
          66. 
		
        66. 
			        </div>  
          67. 
		
        67. 
			        <!--搜索區(qū)域結(jié)束-->  
          68. 
	
        

        

        
然后在skin/default/sell.css里，為此模塊增加相應(yīng)的css，如下：

        
	
        
		
        
			 
        
	
        
	
          
		
        1. 
			/*For search nav*/  
          2. 
		
        2. 
			.search_area-top{background:url(image/searcharea_top.jpg) no-repeat; height:16px;}  
          3. 
		
        3. 
			.search_area-center{ border-left:1px solid #f4c0a7; border-right:1px solid #f4c0a7; background:#FFFFFF; padding-left:22px; line-height:20px;}  
          4. 
		
        4. 
			.search_area-center2{ border-left:1px solid #f4c0a7; border-right:1px solid #f4c0a7; background:#FFFFFF; padding-left:30px; padding-right:20px;}  
          5. 
		
        5. 
			.search_area-text{ overflow:hidden; height:100%; padding-top:5px; padding-bottom:5px;}  
          6. 
		
        6. 
			.search_area-text h1{ color:#6a6a6a; font-weight:bold; float:left; font-size:12px; margin:0px; padding:0px;}  
          7. 
		
        7. 
			.search_area-text ul{ margin:0; padding:0; list-style:none; float:left; overflow:hidden; height:100%; width:710px;}  
          8. 
		
        8. 
			.search_area-text li{ list-style:none; color:#6a6a6a; float:left; width:50px; padding-left:8px; padding-right:5px; white-space:nowrap}  
          9. 
		
        9. 
			.search_area-text li a{ list-style:none; color:#6a6a6a;}  
          10. 
		
        10. 
			.search_area-text li a:hover{ list-style:none; color:#ed6b2e; font-weight:bold; text-decoration:underline;}  
          11. 
		
        11. 
			.search_area-text li.selected{color:#ed6b2e; font-weight:bold;}  
          12. 
		
        12. 
			.search_area-text li.selected a{color:#ed6b2e;}  
          13. 
		
        13. 
			.search_area-text li.selected a:hover{color:#ed6b2e;}  
          14. 
		
        14. 
			.search_area-textdown{ overflow:hidden; height:100%; width:705px; padding-top:5px; padding-bottom:3px; background:#fff7f5}  
          15. 
		
        15. 
			.search_area-textdown ul{ margin:0; padding:0; list-style:none; float:left; overflow:hidden; height:100%;}  
          16. 
		
        16. 
			.search_area-textdown li{ list-style:none; color:#ed8d61; text-decoration:underline; float:left; padding-left:10px; padding-right:10px;}  
          17. 
		
        17. 
			.search_area-textdown li a{color:#ed8d61; text-decoration:underline;}  
          18. 
		
        18. 
			.search_area-textdown li a:hover{color:#ed8d61; text-decoration:underline;}  
          19. 
		
        19. 
			.search_area-textdown li.selected{color:#ed8d61; font-weight:bold;}  
          20. 
		
        20. 
			  
          21. 
		
        21. 
			.search_area-text2{ overflow:hidden; height:100%; padding-top:5px; padding-bottom:5px;}  
          22. 
		
        22. 
			.search_area-text2 h1{ color:#6a6a6a; font-weight:bold; float:left; font-size:12px; margin:0px; padding:0px;}  
          23. 
		
        23. 
			.search_area-text2 ul{ margin:0; padding:0; list-style:none; float:left; overflow:hidden; height:100%; width:710px;}  
          24. 
		
        24. 
			.search_area-text2 li{ list-style:none; font-family:Verdana, Arial, Helvetica, sans-serif; color:#6a6a6a; float:left; padding-left:8px; padding-right:5px; white-space:nowrap}  
          25. 
		
        25. 
			.search_area-text2 li a{ list-style:none; color:#6a6a6a;}  
          26. 
		
        26. 
			.search_area-text2 li a:hover{ list-style:none; color:#ed6b2e; font-weight:bold; text-decoration:underline;}  
          27. 
		
        27. 
			.search_area-text2 li.selected a{color:#ed6b2e; font-weight:bold;}  
          28. 
		
        28. 
			  
          29. 
		
        29. 
			.search_area-foot{background:url(image/searcharea_foot.jpg) no-repeat; height:18px;}  
          30. 
	
        

        

        
下一步，為此模塊增加javascript代碼來(lái)進(jìn)行控制，如下：

        
	(這里使用到了jquery，所以需要在template/default/sell/index.htm 頁(yè)里先引入jquery 1.7版本;
        

        
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>)
        

        
	下面添加控制的js代碼：
        

        
	
        
		
        
			 
        
	
        
	
          
		
        1. 
			function getQueryString(){  
          2. 
		
        2. 
			     var result = location.search.match(new RegExp("[\?\&][^\?\&]+=[^\?\&]+","g"));   
          3. 
		
        3. 
			     if(result == null){  
          4. 
		
        4. 
			         return "";  
          5. 
		
        5. 
			     }  
          6. 
		
        6. 
			     for(var i = 0; i < result.length; i++){  
          7. 
		
        7. 
			         result[i] = result[i].substring(1);  
          8. 
		
        8. 
			     }  
          9. 
		
        9. 
			     return result;  
          10. 
		
        10. 
			}  
          11. 
		
        11. 
			  
          12. 
		
        12. 
			function goSort(name,value){  
          13. 
		
        13. 
			    var string_array = getQueryString();  
          14. 
		
        14. 
			    var oldUrl = (document.URL.indexOf("index.php")==-1)?document.URL+"index.php":document.URL;  
          15. 
		
        15. 
			    var newUrl;  
          16. 
		
        16. 
			    if(string_array.length>0)//如果已經(jīng)有篩選條件  
          17. 
		
        17. 
			    {   var repeatField = false;      
          18. 
		
        18. 
			        for(var i=0;i<string_array.length;i++){  
          19. 
		
        19. 
			            if(!(string_array[i].indexOf(name)==-1)){  
          20. 
		
        20. 
			                repeatField = true;//如果有重復(fù)篩選條件，替換條件值  
          21. 
		
        21. 
			                newUrl = oldUrl.replace(string_array[i],name+"="+value);  
          22. 
		
        22. 
			            }     
          23. 
		
        23. 
			        }  
          24. 
		
        24. 
			          
          25. 
		
        25. 
			        //如果沒(méi)有重復(fù)的篩選字段  
          26. 
		
        26. 
			        if(repeatField == false){  
          27. 
		
        27. 
			            newUrl = oldUrl+"&"+name+"="+value;  
          28. 
		
        28. 
			        }  
          29. 
		
        29. 
			          
          30. 
		
        30. 
			    }else{//如果還沒(méi)有篩選條件  
          31. 
		
        31. 
			        newUrl = oldUrl+"?"+name+"="+value;  
          32. 
		
        32. 
			    }  
          33. 
		
        33. 
			      
          34. 
		
        34. 
			    //跳轉(zhuǎn)  
          35. 
		
        35. 
			    window.location = newUrl;  
          36. 
		
        36. 
			}  
          37. 
		
        37. 
			  
          38. 
		
        38. 
			function setSelected(name,value){  
          39. 
		
        39. 
			    var all_li = $("#"+name).find("li");  
          40. 
		
        40. 
			    //清除所有l(wèi)i標(biāo)簽的selected類  
          41. 
		
        41. 
			    all_li.each(function(){  
          42. 
		
        42. 
			        $(this).removeClass("selected");  
          43. 
		
        43. 
			    });  
          44. 
		
        44. 
			    //為選中的li增加selected類  
          45. 
		
        45. 
			    all_li.eq(value).addClass("selected");  
          46. 
		
        46. 
			}  
          47. 
		
        47. 
			  
          48. 
		
        48. 
			$(document).ready(function(){  
          49. 
		
        49. 
			    var string_array = getQueryString();  
          50. 
		
        50. 
			    for(var i=0;i<string_array.length;i++){  
          51. 
		
        51. 
			        var tempArr = string_array[i].split("=");  
          52. 
		
        52. 
			        setSelected(tempArr[0],tempArr[1]);//設(shè)置選中的篩選條件  
          53. 
		
        53. 
			    }  
          54. 
		
        54. 
			});  
          55. 
	
        

        

        
進(jìn)入系統(tǒng)后臺(tái)，在供應(yīng)模塊的模塊設(shè)置里增加幾個(gè)自定義字段，字段對(duì)應(yīng)篩選模塊的篩選條件：

        
	destoon供應(yīng)模塊增加房產(chǎn)篩選功能
        

        
	 
        

        
	因?yàn)槲覀兪且詆et方式來(lái)提交篩選條件的，所以需要對(duì)sell/index.php做一些調(diào)整，把接收到的篩選參數(shù)加入到當(dāng)前變量表中，
        

        
	這樣當(dāng)module/sell/index.inc.php調(diào)用相應(yīng)的index.htm模板時(shí)，可以以變量的方式在頁(yè)面取到篩選條件的值，修改如下：
        

        
	
        
		
        
			 
        
	
        
	
          
		
        1. 
			<?php  
          2. 
		
        2. 
			define('DT_REWRITE', true);  
          3. 
		
        3. 
			require 'config.inc.php';  
          4. 
		
        4. 
			require '../common.inc.php';  
          5. 
		
        5. 
			extract($GET,EXTR_OVERWRITE);//篩選條件參數(shù)加入到當(dāng)前變量列表  
          6. 
		
        6. 
			require DT_ROOT.'/module/'.$module.'/index.inc.php';  
          7. 
		
        7. 
			?>  
          8. 
	
        

        

        
接下來(lái)我們要做的就是根據(jù)篩選條件，刷新頁(yè)面這一塊的內(nèi)容就行了：

        
	destoon供應(yīng)模塊增加房產(chǎn)篩選功能
        

        
	這一塊在template/default/sell/index.htm頁(yè)面里是以標(biāo)簽的方式來(lái)調(diào)用內(nèi)容的：
        

        
	
        
		
        
			 
        
	
        
	
          
		
        1. 
			<!--{tag("moduleid=$moduleid&condition=status=3$dtype&areaid=$cityid&catid=$catid&pagesize=".$MOD[pagesize]."&page=$page&showpage=1&datetype=5&order=".$MOD[order]."&fields=".$MOD[fields]."&template=list-sell")}-->  
          2. 
	
        

        

        
所以我們只要把篩選條件拼接到condition里，就可以了,當(dāng)然篩選條件還需要進(jìn)行一些處理，這里我寫死了，改成如下代碼：

        
	
        
		
        
			 
        
	
        
	
          
		
        1. 
			{php $condition = "status=3";}  
          2. 
		
        2. 
			{php $Tarea_array = array(1=>'czzmj<500',2=>'czzmj between 500 and 1000',3=>'czzmj between 1000 and 1500',4=>'czzmj>1500');}  
          3. 
		
        3. 
			{php $Tprice_array = array(1=>'price=10',2=>'price between 10 and 15',3=>'price between 15 and 20',4=>'price between 20 and 25',5=>'price>25');}  
          4. 
		
        4. 
			{php $Tfloor_array = array(1=>'floor=1',2=>'floor>=2');}  
          5. 
		
        5. 
			{php $Tstructure_array = array(1=>'標(biāo)準(zhǔn)廠房',2=>'簡(jiǎn)易廠房',3=>'鋼結(jié)構(gòu)');}  
          6. 
		
        6. 
			  
          7. 
		
        7. 
			  
          8. 
		
        8. 
			{if isset($Tzone)&&($Tzone!=0)}  
          9. 
		
        9. 
			{php $condition.=" and areaid=$Tzone";}  
          10. 
		
        10. 
			{/if}  
          11. 
		
        11. 
			{if isset($Tarea)&&($Tarea!=0)}  
          12. 
		
        12. 
			{php $condition.=" and $Tarea_array[$Tarea]";}  
          13. 
		
        13. 
			{/if}  
          14. 
		
        14. 
			{if isset($Tprice)&&($Tprice!=0)}  
          15. 
		
        15. 
			{php $condition.=" and $Tprice_array[$Tprice]";}  
          16. 
		
        16. 
			{/if}  
          17. 
		
        17. 
			{if isset($Tfloor)&&($Tfloor!=0)}  
          18. 
		
        18. 
			{php $condition.=" and $Tfloor_array[$Tfloor]";}  
          19. 
		
        19. 
			{/if}  
          20. 
		
        20. 
			{if isset($Tstructure)&&($Tstructure!=0)}  
          21. 
		
        21. 
			{php $condition.=" and structure=$Tstructure";}  
          22. 
		
        22. 
			{/if}  
          23. 
		
        23. 
			<!--{tag("moduleid=$moduleid&condition=$condition$dtype&areaid=$cityid&catid=$catid&pagesize=".$MOD[pagesize]."&page=$page&showpage=1&datetype=5&order=".$MOD[order]."&fields=".$MOD[fields]."&template=list-sell")}-->  
          24. 
	
        

        

        
	這樣一個(gè)粗糙的篩選模塊就制作好了。
        

                    
        
                    
                
        
                
            
        
            
            
        
        
        
        
        
            
        
                
        欄目列表
        
                
        
                    
                
        
            
        
            
        
                
        推薦內(nèi)容
        
                
        
                    
                
        
            
        
            
        
                
        熱點(diǎn)內(nèi)容
        
                
        
                    
                
        
            
        
        
        
    
        



        
    
        
        展開(kāi)