使用 Mashups4JSF 生成和消费 Mashup Feed

最新推荐文章于 2024-08-29 18:44:48 发布
最新推荐文章于 2024-08-29 18:44:48 发布
阅读量89 收藏
点赞数
文章标签： java xhtml 数据库

在早先的一篇关于 Mashups4JSF 的文章中（参见 参考资料），我们了解了 Mashups4JSF 是什么，如何配置它，以及如何使用它构建一个有用的 mashup 应用程序。我们还了解了如何在 WebSphere Application Server V7.0 上结合使用库和 Apache MyFaces 2.0 以及 IBM JWL (JavaServer Faces Widget Library)。

mashup 应用程序中最常见的用例之一就是以 feed（RSS 或 Atom）的形式导出应用程序的内部数据。在 Mashups4JSF 出现之前，开发人员需要从应用程序 DTO（数据传输对象）中手动生成 feed。现在要感谢 Mashups4JSF，它使得以 feed 形式导出应用程序数据变得更简单。

在本文中，我将解释如何使用 Mashups4JSF feed 生成器服务 (producer service) 以 RSS feed 的形式导出 Web 应用程序数据，以及如何通过 feed 阅读器组件使用这些数据。

浏览新闻应用程序

新闻应用程序是一个 JavaServer Faces (JSF) 2.0 应用程序，它在数据表中展示一个样例新闻集，如 图 1 所示，我们希望以 RSS feed 的方式导出这个样例新闻集。


图 1. 新闻样例
新闻应用程序的屏幕截图，包含链接的柱形列表以及它们的标题、作者、类别和描述。 

新闻页面的代码非常简单。清单 1 展示了 news.xhtml 页面中的新闻 dataTable 的 XHTML 代码。


清单 1. news.xhtml 页面中的新闻 dataTable 

				
<h:dataTable id="newsTable" value="#{newsList.news}" var="varnews"
	styleClass="standardTable" headerClass="standardTable_Header"
	footerClass="standardTable_Footer" 
	rowClasses="standardTable_Row1, standardTable_Row2"
	columnClasses="standardTable_Column">
				
	<h:column id="titleColumn">
		<f:facet name="header">
			<h:outputText value="#{messages.application_label_title}" 
				id="titleText">
			</h:outputText>
		</f:facet>
		<h:outputLink value="#{varnews.link}">
			<h:outputText id="title" value="#{varnews.title}">
			</h:outputText>
		</h:outputLink>
	</h:column>
			
	<h:column id="authorColumn">
		<f:facet name="header">
			<h:outputText value="#{messages.application_label_author}" 
				id="authorText">
			</h:outputText>
		</f:facet>
		<h:outputText id="author" value="#{varnews.author}">
		</h:outputText>
	</h:column>
			
	<h:column id="categoryColumn">
		<f:facet name="header">
			<h:outputText value="#{messages.application_label_category}"	
				id="categoryText">
			</h:outputText>
		</f:facet>
		<h:outputText id="category" value="#{varnews.category}">
		</h:outputText>
	</h:column>
			
	<h:column id="descColumn">
		<f:facet name="header">
			<h:outputText value="#{messages.application_label_description}" 
				id="descText">
			</h:outputText>
		</f:facet>
		<h:outputText id="desc" value="#{varnews.desc}">
		</h:outputText>
	</h:column>
</h:dataTable>

 

newsTable 通过表达式 #{newsList.news} 与 NewsList DTO 绑定。清单 2 展示了 NewsList DTO 的代码。它包含新闻对象的静态列表。它可以保存来自数据库的真实数据，但是为了简便起见，这里使用了一个静态列表。


清单 2. NewsList DTO

				
@ManagedBean
public class NewsList {
    static List <News> news = new ArrayList<News>();

