Cygwin,Nutch安装配置,检验是否正确(对网友守望者博客的修改---在此感谢守望者)3
前言:作者(守望者MS)在實際搭建并開發Nutch的過程中參閱很多中文資料,但內容并不詳盡且有錯誤,于是在此記錄個人實戰過程,糾正一些文章錯誤,以詳細的過程展現一次簡單的二次開發流程,為初學者降低門檻。但不能保證完全沒有錯誤,如有發現希望大家指正。
目錄:
Cygwin,Nutch安裝配置,檢驗是否正確(對網友守望者博客的修改---在此感謝守望者)1
Cygwin,Nutch安裝配置,檢驗是否正確(對網友守望者博客的修改---在此感謝守望者)2
Cygwin,Nutch安裝配置,檢驗是否正確(對網友守望者博客的修改---在此感謝守望者)3
Cygwin,Nutch安裝配置,檢驗是否正確(對網友守望者博客的修改---在此感謝守望者)4一、開發環境介紹(以我個人為例):
個人開發端:windows Server 2003 + Cygwin + Eclipse3.2
二、具體步驟:
Nutch原來的首頁和結果也非常難看,因此在二次開發中修改這兩個頁面也是非常重要的。
<1>.首頁的修改
下圖是Nutch原始的首頁,除了頁面難看之外,你會發現有很多你不想要的東西。下面
我們就開始修改首頁。
(1).首先我們在tomcat中找到剛剛部署的Nutch首頁(index.jsp),查看其源代碼。
<%@ page
? session="false"
? import="java.io.*"
? import="java.util.*"
%><%
? String language =
??? ResourceBundle.getBundle("org.nutch.jsp.search", request.getLocale())
??? .getLocale().getLanguage();
? String requestURI = HttpUtils.getRequestURL(request).toString();
? String base = requestURI.substring(0, requestURI.lastIndexOf('/'));
? response.sendRedirect(language + "/");
%>
經過分析發現,其首頁也就是做一個單一的參數傳遞和跳轉罷了,而且對與我的二次開發來說,并不需要這么多的語言支持。
所以:
第一步,我將根目錄下所有的語言包(包括EN,和ZH)全部刪除,并且刪除index.jsp。
第二步,自己新建一個首頁,我的是index.html(這個首頁可以找一個UI設計人員幫你設計一下,就是一個簡單的靜態頁),其中唯一特殊的就是表單提交的地方,例如我的代碼:
<form action="./search.jsp" method="get">???
<input type="hidden" name="page1" value="1">
<input type="text" name="query" class="searchInputBot" id="keyword" autocomplete="off" disableautocomplete maxlength="100"/>
<input type="submit" value="電力搜索" class="searchBUtton"/>
</form>
說白了就是傳參和跳轉。
下圖是修改后的首頁(圖中擦去了一些相關信息,因為我的二次開發還沒有完全結束)
?
?
<2>.搜索結果頁的修改
跟首頁的修改一樣,先自行設計一個靜態的頁面,然后在search.jsp的源碼中在相應的位置刪除原來的代碼,加上你的代碼。由于這個頁面是你自己寫的,所以原來Nutch自帶的一些引用之類的都可以不要,比如<jsp:include page="include/style.html"/>之類的,懂頁面設計的在這個地方應該會很熟悉。
下圖是我修改后的頁面
?
?
<3>.分頁顯示的修改
在結果頁中最重要的修改要數分頁顯示那個地方,由于Nutch原來提供的分頁既不美觀,也不滿足用戶體驗。所以我們重點是修改分頁顯示功能。
找到原來代碼中的分頁代碼:
<%
if ((hits.totalIsExact() && end < hits.getTotal()) // more hits to show
??? || (!hits.totalIsExact() && (hits.getLength() > start+hitsPerPage))) {
%>
??? <form name="next" action="../search.jsp" method="get">
??? <input type="hidden" name="query" value="<%=htmlQueryString%>">
??? <input type="hidden" name="lang" value="<%=queryLang%>">
??? <input type="hidden" name="start" value="<%=end%>">
??? <input type="hidden" name="hitsPerPage" value="<%=hitsPerPage%>">
??? <input type="hidden" name="hitsPerSite" value="<%=hitsPerSite%>">
??? <input type="hidden" name="clustering" value="<%=clustering%>">
??? <input type="submit" value="<i18n:message key="next"/>">
<% if (sort != null) { %>
??? <input type="hidden" name="sort" value="<%=sort%>">
??? <input type="hidden" name="reverse" value="<%=reverse%>">
<% } %>
??? </form>
<%
??? }
if ((!hits.totalIsExact() && (hits.getLength() <= start+hitsPerPage))) {
%>
??? <form name="showAllHits" action="../search.jsp" method="get">
??? <input type="hidden" name="query" value="<%=htmlQueryString%>">
??? <input type="hidden" name="lang" value="<%=queryLang%>">
??? <input type="hidden" name="hitsPerPage" value="<%=hitsPerPage%>">
??? <input type="hidden" name="hitsPerSite" value="0">
??? <input type="hidden" name="clustering" value="<%=clustering%>">
??? <input type="submit" value="<i18n:message key="showAllHits"/>">
<% if (sort != null) { %>
??? <input type="hidden" name="sort" value="<%=sort%>">
??? <input type="hidden" name="reverse" value="<%=reverse%>">
<% } %>
??? </form>
<%
??? }
%>
將其修改為:
注意下面代碼中的兩個<div>標簽的樣式是自己寫的,用CSS控制其樣式。
<div id="pager">
<div class="pg">
?????????? <%???????
??????????? if (start >= hitsPerPage)
??????????? {
??????????? %>??????????????
??????????????? <a class="flag_pg" href="/search.jsp?query=<%=htmlQueryString%>&page1=<%=page1-1%>&lang=<%=queryLang%>&start=<%=start - hitsPerPage%>&hitsPerPage=<%=hitsPerPage%>&hitsPerSite=<%=hitsPerSite%>&clustering=<%=clustering%>"><<</a>
?????????? <%} %>
???? <%
???? //顯示頁碼按鈕
??? int startnum=1;?
??? String current_select="";
??? int select=-1;
??? //頁面中最前面的頁碼編號,我設定(滿足)共10頁,當頁為第6頁
??? //若果結果大于等于11頁,每次顯示11個按鈕,當前按鈕在最中間,即第6個
??? if((int)(start/hitsPerPage)>=5)
???? startnum=(int)(start/hitsPerPage)-4;
??? for(int i=hitsPerPage*(startnum-1),j=0;i<=hits.getTotal()&&j<=10;)
??? {
??????? if(hits.getTotal()%10==0&&i==hits.getTotal()) break; //搜索結果為整數的時候處理
??????? if(page1 == (i/hitsPerPage+1))
??????? {
??? %>
??????? <span class="current"><%=page1%></span>
??? <%
??????? }
??????? else
??????? {
??? %>
??? <a class="flag_pg" href="/search.jsp?query=<%=htmlQueryString%>&page1=<%=i/hitsPerPage+1 %>&lang=<%=queryLang%>&start=<%=i%>&hitsPerPage=<%=hitsPerPage%>&hitsPerSite=<%=hitsPerSite%>&clustering=<%=clustering%>"><%=i/hitsPerPage+1 %></a>
??? <%
??? }
??? i=i+10;
??? j++;
??? }
??? %>
??? <%
??? if ((hits.totalIsExact() && end < hits.getTotal()) // more hits to show
????????????? || (!hits.totalIsExact() && (hits.getLength() > start? + hitsPerPage))) {
??? %>
???? <a class="flag_pg" href="/search.jsp?query=<%=htmlQueryString%>&page1=<%=page1+1%>&lang=<%=queryLang%>&start=<%=end%>&hitsPerPage=<%=hitsPerPage%>&hitsPerSite=<%=hitsPerSite%>&clustering=<%=clustering%>">>></a>
??? <%} %>????
</div></div>
除此之外還需要在search.jsp源碼的變量聲明部分添加以下代碼:
int page1 = 0;
? String s_page = request.getParameter("page1");
? if(s_page != null)
? {
??? page1 = Integer.parseInt(s_page);
? }
在這個修改代碼中以下代碼需要注意:
?? if(page1 == (i/hitsPerPage+1))
??????? {
??? %>
??????? <span class="current"><%=page1%></span>
??? …
其中page1 是一個URL參數,其代表當前頁碼
<span class="current"><%=page1%></span>這段代碼則是為了將分頁圖標中的當前頁標識出來。
下圖是我修改的分頁樣式:
?
?
<4>.摘要中關鍵字紅色高亮顯示
在之前參閱的文章中對這個方案的解決方式是全部是去改源碼,然后在編譯部署。
這讓我很是不明白,為什么要弄的那么復雜呢?
對此,我的解決辦法是,通過CSS控制其顯示樣式。
例如我在控制我結果頁樣式的CSS文件中加入一下代碼:
.highlight {
color: #FF0000;
}
保存,刷新,看看是不是已經變為紅色啦。
<5>.關于其他要修改的請點擊查看該文章(注:可以參考在本文中沒有提及的一些要修改的點,對于已經提及的建議以參考本文為主,因為我采用的方式要更為簡單,并且實際實踐過)
總結
以上是生活随笔為你收集整理的Cygwin,Nutch安装配置,检验是否正确(对网友守望者博客的修改---在此感谢守望者)3的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 蚂蚁借呗有什么风险吗
- 下一篇: 挂盘什么意思