目录:
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>.关于其他要修改的请点击查看该文章(注:可以参考在本文中没有提及的一些要修改的点,对于已经提及的建议以参考本文为主,因为我采用的方式要更为简单,并且实际实践过)