    // Sample news list
    static {
	for (int i = 0; i < 10; ++i) {
      news.add(new News(
		         "Title" + i, 
		         "Description" + i, 
		         "http://www.google.com/search?q=" + i, 
		         "Category" + i, 
		         "Author" + i));
	}
     }

     public List<News> getNews() {
             return news;
     }
}

 

News 类是一个非常简单的 bean。它仅包含以下属性：

  1. Title
  2. Description
  3. Link
  4. Category
  5. Author

参见 清单 3。


清单 3. News DTO

				
public class News {
    private String title;
    private String desc;
    private String link;
    private String category;
    private String author;
    
    ...
    public String getTitle() {
		return title;
    }
    public void setTitle(String title) {
		this.title = title;
    }
	
    public String getDesc() {
		return desc;
    }
    public void setDesc(String desc) {
		this.desc = desc;
    }
	
    public String getLink() {
		return link;
    }
    public void setLink(String link) {
		this.link = link;
    }
	
    public String getCategory() {
		return category;
    }
    public void setCategory(String category) {
		this.category = category;
    }
	
    public String getAuthor() {
		return author;
    }
	
    public void setAuthor(String author) {
		this.author = author;
    }
}

 

现在，让我们看看如何以 RSS feed 的形式导出 NewsList 数据。

 

回页首

以 RSS feed 的形式导出应用程序数据

在详细介绍以 RSS feed 的形式导出新闻列表之前，您可能需要了解如何为 JSP 2.0 应用程序配置 Mashups4JSF 库，此前的一篇 Mashups4JSF 文章（参见 参考资料）介绍了这方面的内容。在使用 Mashups4JSF feed servlet 时，确保下载了 Mashups4JSF 0.0.3 的最新的稳定快照（参见 参考资料）。

要使用 Mashups4JSF 以 RSS feed 的形式导出 NewsList 数据，我们需要在 JSF 应用程序中执行下列步骤。

注册 Mashups4JSF feed servlet

在您的应用程序的 web.xml 中注册 Mashups4JSF 的 MashupFeedServlet，如 清单 4 所示。


清单 4. 注册 Mashups4JSF feed servlet

				
<servlet>
	<servlet-name>mashupFeedServlet</servlet-name>
	<servlet-class>com.googlecode.mashups.servlets.MashupFeedServlet</servlet-class> 
</servlet>

<servlet-mapping>
	<servlet-name>mashupFeedServlet</servlet-name>
	<url-pattern>/mashupFeedServlet</url-pattern>
</servlet-mapping>

 

注释 feed 类

使用 @Feed 注释 feed 类（NewsList 类），并分别使用 @FeedTitle、@FeedDescription、@FeedLink 和 @FeedItems 指定标题、描述、链接和 feed 项。清单 5 显示了应用注释后的 NewsList 类。


清单 5. 应用注释后的 NewsList 类

				
@ManagedBean
@Feed
public class NewsList {
     static List <News> news = new ArrayList<News>();
     
    // Sample news list
    static {
		for (int i = 0; i < 10; ++i) {
				news.add(new News(
				"Title" + i, 
				"Description" + i, 
				"http://www.google.com/search?q=" + i, 
				"Category" + i, 
				"Author" + i));
		}
    }

    @FeedItems
    public List<News> getNews() {
		return news;
    }
    
    @FeedTitle
    public String getTitle() {
		return TITLE;
    }

    @FeedDescription
    public String getDescription() {
		return DESCRIPTION;
    }

    @FeedLink
    public String getLink() {
		return LINK;
    }

    private final String TITLE = "News List";
    private final String DESCRIPTION = "News List Description";
    private final String LINK = "http://somenewschannel.com";        
}

 

使用 @ItemFeed 注释 feed 项类（News 类），并分别使用 @ItemTitle、@ItemDescription、@ItemLink, @ItemCategory 和@ItemAuthor 指定 feed 项的标题、描述、链接、类别和作者。 清单 6 显示了应用注释后的 News 类。


