快捷導(dǎo)航

PHP將頁(yè)面中點(diǎn)擊數(shù)量高的鏈接進(jìn)行高亮顯示的方法

更新時(shí)間：2016年05月30日 18:43:46 作者：Aaron

這里來(lái)介紹PHP將頁(yè)面中點(diǎn)擊數(shù)量高的鏈接進(jìn)行高亮顯示的方法,主要受到WordPress中某插件的啟發(fā),需要的朋友可以參考下

背景和需求

就好比說(shuō)頁(yè)面導(dǎo)航的左側(cè)是分類(lèi)，分類(lèi)下面有很多鏈接。我現(xiàn)在想統(tǒng)計(jì)所有分類(lèi)下面點(diǎn)擊次數(shù)最多的一個(gè)，并把其顏色做特殊處理！

大致的數(shù)據(jù)結(jié)構(gòu)如下：

{
  "content": [
    {
      "id": "1",
      "name": "htmldrive",
      "url": "http://www.htmldrive.net/",
      "cate": "前端開(kāi)發(fā)",
      "clickpoint": "100"
    },
    {
      "id": "2",
      "name": "17素材網(wǎng)",
      "url": "http://www.17sucai.com/",
      "cate": "前端開(kāi)發(fā)",
      "clickpoint": "151"
    },
    {
      "id": "3",
      "name": "阿里媽媽圖標(biāo)庫(kù)",
      "url": "http://www.iconfont.cn/",
      "cate": "前端開(kāi)發(fā)",
      "clickpoint": "2"
    },
    {
      "id": "53",
      "name": "Animate.css",
      "url": "http://www.haorooms.com/uploads/example/Animatecss/",
      "cate": "前端開(kāi)發(fā)",
      "clickpoint": "21"
    },
    {
      "id": "55",
      "name": "Dafont",
      "url": "http://www.dafont.com/",
      "cate": "字體",
      "clickpoint": "1"
    }
 ]
}

如何對(duì)這些數(shù)據(jù)進(jìn)行分類(lèi)高亮顯示呢？

方法和思路

最好的處理方式是在后端PHP中對(duì)齊進(jìn)行處理。

思路：我們可以創(chuàng)建一個(gè)新的過(guò)渡數(shù)組，對(duì)原來(lái)的數(shù)組進(jìn)行循環(huán)，創(chuàng)建一個(gè)分類(lèi)的數(shù)組，然后把點(diǎn)擊次數(shù)中的最大值和ID放到這個(gè)數(shù)組中。通過(guò)比較，獲取分類(lèi)中點(diǎn)擊次數(shù)最多的ID和點(diǎn)擊次數(shù)，然后把這個(gè)次數(shù)最多的ID放在一個(gè)新的數(shù)組中，循環(huán)原來(lái)的數(shù)據(jù)，通過(guò)inarray(),函數(shù)判斷次數(shù)最多的ID是不是在這個(gè)數(shù)組當(dāng)中，是的話，就給數(shù)據(jù)增加一個(gè)標(biāo)示字段1，不是的話就是0。那么標(biāo)示字段為1的就是分類(lèi)中點(diǎn)擊次數(shù)最多的。

調(diào)整之后輸出的json是：

 {
    "content": [
      {
        "id": "1",
        "name": "htmldrive",
        "url": "http://www.htmldrive.net/",
        "cate": "前端開(kāi)發(fā)",
        "clickpoint": "100",
       "max": 0
      },
      {
        "id": "2",
        "name": "17素材網(wǎng)",
        "url": "http://www.17sucai.com/",
        "cate": "前端開(kāi)發(fā)",
        "clickpoint": "151",
        "max": 1
      },
      {
        "id": "3",
        "name": "阿里媽媽圖標(biāo)庫(kù)",
        "url": "http://www.iconfont.cn/",
        "cate": "前端開(kāi)發(fā)",
        "clickpoint": "2",
        "max": 0
      },
      {
        "id": "53",
        "name": "Animate.css",
        "url": "http://www.haorooms.com/uploads/example/Animatecss/",
        "cate": "前端開(kāi)發(fā)",
        "clickpoint": "21",
        "max": 0
      },
      {
        "id": "55",
        "name": "Dafont",
        "url": "http://www.dafont.com/",
        "cate": "字體",
        "clickpoint": "1",
        "max": 0
      }
   ]
  }

php的代碼如下：

  $sql = "select id,name,url,cate,clickpoint from commonwebsite order by id asc ";
  $res= $db->getAll($sql);
  $temp_arr = array();
  foreach ($res as $key => $value) {
  if(!isset($temp_arr[$value['cate']])){
   $temp_arr[$value['cate']] = array();
   $temp_arr[$value['cate']]['max'] = $value['clickpoint'];
   $temp_arr[$value['cate']]['id'] = $value['id'];
  }else{
   if($value['clickpoint']>$temp_arr[$value['cate']]['max']){
    $temp_arr[$value['cate']]['max'] = $value['clickpoint'];
    $temp_arr[$value['cate']]['id'] = $value['id'];
   }
  }
  }
 $temp_id = array(); //創(chuàng)建一個(gè)存放ID的臨時(shí)數(shù)組
  foreach ($temp_arr as $val) {//循環(huán)之前創(chuàng)建的臨時(shí)數(shù)組，存放分類(lèi)和最多點(diǎn)擊次數(shù)的
  $temp_id[] = $val['id']; //將點(diǎn)擊次數(shù)最多的ID賦值給了臨時(shí)數(shù)組
  }
   foreach ($res as $key => $vals) { //循環(huán)原來(lái)的數(shù)據(jù)
   if(in_array($vals['id'], $temp_id)){//如果次數(shù)最多的ID在原來(lái)的數(shù)組的ID中，那個(gè)加一個(gè)字段max并設(shè)置其值為1
    $res[$key]['max'] =1;
   }else{
    $res[$key]['max'] =0;//否則不是點(diǎn)擊次數(shù)最多的，設(shè)置為0
   }
  }
  $result['content'] = $res;
    die(json_encode($result)); //json輸出
  exit();

您可能感興趣的文章: