JSF2自定义组件编程系列第七部分

JSF Composite Component实践

最新推荐文章于 2020-06-30 21:23:58 发布

最新推荐文章于 2020-06-30 21:23:58 发布 · 64 阅读

文章标签：

#java #xhtml #ui

本文介绍如何在JSF Composite Component中实现输入验证及错误消息显示。通过实例展示了使用f:validateLength进行长度验证的方法，并引入日志记录机制，同时分享了一个用于打印请求数据的实用标签。

通常，我认为一个Composite compnent应该尽可能的拥有完善的行为。尽量避免暴露过多的接口给使用者。沿着这个方向，我继续晚上我们的htmlinput2。本节添加一个validator，并且当验证失败的时候，会显示一个message。
下面的代码：
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:composite="http://java.sun.com/jsf/composite">
<composite:interface componentType="HtmlInput2">
<!—editableValueHolder is desigend for validator —>
<composite:editableValueHolder name="inputField" target="in"/>
<composite:valueHolder name="outputField" target="out"/>
</composite:interface>
<composite:implementation>
<h:inputText id="in" value="#{inputBean.value}" required="true">
<f:validateLength minimum="1" maximum="6"/>
</h:inputText>
<h:commandButton id="clickButton" value="Click Me!" actionListener="#{inputBean.print}"/>
<h:outputText id="out" value="#{inputBean.value}"/>
<h:message for="in"/>
</composite:implementation>
</html>

添加了f:validateLength和h:message。很简单。
感觉本节内容少了点，就加点其他的细节。可以通过java标准日志往glassfish日志文件中添加一些信息，比如我的glassfish日志文件是/usr/local/glassfish-3.0.1/glassfish/domains/domain1/logs/server。
添加日志很简单，引入一些包，比如：
import java.util.logging.Level;
import java.util.logging.Logger;

然后在类里面添加一个私有函数
private Logger getLogger(){
return Logger.getLogger(getClass().getName());
}

在需要添加日志的地方:
public HtmlInput2(){
getLogger().info("HtmlInput2 constructor");
}

同时，从<<Core JSF>> 3rd中拷贝了一个很有用的tag，就是debug,会打印页面发出的请求数据。

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:composite="http://java.sun.com/jsf/composite">

<composite:interface/>

<composite:implementation>
<div style="font-size: 1.2em; font-style: italic">
Request header:
</div>

<p>#{header}</p>

<div style="font-size: 1.2em; font-style: italic">
Request parameters:
</div>

<p>#{param}</p>
</composite:implementation>
</html>

在需要使用的页面上很简单的引用一句:
<cs:debug/>即可。