清单 6. 应用注释后的 News 类

				
				@FeedItem
public class News {
    private String title;
    private String desc;
    private String link;
    private String category;
    private String author;
    
    ...
    
    @ItemTitle
    public String getTitle() {
        return title;
    }
    public void setTitle(String title) {
        this.title = title;
    }
    
    @ItemDescription
    public String getDesc() {
        return desc;
    }
    public void setDesc(String desc) {
        this.desc = desc;
    }
    
    @ItemLink
    public String getLink() {
        return link;
    }
    public void setLink(String link) {
        this.link = link;
    }
    
    @ItemCategory
    public String getCategory() {
        return category;
    }
    public void setCategory(String category) {
        this.category = category;
    }
    
    @ItemAuthor
    public String getAuthor() {
        return author;
    }
    public void setAuthor(String author) {
        this.author = author;
    }
}

 

呈现 feed

对 feed 和 feed 项类进行注释后，基本上已经完成了全部工作。接下来要做的就是呈现 feed，实现方式是将 feed 解析为 feed servlet 的参数，并指定 rss 作为输出，如 清单 7 所示。


清单 7. 通过将 feed 类解析为 feed servlet 的参数呈现 RSS feed 

				
#{request.contextPath}/mashupFeedServlet?feedClass=dto.NewsList&output=rss

 

图 2 展示了以 RSS feed 的形式导出的 NewsList feed。


图 2. NewsList RSS feed 
RSS feed 的屏幕截图，可以在浏览器中查看新闻。 

如果希望以 ATOM feed 的形式导出 NewsList，那么需要将 atom 指定为 feed servlet 的输出。

 

回页首

通过 feed 阅读器使用 RSS feed

除了 RSS 和 ATOM feed 导出外，Mashups4JSF 还允许在 JSF 应用程序内部使用任何 RSS、ATOM 或 JSON feed。因此，让我们来看看如何通过 rssFeedReader 组件使用我们刚刚为 NewsList 数据创建的 RSS feed。

清单 8 展示了如何在 consumer.xhtml 页面中通过 rssFeedReader 组件使用 RSS feed。


清单 8. consumer.xhtml 页面中的 rssFeedReader 组件

				
<mashup:rssFeedReader    
	feedURL="http://#{facesContext.externalContext.request.remoteHost}:
		#{facesContext.externalContext.request.localPort}      
		#{facesContext.externalContext.request.contextPath}
		/mashupFeedServlet?feedClass=dto.NewsList&output=rss"

	maximumCount="5"
	channelVar="channel"
	itemVar="item"
	itemIndex="itemIndex">
	
	<f:facet name="channel">
		<h4>#{messages.application_channel_desc}#{channel.description}</h4>
	</f:facet>

	<f:facet name="item">
		<b>#{messages.application_item_index} </b>#{itemIndex}<br />
		<b>#{messages.application_item_title} </b>#{item.title}<br />
		<b>#{messages.application_item_link} </b>
				
		<h:outputLink value="#{item.link}">
			#{item.link}
		</h:outputLink><br />
			 
		<b>#{messages.application_item_author} </b>#{item.author}<br />
				
		<b>#{messages.application_item_category} </b>
		#{item.categories[0].name}<br /><br />
	</f:facet>                
</mashup:rssFeedReader>

 

如清单 8 所示，我们指定了以下内容：

  • RSS feed URL，
  • 用于访问 RSS 通道信息的 channel 变量（例如，description），
  • item 变量，将访问所有 RSS feed 项（如 title、link 和 author），以及
  • 项索引。

在 channel 部分中，我们可以指定希望为 RSS 通道显示的属性，而在 item 部分中，我们可以指定希望为每个 feed 项显示的属性。

图 3 展示了 NewsList feed 的 rssFeedReader 输出。


图 3. NewsList RSS feed 的 rssFeedReader 输出
RSS feed 输出的屏幕截图，包括每个条目的项索引、标题、项链接、作者和类别 

