Java实现Web版RSS阅读器(二)利用dTree树形加载rss订阅分组列表
副标题#e#
在上一边博客《Web版RSS阅读器(一)——dom4j读取xml(opml)文件》中已经讲过如何读取rss订阅文件了。这次就把订阅的文件读取到页面上,利用树形布局举办加载显示。
不规划利用非凡的控件举办树型显示,也不想本身写了,想省劲些,就在
网上找了一个js树形剧本——dTree。dTree是一个易于利用的JavaScript树形
菜单控件。支持无限分级,可以在同一个页面中安排多个dTree,可觉得每个
节点指定差异的图标。
主页:http://destroydrop.com/javascripts/tree/default.html
下载:http://destroydrop.com/javascripts/tree/dtree.zip
示例:http://destroydrop.com/javascripts/tree/v1/

我利用的是mvc2来实现加载rss分组列表的。mvc2的流程如下:

#p#副标题#e#
由于这次是利用jsp来显示,所以把rss文件夹转移到WebRoot文件夹下了。对本来的【ReadXML.java】做了部门修改,从头贴出来。
package com.tgb.rssreader.manager;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;
import org.dom4j.Document;
import org.dom4j.DocumentException;
import org.dom4j.Element;
import org.dom4j.io.SAXReader;
import com.tgb.rssreader.bean.RssBean;
import com.tgb.rssreader.bean.RssConfigBean;
import com.tgb.rssreader.bean.RssTeamBean;
/**
* 读取xml文件
* @author Longxuan
*
*/
public class ReadXML {
// rss分组订阅列表
private List<RssTeamBean> rssTeamBeanList = new ArrayList<RssTeamBean>();
/**
* 读取rss文件列表
* @param directory
*/
public void ReadRssTeam(String directory) {
// rss文件列表设置信息实体
RssConfigMgr rssConfigMgr = new RssConfigMgr();
List<RssConfigBean> list = rssConfigMgr.getRssConfig();
String errText = "";// 记录错误信息
// 轮回读取rss文件列表
for (RssConfigBean rssConfig : list) {
// System.out.println(rssConfig.getName() + "----" +
// rssConfig.getPath());
try {
// 读取rss文件内容
//ReadRss(System.getProperty("user.dir")+ rssConfig.getPath());
ReadRss(directory + rssConfig.getPath());
} catch (Exception e) {
errText += e.getMessage();
}
}
//假如有异常信息,则汇总后抛出
if(!"".equals(errText)){
throw new RuntimeException(errText);
}
}
/**
* 读取ompl文件
*
* @param filePath
*/
private void ReadRss(String filePath) {
File file = new File(filePath);
if (!file.exists()) {
// System.out.println("找不到【" + filePath + "】文件");
// return;
throw new RuntimeException("找不到【" + filePath + "】文件");
}
try {
// 读取并理会XML文档
// SAXReader就是一个管道,用一个流的方法,把xml文件读出来
SAXReader reader = new SAXReader();
FileInputStream fis = new FileInputStream(file);
// 下面的是通过理会xml字符串的
Document doc = reader.read(fis);
// 获取根节点
Element rootElt = doc.getRootElement(); // 获取根节点
// System.out.println("根节点:" + rootElt.getName()); // 拿到根节点的名称
// 获取head/title节点
Element titleElt = (Element) rootElt.selectSingleNode("head/title");// 获取head节点下的子节点title
// 获取分组名称
String title = titleElt.getTextTrim();
// 获取body节点
Element bodyElt = (Element) rootElt.selectSingleNode("body");
// 获取body下的第一个outline节点
Element outlineElt = (Element) bodyElt.selectSingleNode("outline");
// 判定该outlineElt节点的属性数量,>2说明是具体博客订阅信息,不然则是分组信息。
if (outlineElt.attributes().size() > 2) { // 具体博客订阅信息
// 实例化 RSS分组实体
RssTeamBean rssTeamBean = new RssTeamBean();
// 获取body节点下的outline节点
Iterator<?> iter = bodyElt.elementIterator("outline");
// 输出分组名称
// System.out.println("分组名称:" + title);
// 记录分组名称
rssTeamBean.setTitle(title);
rssTeamBean.setText(title);
// 实例化订阅列表
List<RssBean> rssBeanList = new ArrayList<RssBean>();
// 获取具体博客订阅信息
ReadBlogsInfo(iter, rssBeanList);
// 配置订阅列表到分组中
rssTeamBean.setRssBeanList(rssBeanList);
// 添加分组到rss分组订阅列表
rssTeamBeanList.add(rssTeamBean);
} else { // 分组信息
// 获取body节点下的outline节点
//
#p#分页标题#e#正题终于开始了:在src中新建包com.tgb.rssreader.web,添加RssTeamServlet,担任HttpServlet,实现doGet和doPost要领。它主要是用来挪用com.tgb.rssreader.manager包下的ReadXML 类,以获取到分组信息,然后将其转发给left.jsp。源代码如下:
package com.tgb.rssreader.web;
import java.io.IOException;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.tgb.rssreader.bean.RssTeamBean;
import com.tgb.rssreader.manager.ReadXML;
/**
* 加载Rss分组
* @author Longxuan
*
*/
@SuppressWarnings("serial")
public class RssTeamServlet extends HttpServlet {
@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//获取web项目标根目次的实际目次
String path = this.getServletConfig().getServletContext().getRealPath("/");
ReadXML readXML = new ReadXML();
//读取目次下的rss文件夹中的所有opml文件
//
最后一步就是在界面上动工了。界面是本身先简朴的做了个html的模版,已上传至百度网盘。机关利用frameset支解成3列,树形布局的Rss分组信息左侧,即left.jsp。中间的为某个rss订阅地点的文章列表,名为middle.jsp,右侧则是显示文章的处所,名为content.jsp。
此刻先做成这样一个结果:左侧的left.jsp页,利用dTree的树形布局加载rss分组信息。点击一个订阅信息节点,在右侧显示出来对应的订阅内容。修改的是left.jsp,贴出源码:
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="com.tgb.rssreader.bean.*" %>
<%@ page import="java.util.*" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+path+"/";
%>
<html>
<head>
<base href="<%=basePath %>" />
<link rel="stylesheet" href="style/main.css">
<link rel="StyleSheet" href="style/dtree.css" type="text/css" />
<script type="text/javascript" src="js/dtree.js"></script>
</head>
<body>
<div id="leftMenu" style="overflow-y:auto; overflow-x:auto;">
<script type="text/javascript">
<!--
<!-- add(id, pid, name, url, title, target, icon, iconOpen, open);
//9个参数说明: id,pid,显示名称,打开的url,提示信息,方针框架,闭适时的图标,展开时的图标,是否展开(open || false)
-->
d = new dTree('d');
d.add(0,-1,'博客分组','','','','','img/blog.png');
<%
int i = 0;//当前分组的节点索引值
int c = 0;//节点总数
//获取所有分组信息
List<RssTeamBean> rssTemBeanList = (List)request.getAttribute("rssTemBeanList");
//遍历所有分组信息
for (RssTeamBean rssTeamBean:rssTemBeanList) {
c = c+1;//总个数加1
%>
//添加组节点
d.add(<%=c%>,0,'<%=rssTeamBean.getTitle()%>','','','','img/open.png','img/close.png');
<%
i=c;//设定当前节点为分组节点索引值
//遍历分组下的所有订阅信息
for (RssBean rssBean : rssTeamBean.getRssBeanList()) {
c = c+1;//总个数加1
%>
//添加订阅信息节点
d.add(<%=c%>,<%=i%>,'<%=rssBean.getTitle()%>','<%=rssBean.getXmlUrl()%>','<%=rssBean.getText()%>','contenthtml');
<%
}
}
%>
//在界面上显示树形布局
document.write(d);
//-->
</script>
</div>
</body>
</html>
临时的结果图如下:

至此,读取rss分组已经完成了。接下来的博文中,会给各人讲解一下rss版本以及理会在线的rss订阅。敬请等候。