在搭建helloworld之后，出现

primefaces 入门之 ——续 成功界面_第1张图片

 

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

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

 

具体  环境搭建如下：

primefaces 入门之 ——续 成功界面_第2张图片

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

这里是添加jsf支持的。primefaces 入门之 ——续 成功界面_第3张图片

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

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

   2，  在xml里页面中调用。

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

开发步骤：

   建立

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

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

 

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

    建立primetest.xml

 

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

  3，，进行测试：

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

   或者：3.2 点击项目名，右击  ，run  on server  。

 

 

 

在之后建立CalendarBean

 

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

在primetest.xml 中插入：

 

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