结束语

除了各种 mashup 组件和服务之外，Mashups4JSF 还抽象化了为 JSF 应用程序导出和导入 mashup feed 的方式。在 Mashups4JSF 出现之前，开发人员需要从应用程序 DTO（数据传输对象）中手动生成 feed。现在要感谢 Mashups4JSF，它使得以 feed 的形式导出应用程序数据变得更简单。在本文中，我们学习了如何使用 Mashups4JSF Feed Servlet 以 RSS feed 的形式表示 JSF 应用程序数据。我们还了解了如何通过 rssFeedReader 组件使用这些 feed。

 

参考资料

学习

weixin_33892359
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在做项目过程遇到的相关问题___只记录问题，后期补上方法
sinat_31918687的博客
11-06 1147
快速上下滚动时，在苹果手机有一瞬间的留白 &gt;&gt;在路由添加 scrollBehavior()=&gt;({y:0}) 图片加上宽度， ​​​​​​​跨越和代理服务器上传问题 在confit 文件下的index文件使用代理 进行配置 this.$route.query.id;  一个事件多个方法  @click="selected(item),nav()"  fn(){selected...
From Mashups to Telco Mashups A Survey
06-15
4. **分布式会话管理**：实现分布式环境下的会话跟踪和管理，以支持高效的团队协作。 5. **集成现有系统**：能够与现有的通信系统和服务无缝集成，以便于更广泛地应用。 #### 四、结论与展望 综上所述，从Mashups...
错误org.hibernate.PropertyAccessException: Null value was assigned to a property of的解决方法
热门推荐
chenyuangege的专栏
12-04 3万+
错误org.hibernate.PropertyAccessException: Null value was assigned to a property of的解决方法
神人来袭
weixin_33892359的博客
08-28 115
这天 六维上不去了 北邮人太BT了 三国杀被谁杀了 可怜的娱乐死光了 神你也拯救不了我 我安静地安静地 去打台球了
在Vue中v-model如何和Vuex结合起来
withwz的博客
09-26 1928
?.vue mutations.js 当读取name的时候返回的是mapState中的this.nickName， 当输入数据的时候执行computed的name的set调用mutations的方法进行修改
Mashups4JSF 0.0.2将Mashup服务引入Java和JSF
06-23 91
Mashups4JSF 0.0.2已发布。 Mashups4JSF旨在将mashup服务引入Java和JSF领域，允许开发人员使用标签和API创建自定义的mashup。 它还允许将应用程序数据导出为mashup feed，并可以与Yahoo Weather，YouTube，Digg和Twitter等服务集成。 现在可以从Google Code 下载该项目。 翻译自: https://...
Mashups4JSF简介
cuxiong8996的博客
07-05 99
存档日期：2019年5月14日 | 首次发布：2010年7月13日 在Web应用程序中创建混搭可能令人头疼。 开发人员需要了解大量JavaScript，RSS和Atom解析，JSON解析以及其他格式的解析。 您还需要研究mashup服务提供商提供的低级API，并编写大量代码以将mashup与Web应用程序集成。 Mashups4JSF是一个孵化中的开源项目，旨在将mashup服务与JSF世...
Mashups4JSF 1.0 发布
weixin_30617737的博客
04-16 73
Mashups4JSF 1.0 发布了，主要改进包括： 1. Creating RSS Mashup feed sources in JSF applications. 2. Creating ATOM Mashup feed sources in JSF applications. 3. Consuming RSS, ATOM and JSON feeds inside JSF a...
使用Flash Builder 4和Flex 4 SDK构建Flickr浏览器
culi3118的博客
08-09 165
Flex 4 introduces a boatload of new features, and today we’ll take a look at some of the latest architectural changes that make component development and skinning much easier. To start with, you’ll ...
web.xml.jsf_JSF 2.0 Ajax世界中的GMaps4JSF
cuyi7076的博客
06-28 111
GMaps4JSF旨在将Google地图与JavaServer Faces（JSF）集成在一起，并使JSF开发人员仅用几个JSF标签即可构建复杂的街景全景图和地图。 您还可以轻松地将不同的组件（标记，信息文本，控件，地面叠加层，多边形，折线）附加到地图。 GMaps4JSF还允许将不同的服务器端和客户端事件附加到组件，而无需编写JavaScript代码将事件与组件绑定。 如果要实现组件的客户端...
PHP Web 2.0 Mashup Projects.pdf
08-18
For the mashup in Chapter 4, we use the API from the video repository site YouTube, and the XML feeds from social music site Last.fm. We will take a look at three different XML-based file formats ...
animal-mashups
05-03
添加图像，字体和文件 使用public文件夹 更改HTML 在模块系统之外添加资产 何时使用public文件夹 使用全局变量 添加引导程序使用自定义主题 增加流量 添加路由器 添加自定义环境变量 在HTML中引用环境变量 在Shell...
企业Mashup应用指南1
08-04
企业Mashup应用指南 一、Mashup概述 Mashup是糅合，是当今网络上新出现的一种网络现象，将两种以上...RIA和mashup工具、SOA数据服务mashups出现、把握JavaFX1.2在富互联网应用方面的关键等都是Mashup应用的重要方面。
mashup_vid_processing:项目
03-20
本资料库是指一个项目和协作，旨在设计和比较用于抓取，处理和分析媒体数据（例如，视频混搭和视频混音）的不同过程和方法。 要查看有关项目及其结果的更多信息，请遵循此存储库以进行进一步的更新。 概述和设置。有...
启动Application 报错：no mapping for GET /（已解决）
qq_3512323979的博客
08-26 2209
no mapping for GET /因为我使用的是框架嘛，然后生成了一个SpringBoot项目后，resources下面就会有一个static的类，用于存放静态资源类，后面我把静态资源放在里面，但是启动启动类后，报错一直匹配不到。： 正常的话，我们使用SpringBoot框架，他会给我们提供许多便利，包括静态资源的自动服务，默认的话，他会去。报这个错可能还有其他原因，我的是因为这个，大家可以根据日志信息一步步检查，肯定可以解决的！类并覆盖其方法时，就会失去静态资源的自动服务
linux上datax 安装以及使用
寂夜了无痕的博客
08-24 2843
linux上datax 安装以及使用
《深入理解 Java 中的适配器模式》
最新发布
面团到油条的成长日记
08-29 849
在软件开发的广阔领域中，不同接口之间不匹配的问题时常像个棘手的难题困扰着开发者。而适配器模式就像是一位得力的助手，专门用来解决这类问题。它的关键作用在于把一个类的接口有效地转化为客户端所期望的另一种接口，让原本因接口不相符而不能一起工作的两个类可以共同协作，学习本文希望你能有所收获
Java设计模式之建造者模式详细讲解和案例示范
weixin_39996520的博客
08-28 750
建造者模式是一种创建型设计模式，允许用户通过一步步地构造复杂对象的方式来避免直接使用大量的构造函数或复杂的初始化过程。它通过将对象的创建过程分解为多个步骤，并允许这些步骤以链式调用的方式来执行，最终生成一个完全构建的对象。首先，我们定义一个Order类，该类包括了多个字段，如订单ID、客户信息、商品列表、配送地址等。// Getter方法省略...在这个例子中，类提供了构建Order对象所需的各个方法，每个方法返回实例，以便进行链式调用。
使用R进行数据融合实战
"Data Mashups in R 是一本详细介绍如何在R语言环境中整合、管理、可视化和分析实际数据的书籍，作者是Jeremy Leipzig和Xiao-Yi Li。这本书由O'Reilly Media出版，旨在帮助读者掌握在R中进行数据融合（Data Mashups...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值