在搭建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.  
     
  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.