primefaces 入门之 ――续 成功界面

在搭建helloworld之后,出现

 

2 ,在这个基础之上 建立 一些日历的控件进去。

   之前是建立的web项目,,现在做 另一套方案。使用maven来构建环境。

 

具体  环境搭建如下:

这是  具体的环境

  建立包 org.prime.ch1.bean.test  和其中的

这里是添加jsf支持的。

在项目里:前提 :环境搭建好,jsf2.0 ,primefaces2.0 ,j2ee6.0

   1  ,建立 Bean  ,在faceconfig.xml里配置,

   2,  在xml里页面中调用。

   3,需要jar包可以到官网下载,添加到构建工作bath下。

开发步骤:

   建立

  
  
  
  
  1. package org.prime.ch1.bean.test; 
  2.  
  3. import java.util.Date; 
  4.  
  5. public class DateController { 
  6. private Date[] dates; 
  7. public Date[] getDates() { 
  8. return dates; 
  9. public void setDates(Date[] dates) { 
  10. this.dates = dates; 

  2,在 face-config.xml 里配置,,有的不需要可以试一试。

 

  
  
  
  
  1. <?xml version="1.0" encoding="UTF-8"?> 
  2.  
  3. <faces-config 
  4.     xmlns="http://java.sun.com/xml/ns/javaee" 
  5.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
  6.     xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-facesconfig_2_0.xsd" 
  7.     version="2.0"> 
  8.  
  9. <managed-bean> 
  10. <managed-bean-name>dateController</managed-bean-name> 
  11. <managed-bean-class>org.prime.ch1.bean.test.DateController</managed-bean-class> 
  12. <managed-bean-scope>view</managed-bean-scope> 
  13. </managed-bean> 
  14. </faces-config> 

    建立primetest.xml

 

  
  
  
  
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2.         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html xmlns="http://www.w3.org/1999/xhtml" 
  4.       xmlns:ui="http://java.sun.com/jsf/facelets" 
  5.       xmlns:h="http://java.sun.com/jsf/html" 
  6.       xmlns:f="http://java.sun.com/jsf/core" 
  7.       xmlns:p="http://primefaces.prime.com.tr/ui"> 
  8. <h:head> 
  9.     <p:resources/> 
  10.     <title>test primefaces jsf 2.0</title> 
  11. </h:head> 
  12. <h:body bgcolor="white"> 
  13.     <h:form id="helloForm"> 
  14.         <p:editor/> 
  15.         第一个  就是简单的一个日历月 
  16.           <p:calendar mode="inline"/>   
  17.           ++++出现一个 
  18.               
  19.           <p:calendar value="#{dateController.dates}" selection="multiple" locale="tr"/> 
  20.          ++++第三个点击文本框出现以后的  日历月 
  21.               <p:calendar value="#{dateController.dates}" pages="3"/> 
  22.                
  23.            
  24.     </h:form> 
  25.  
  26. </h:body> 
  27. </html> 

  3,,进行测试:

    3.1  maven  打包,war  ,进行部署到jboss 7.

   或者:3.2 点击项目名,右击  ,run  on server  。

 

 

 

在之后建立CalendarBean

 

  
  
  
  
  1. package org.prime.ch1.bean.test; 
  2.  
  3.  
  4. import java.text.SimpleDateFormat; 
  5. import java.util.ArrayList; 
  6. import java.util.Arrays; 
  7. import java.util.Date; 
  8. import java.util.List; 
  9. import java.util.TimeZone; 
  10.  
  11. import javax.faces.application.FacesMessage; 
  12. import javax.faces.context.FacesContext; 
  13.  
  14. import org.primefaces.event.DateSelectEvent; 
  15.  
  16. public class CalendarBean { 
  17.  
  18.     private Date date1; 
  19.      
  20.     private Date date2; 
  21.      
  22.     private Date date3; 
  23.  
  24.     private Date date4; 
  25.  
  26.     private Date date5; 
  27.  
  28.     private Date date6; 
  29.  
  30.     private Date[] dates; 
  31.  
  32.     public Date getDate1() { 
  33.         return date1; 
  34.     } 
  35.  
  36.     public void setDate1(Date date1) { 
  37.         this.date1 = date1; 
  38.     } 
  39.  
  40.     public Date getDate2() { 
  41.         return date2; 
  42.     } 
  43.  
  44.     public void setDate2(Date date2) { 
  45.         this.date2 = date2; 
  46.     } 
  47.  
  48.     public Date getDate3() { 
  49.         return date3; 
  50.     } 
  51.  
  52.     public void setDate3(Date date3) { 
  53.         this.date3 = date3; 
  54.     } 
  55.  
  56.     public Date getDate4() { 
  57.         return date4; 
  58.     } 
  59.  
  60.     public void setDate4(Date date4) { 
  61.         this.date4 = date4; 
  62.     } 
  63.  
  64.     public Date getDate5() { 
  65.         return date5; 
  66.     } 
  67.  
  68.     public void setDate5(Date date5) { 
  69.         this.date5 = date5; 
  70.     } 
  71.  
  72.     public Date getDate6() { 
  73.         return date6; 
  74.     } 
  75.  
  76.     public void setDate6(Date date6) { 
  77.         this.date6 = date6; 
  78.     } 
  79.      
  80.     public Date[] getDates() { 
  81.         return dates; 
  82.     } 
  83.  
  84.     public void setDates(Date[] dates) { 
  85.         this.dates = dates; 
  86.     } 
  87.      
  88.     public List<Date> getSelectedDates() { 
  89.         if(dates != null) 
  90.             return Arrays.asList(dates); 
  91.         else 
  92.             return new ArrayList<Date>(); 
  93.     } 
  94.      
  95.     public void handleDateSelect(DateSelectEvent event) { 
  96.         FacesContext facesContext = FacesContext.getCurrentInstance(); 
  97.         SimpleDateFormat format = new SimpleDateFormat("MM/dd/yyyy"); 
  98.         facesContext.addMessage(null, new FacesMessage(FacesMessage.SEVERITY_INFO, "Date Selected", format.format(event.getDate()))); 
  99.     } 
  100.      
  101.     public TimeZone getTimeZone() { 
  102.         return TimeZone.getDefault(); 
  103.     } 

在primetest.xml 中插入:

 

  
  
  
  
  1.        ++++出现后来指定的多少个 日历月 
  2.            <p:calendar value="#{calendarBean.dates}" mode="inline" pages="2" 
  3. pagedate="01/2009" showWeekHeader="true" startWeekday="1" weekdayFormat="1char"/> 
  4.                

 

你可能感兴趣的:(maven,职场,primefaces,休闲)