《PHP應用:PHP+HTML+JavaScript+Css實現(xiàn)簡單爬蟲開發(fā)》要點:
本文介紹了PHP應用:PHP+HTML+JavaScript+Css實現(xiàn)簡單爬蟲開發(fā),希望對您有用。如果有疑問,可以聯(lián)系我們。
開發(fā)一個爬蟲,首先你要知道你的這個爬蟲是要用來做什么的.我是要用來去不同網(wǎng)站找特定關鍵字的文章,并獲取它的鏈接,以便我快速閱讀.PHP學習
依照個人習慣,我首先要寫一個界面,理清下思路.PHP學習
??? 1、去不同網(wǎng)站.那么我們需要一個url輸入框.PHP學習
??? 2、找特定關鍵字的文章.那么我們需要一個文章標題輸入框.PHP學習
??? 3、獲取文章鏈接.那么我們需要一個搜索結果的顯示容器.PHP學習
<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">網(wǎng)站URL</label> <input type="text" class="form-control" id="website_url" placeholder="網(wǎng)站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>
直接上代碼,然后加上自己的一些樣式調(diào)整,界面就完成啦:PHP學習
PHP學習
那么接下來就是功能的實現(xiàn)了,我用PHP來寫,首先第一步就是獲取網(wǎng)站的html代碼,獲取html代碼的方式也有很多,我就不一一介紹了,這里用了curl來獲取,傳入網(wǎng)站url就能得到html代碼啦:PHP學習
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內(nèi)容轉(zhuǎn)為utf8編碼:PHP學習
$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');
得到網(wǎng)站的html,要獲取文章的url,那么下一步就是要匹配該網(wǎng)頁下的所有a標簽,需要用到正則表達式,經(jīng)過多次測試,最終得到一個比較靠譜的正則表達式,不管a標簽下結構多復雜,只要是a標簽的都不放過:(最關鍵的一步)PHP學習
$pattern = '|<a[^>]*>(.*)</a>|isU'; preg_match_all($pattern, $html, $matches);
匹配的結果在$matches中,它大概是這樣的一個多維素組:PHP學習
array(2) { [0]=> array(*) { [0]=> string(*) "完整的a標簽" . . . } [1]=> array(*) { [0]=> string(*) "與上面下標相對應的a標簽中的內(nèi)容" } }
只要能得到這個數(shù)據(jù),其他就完全可以操作啦,你可以遍歷這個素組,找到你想要a標簽,然后獲取a標簽相應的屬性,想怎么操作就怎么操作啦,下面推薦一個類,讓你更方便操作a標簽:PHP學習
$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屬性 }
當然,這只是一種方式,你也可以通過正則表達式匹配你想要的信息,把數(shù)據(jù)玩出新花樣.PHP學習
得到并匹配得出你想要的結果,下一步當然就是傳回前端將他們顯示出來啦,把接口寫好,然后前端用js獲取數(shù)據(jù),用jquery動態(tài)添加內(nèi)容顯示出來:PHP學習
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學習
PHP學習
以上就是本文的全部內(nèi)容,希望對大家的學習有所贊助.PHP學習
歡迎參與《PHP應用:PHP+HTML+JavaScript+Css實現(xiàn)簡單爬蟲開發(fā)》討論,分享您的想法,維易PHP學院為您提供專業(yè)教程。
轉(zhuǎn)載請注明本頁網(wǎng)址:
http://www.snjht.com/jiaocheng/7223.html