激情久久久_欧美视频区_成人av免费_不卡视频一二三区_欧美精品在欧美一区二区少妇_欧美一区二区三区的

服務器之家:專注于服務器技術及軟件下載分享
分類導航

PHP教程|ASP.NET教程|Java教程|ASP教程|編程技術|正則表達式|C/C++|IOS|C#|Swift|Android|VB|R語言|JavaScript|易語言|vb.net|

服務器之家 - 編程語言 - PHP教程 - PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā)

PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā)

2021-01-05 15:18許家瑞 PHP教程

這篇文章主要為大家詳細介紹了PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā),具有一定的參考價值,感興趣的小伙伴們可以參考一下

    開發(fā)一個爬蟲,首先你要知道你的這個爬蟲是要用來做什么的。我是要用來去不同網站找特定關鍵字的文章,并獲取它的鏈接,以便我快速閱讀。

    按照個人習慣,我首先要寫一個界面,理清下思路。

    1、去不同網站。那么我們需要一個url輸入框。
    2、找特定關鍵字的文章。那么我們需要一個文章標題輸入框。
    3、獲取文章鏈接。那么我們需要一個搜索結果的顯示容器。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div class="jumbotron" id="mainjumbotron">
 <div class="panel panel-default">
 
  <div class="panel-heading">文章url抓取</div>
 
  <div class="panel-body">
   <div class="form-group">
    <label for="article_title">文章標題</label>
    <input type="text" class="form-control" id="article_title" placeholder="文章標題">
   </div>
   <div class="form-group">
    <label for="website_url">網站url</label>
    <input type="text" class="form-control" id="website_url" placeholder="網站url">
   </div>
 
   <button type="submit" class="btn btn-default">抓取</button>
  </div>
 </div>
 <div class="panel panel-default">
 
  <div class="panel-heading">文章url</div>
 
  <div class="panel-body">
   <h3></h3>
  </div>
 </div>
</div>

直接上代碼,然后加上自己的一些樣式調整,界面就完成啦:

PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā)

那么接下來就是功能的實現了,我用php來寫,首先第一步就是獲取網站的html代碼,獲取html代碼的方式也有很多,我就不一一介紹了,這里用了curl來獲取,傳入網站url就能得到html代碼啦:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
private function get_html($url){
 
 $ch = curl_init();
 
 $timeout = 10;
 
 curl_setopt($ch, curlopt_url, $url);
 
 curl_setopt($ch, curlopt_returntransfer, 1);
 
 curl_setopt($ch, curlopt_encoding, 'gzip');
 
 curl_setopt($ch, curlopt_useragent, 'mozilla/5.0 (windows nt 6.1; wow64) applewebkit/537.36 (khtml, like gecko) chrome/34.0.1847.131 safari/537.36');
 
 curl_setopt($ch, curlopt_connecttimeout, $timeout);
 
 $html = curl_exec($ch);
 
 return $html;
 
}

雖然得到了html代碼,但是很快你會遇到一個問題,那就是編碼問題,這可能讓你下一步的匹配無功而返,我們這里統(tǒng)一把得到的html內容轉為utf8編碼:

?
1
2
3
$coding = mb_detect_encoding($html);
if ($coding != "utf-8" || !mb_check_encoding($html, "utf-8"))
$html = mb_convert_encoding($html, 'utf-8', 'gbk,utf-8,ascii');

得到網站的html,要獲取文章的url,那么下一步就是要匹配該網頁下的所有a標簽,需要用到正則表達式,經過多次測試,最終得到一個比較靠譜的正則表達式,不管a標簽下結構多復雜,只要是a標簽的都不放過:(最關鍵的一步)

?
1
2
$pattern = '|<a[^>]*>(.*)</a>|isu';
preg_match_all($pattern, $html, $matches);

匹配的結果在$matches中,它大概是這樣的一個多維素組:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
array(2) {
 [0]=>
 array(*) {
  [0]=>
  string(*) "完整的a標簽"
  .
  .
  .
 }
 [1]=>
 array(*) {
  [0]=>
  string(*) "與上面下標相對應的a標簽中的內容"
 }
}

只要能得到這個數據,其他就完全可以操作啦,你可以遍歷這個素組,找到你想要a標簽,然后獲取a標簽相應的屬性,想怎么操作就怎么操作啦,下面推薦一個類,讓你更方便操作a標簽:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
$dom = new domdocument();
 
@$dom->loadhtml($a);//$a是上面得到的一些a標簽
 
$url = new domxpath($dom);
 
$hrefs = $url->evaluate('//a');
 
for ($i = 0; $i < $hrefs->length; $i++) {
 
 $href = $hrefs->item($i);
 
 $url = $href->getattribute('href'); //這里獲取a標簽的href屬性
 
}

當然,這只是一種方式,你也可以通過正則表達式匹配你想要的信息,把數據玩出新花樣。

得到并匹配得出你想要的結果,下一步當然就是傳回前端將他們顯示出來啦,把接口寫好,然后前端用js獲取數據,用jquery動態(tài)添加內容顯示出來:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var website_url = '你的接口地址';
$.getjson(website_url,function(data){
 if(data){
  if(data.text == ''){
   $('#article_url').html('<div><p>暫無該文章鏈接</p></div>');
   return;
  }
  var string = '';
  var list = data.text;
  for (var j in list) {
    var content = list[j].url_content;
    for (var i in content) {
     if (content[i].title != '') {
      string += '<div class="item">' +
       '<em>[<a href="http://' + list[j].website.web_url + '" target="_blank">' + list[j].website.web_name + '</a>]</em>' +
       '<a href=" ' + content[i].url + '" target="_blank" class="web_url">' + content[i].title + '</a>' +
       '</div>';
     }
    }
   }
  $('#article_url').html(string);
});

上最終效果圖:

PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā)

PHP+HTML+JavaScript+Css實現簡單爬蟲開發(fā)

以上就是本文的全部內容,希望對大家的學習有所幫助。

延伸 · 閱讀

精彩推薦
主站蜘蛛池模板: 欧美成人性色 | 国产成人精品无人区一区 | 一级黄色毛片播放 | 免费人成在线播放 | 202z中文字幕第一页 | 日本成人一区二区三区 | 国产黄色毛片 | 日本成人在线播放 | 可以看逼的视频 | 欧美精品网址 | 亚洲成人免费影视 | 黄视频免费在线 | 毛片免费大全短视频 | 国产精品久久久久网站 | 国产高潮好爽受不了了夜色 | 亚洲一级片免费观看 | 91久久精品一二三区 | 92自拍视频 | 天天夜夜操操 | 你下面好大好硬好想要 | 欧美成人鲁丝片在线观看 | 在线日韩av电影 | 久久久久久久久久亚洲 | 成人免费网视频 | 日韩激情 | 国产欧美亚洲精品a | 四虎久草 | 精品国产一区二区三区在线观看 | qyl在线视频精品免费观看 | 一级黄色淫片 | 一级黄色片在线看 | 成人毛片100免费观看 | 午夜偷拍视频 | 91久久久久久久 | 免费观看一区二区三区 | 国产精品www | 国产亚洲精品久久久久婷婷瑜伽 | av免费不卡国产观看 | 亚洲一级片免费观看 | 国产一区在线观看视频 | 日产精品久久久一区二区开放时间 |