Primefaces UI使用小结

2019独角兽企业重金招聘Python工程师标准>>>

Primefaces UI使用小结

28 Jun 2013/in 开放平台开发, 网站设计和开发 /by Hima

相较于Struts、SpringMVC等MVC框架，在国内的企业应用中JSF的使用确很少，或许是因为资料很少又或许是我们对它的认知不够，但有一点不可否认，JSF是被纳入Java EE 5规范的，而其它的却没有。之前使用JSF做过几个项目，但这是第一次使用Primefaces UI（它是基于JSF Mojarra实现的一套很强大的UI，有社区版和商业版），因为在使用过程中碰到很多“坎”，所以想写篇博客将碰到的问题总结下，也希望能帮助到想使用或正在使用Primefaces UI的人。

        Primefaces UI在百度上基本搜不到有价值的信息，在整个解决问题的过程中Google（记着要切换到英文去搜哦）帮了很大的忙，它在国内用的人就更少了。但回过头去看，我真的很愿意向大家推荐这款UI，超级赞！我目前使用的版本是Primefaces 3.5和JSF Mojarra-2.1.17，废话少说进入正题。

一、ManagedBean的Scoped

        1、RequestScoped

        2、ViewScoped

        3、SessionScoped

        4、ApplicationScoped

        Request、Session、Application大家都比较熟悉，就不多说了，ViewScoped顾名思义视图有效，或者说当前页有效，因为Servlet规范里并没有View这个概念，所以它是JSF延伸出的一个概念，个人理解是为Ajax准备的，大家一定要记住它哦，后续它可发挥了很大的作用。

二、Primefaces

       1、template的使用

       在现在Web开发中，特别是Ajax出现后，framesetframeiframe已经不是特别推荐使用了（当然也可以使用），牛人可以用DIV构建出任何想要的布局，像我们这些平民懂的分享牛人的成果就OK了，在Primefaces里我们可以用p:layout布局，并做成template，后面的每个页面只要继承这个template，就可以直接享用，如下图

        2、ViewScoped的使用

        这个很重要，在项目开始时，因为SessionScoped的生命周期太长了不想用，所以大部分的ManagedBean都是用的RequestScoped，问题是一个接一个，如p:commandButton和p:commandLink的action和actionListener莫名其妙的不可进入，Ajax的使用也有时可以有时不可以，Scoped换成Session就一切都OK了，发现跟Bean的生命周期有关系，最后调试完，发现用ViewScoped最合适，生命周期比Request长比Session短，同时又能解决上述问题，因为Primefaces UI里大量用到ajax通信，这种场景最适合用ViewScoped。

        3、form的使用

        在使用中一定要避免form嵌套form的情况，它会出现很多不可以预知的情况，如提交附件会出现问题，但并列form可以放心的使用

        4、tree的使用

        如上图的Left中可以放置一个树形菜单，使用过的人可能会和我碰到一样的问题，那就是当我打开一个新页面时，树形菜单不能保持我打开页面之前的状态，解决方法：负责树形菜单Node节点的Bean的Scoped要申明成SessionScoped，并在tree标签上加属性dynamic=”true”，如<p:tree value=”#{menuBean.root}” var=”doc” dynamic=”true”>

        5、confirmDialog的使用

        如果在使用confirmDialog时发现，弹出框被遮罩层给挡住了不可使用，怎么办？解决方法：在confirmDialog标签加属性appendToBody=”true”，如<p:confirmDialog widgetVar=”startConfirm” appendToBody=”true” message=”Are you sure about starting the project?” header=”Start project” severity=”alert”>

        6、dialog的使用

        不得不提的一个组件，超级好用，我的应用里大量用到了它，它用起来让你的Web应用就像是一个Client应用，交互性和用户体验非常的好。你可以将dialog当作一个提示框用，也可以在dialog里做一个复杂的表单，你可以选择遮罩也可以不使用，如果要使用遮罩只需加上属性modal=”true”

        7、panelpanelGridoutputPanelaccordionPaneltabView等的使用

        他们都是布局展现相关的，用好来，效果非常的好，当然还有其它的。

        8、process和update属性的使用

        前面说了Primefaces大量用到了Ajax，那就不得不提process和update，他们俩刚好相反，process指出要异步提交哪一部分的内容，update指出要异步更新哪一部分的内容，经常在一起配合使用。功能非常的强大，如果有兴以后可以再详细说说。

        9、fileUpload的使用

        在使用前要在Web.xml中加入如下部分：

      <filter>

            <filter-name>PrimeFaces FileUpload Filter</filter-name>

            <filter-class>org.primefaces.webapp.filter.FileUploadFilter</filter-class>

      </filter>

      <filter-mapping>

            <filter-name>PrimeFaces FileUpload Filter</filter-name>

            <servlet-name>Faces Servlet</servlet-name>

      </filter-mapping>

        使用p:fileUpload的form必须加上属性enctype=”multipart/form-data”，而且它不支持Ajax异步提交，所以对应的command要加上属性ajax=”false”，如：

      <h:form id=”form-delivery-file” enctype=”multipart/form-data”>

           <p:panelGrid columns=”2″>

               <p:outputLabel value=”Delivery File: ” />

               <p:fileUpload id=”deliveryFile” value=”#{projectBean.deliveryFileFromUi}” mode=”simple” storage=”file” />

           </p:panelGrid>

           <p:commandButton value=”Submit” ajax=”false” style=”margin:0″ actionListener=”#{projectBean.deliveryFile}” />

      </h:form>

        由于时间问题，这次先写到这，还有很多好用的组件，及在深入使用过程中碰到的问题和解决方法，后续再道来。想了解的朋友可以先到Primefaces的官方网站一睹为快：http://www.primefaces.org/showcase/ui/home.jsf

转载于:https://my.oschina.net/liuyuanyuangogo/blog/700013