一个java的web日历实现

  相信大家都看到很多blog站点都有一些本月的日历功能，可以在上面选择有blog的那天来查看那天的作者的日志！有很多方式来实现这个日历功能，可以用javascript,也可以用web语言的支持来写，比如asp,jsp的支持。下面我们就来以www.seerlog.net这个站点（也就是我的啦）的日历模块功能的实现为例子来讲解使用java跟DHTML结合实现这个日历。

一，分析模块的组成，功能
  这个日历模块主要的功能包括 显示当月的日历表，当日特殊显示，有blog的那天特殊显示并支持链接到那天的blog列表。
   功能分析清楚了，我们来看看这个功能的具体设计： 首先肯定有一个 DayStatus 类，用来描述当天是否有blog，是否是查看的当天。其他的还需要一个DateUtil 类来生成当月所有的DayStatus对象数组。另外还需要一个haveBlogDay，haveBlogMonth对象来保存拥有blog的日期。

二，预备知识
   1.从jdk1.4开始 sun 提供了一个java.util.Calendar 抽象类，用来取代部分Date的功能并提供更强大的日期处理能力。我们先来看看这个类的说明（具体请查看jdk文档 API）
Calendar 是一个抽象的基类，用于在一个 Date 对象和一个诸如 YEAR 、 MONTH 、 DAY 、 HOUR 等整数字段集合之间转换。 ( Date 对象代表一个时间精度为毫秒达到特定实例。 关于 Date 类的信息请参见 java.util.Date 。)

Calendar 的子类根据一个特定的日历系统解释一个 Date 。 JDK 提供了 Calendar 的一个具体的子类： GregorianCalendar 。 将来的子类将代表世界上大部分地区使用的各种类型的阴历。

同其它国别敏感的类一样， Calendar 提供了一个类方法 getInstance ，以获得该类型的一个通用的对象。 Calendar 的 getInstance 方法返回一个 GregorianCalendar 对象，该对象的时间域由当前的日期和时间初始化： Calendar rightNow = Calendar.getInstance();

Calendar 对象能够产生为特定语言和日历风格格式化所需实现的日期_时间的所有时间域值。( 例如，日语-格里高里日历，日语-传统日历 ) 。

当从时间域中计算 Date 时，可能会出现两种情况：或者没有足够的信息计算 Date ( 例如只有年和月但没有日 ) 或者有矛盾的信息 ( 例如 "Tuesday, July 15, 1996" -- 实际上，1996 年 7 月 15 日是星期一 )。

没有足够的信息。 日历将使用缺省信息指定缺少的域。 这将根据不同日历有所不同；对于格里高里日历，域的缺省值等于开始时间： 例如，YEAR = 1970，MONTH = JANUARY，DATE = 1 等等。

矛盾的信息。 如果域值有冲突，日历将参考最近设置的域值。例如，当确定日时，日历将参考下列域的组合之一。将使用由最近设置的单个域确定的最近的组合。 MONTH + DAY_OF_MONTH MONTH + WEEK_OF_MONTH + DAY_OF_WEEK MONTH + DAY_OF_WEEK_IN_MONTH + DAY_OF_WEEK DAY_OF_YEAR DAY_OF_WEEK + WEEK_OF_YEAR 对于一天内的时间： HOUR_OF_DAY AM_PM + HOUR

注意： 对于非格里高里日历，为了保证完全没有歧义，可能会需要不同的域。 例如，关于阿拉伯宇宙日历的完整的规格说明有时需要年、月、一月中的日期 和 一周中的日期。

注意： 对于某些特别的时间的解释可能会有一定的歧义，这可以用下列方式解决：

   1. 24:00:00 “属于”下一天。即，1969 年 11 月 31 日 23:59 < 1970 年 1 月 1 日 24:00 < 1970 年 1 月 1 日 24:01:00。
   2. 尽管历史的来看不精确，午夜也属于“上午”，中午属于“下午”，所以在同一天，12:00 am ( 午夜 ) < 12:01 am，12:00 pm ( 中午 ) < 12:01 pm。

日期或时间格式字符串不是日历定义的一部分，因为在运行时，它们必须能够由用户修改或重写。使用 java.text.DateFormat 格式化日期。

Calendar 为域的“滚动”提供了一个 API，域可以被加一或减一，但是循环滚动。 例如，将日期 "September 12, 1996" 向上滚动一个月结果是 "October 12, 1996"。

Calendar 也为将指定 ( 带符号的 ) 数量的时间添加到特定的时间域中提供了一个日期计算功能。 例如，将日期 "September 12, 1996" 减 5 天得到 "September 7, 1996"。
  2.java.text.DateFormat 类 （具体请查看jdk文档 API）

DateFormat 是日期／时间格式化子类的一个抽象类，这些子类以基于语言的方式格式化和分析日期或时间。 日期／时间格式化子类，如 SimpleDateFormat ，允许格式化 (即 date -> text)、分析 (text -> date) 和标准化。日期由一个 Date 对象表示，或者用从 GMT 1970 年 1 月 1 日 0 时 0 分 0 秒起的毫秒数表示。

DateFormat 为获得基于缺省的或给定的语言环境和格式化风格的缺省的日期／时间格式化程序提供了许多类方法。格式化风格包括 FULL、LONG、MEDIUM 和 SHORT。方法说明中提供了更详细的说明以及使用这些风格的例子。

DateFormat 帮助格式化和分析任何语言环境的日期。 代码可以独立于语言环境对于月、星期的约定，甚至可以独立于日历格式：lunar 和 solar。

为了格式化当前 Locale 的日期，使用下列静态工厂方法之一： myString = DateFormat.getDateInstance().format(myDate);

如果格式化多个数值，获得格式后多次使用它会更有效率，这样系统就不必多次去取关于本地语言的国家的约定的信息。 DateFormat df = DateFormat.getDateInstance(); for(int i = 0; i < } ?); ?; + output.println(df.format(mydate[i]) { ++i)>

为了格式化一个不同 Locale 的数值，在调用 getDateInstance() 时指明。 DateFormat df = DateFormat.getDateInstance(Locale.FRANCE);

也可以用 DateFormat 来分析。 myDate = df.parse(myString);

使用 getDate 获得该国一般日期格式。也有其它可用的静态工厂方法。 使用 getTime 获得该国一般时间格式。使用 getDateTime 获得一个日期和时间格式。可以给这些工厂方法传入不同的选项控制结果的长度；从 SHORT 到 MEDIUM 到 LONG 到 FULL。确切的结果取决于语言环境，但是通常：

    * SHORT 完全是数字的，例如 12.13.52 或 3:30pm
    * MEDIUM 更长一些，例如 Jan 12, 1952
    * LONG 更长一些，例如 January 12, 1952 或 3:30:32pm
    * FULL 是全部指定的，例如 Tuesday, April 12, 1952 AD or 3:30:42pm PST。

可以将时区设置为希望的格式。如果希望进一步控制格式化或分析，( 或者希望给用户更多的控制 )，可以尝试将从工厂方法中获得的 DateFormat 变形为 SimpleDateFormat。这将适用于大多数的国家；只需把它放在 try 块中，以防遇到意外的情况。

也可以用 ParsePosition 和 FieldPosition 调用不同形式的分析和格式化的方法，这将允许：

    * 顺次的分析字符串。
    * 调整任何特定的域，或者当在屏幕上选择时找出他的位置。

三，让我们来动手实现这个功能吧

   1.首先来实现haveBlogDay,haveBlogMonth对象,两个其实都是一个HashSet。因为我们一开始就要获取它的数据，所以在一个ServletContextListener实现类中来获取。

HashSet haveBlogDay;
HashSet haveBlogMonth;

try{
Session session = Hi.getSession();
Transaction tx= session.beginTransaction();

//haveBlogDay 初始化
String time_sql="select topic.submitTime from Topic as topic";
List timeList = session.find(time_sql);
for(int i=0;i<timeList.size();i++)
{
String tem=(String)timeList.get(i);
timeList.set(i,TextUtil.subString(tem,10));
}
haveBlogDay=new HashSet(timeList);
context.setAttribute("haveBlogDay",haveBlogDay);
Log.info("haveBlogDay 已经存入app 内");

//haveBlogMonth 初始化
for(int i=0;i<timeList.size();i++)
{
String tem=(String)timeList.get(i);
timeList.set(i,TextUtil.subString(tem,7));
}
haveBlogMonth=new HashSet(timeList);
context.setAttribute("haveBlogMonth",haveBlogMonth);
Log.info("haveBlogMonth 已经存入app 内");

上面使用了hibernate来获取数据，这里使用 HashSet 的数据不可重复性来保证日期的唯一。

   2.DayStatus的编码设计
public class DayStatus{

private boolean have_blog;

private String day;

public DayStatus(int t){
if(t==0){
this.day="&nbsp;";
this.have_blog=false;
}
else{
this.day=String.valueOf(t);
this.have_blog=false;
}
}

DayStatus(){}

public String getDay(){
return this.day;
}

public String getFullDay(){

Date now=new Date();
String today="";
SimpleDateFormat df=new SimpleDateFormat("yyyy.MM.");
String nowtime=df.format(now).toString();

if(!day.equals("&nbsp;")){
if(Integer.parseInt(day)<10){today=nowtime+"0"+day;}
else{today=nowtime+day;}
}
return today;
}

public boolean haveBlog(HashSet hs){

Date now=new Date();
String today="";
SimpleDateFormat df=new SimpleDateFormat("yyyy.MM.");
String nowtime=df.format(now).toString();

if(!day.equals("&nbsp;")){
if(Integer.parseInt(day)<10){today=nowtime+"0"+day;}
else{today=nowtime+day;}
}
return hs.contains(today);
}

public boolean isToday(){
Date now=new Date();
SimpleDateFormat df=new SimpleDateFormat("dd");
String nowtime=df.format(now).toString();

if(this.day.equals(nowtime)) return true;
else return false;
}
}

   3.DateUtil的编码设计
首先要定义几个类变量
private static DayStatus[][] arr=new DayStatus[6][7];
private static int month_count; //一个月的天数

 

然后定义方法getCalendar() :

public DayStatus[][] getCalendar(int year,int month){

Calendar ca = new GregorianCalendar(year,month,1);

int before=ca.get(Calendar.DAY_OF_WEEK); //得到月历前的空白天数

ca.roll(Calendar.MONTH,true); //滚动一个月后
int next_before=ca.get(Calendar.DAY_OF_WEEK);

int after;
if(next_before==1){after=7;}
else{after=next_before-1;} //得到当前时间

/* 获取月天数 ,考虑闰年的2月*/
if(before<=after){
int temp=after-before+1;
if(temp<7){month_count=temp+28;
}
else{month_count=28;}
}
else{
int temp=8-before+after;
if(temp<7){month_count=temp+28;
}
else{month_count=28;}
}

// System.out.println ("月天数="+month_count); // 检查月天数

// 开始赋值

int temp_day=9-before; //第二行 起始的日期数

// System.out.println ("before="+before); // test
// System.out.println ("after="+after);
//第一行的处理
for(int k=0;k<before-1;k++){
arr[0][k]=new DayStatus(0);} //为前面的几个赋值空格

for(int m=1;m<9-before;m++){
arr[0][before-2+m]=new DayStatus(m);
}

/*检查第一行 完成 无误*/

//接下来的处理
for(int i=1;i<6;i++){
for(int j=0;j<7;j++){
if(temp_day<=month_count){
arr[i][j]=new DayStatus(temp_day);
temp_day++;
}
else{arr[i][j]=new DayStatus(0);}
}
}

/*
System.out.println ("检查全部数组");
for(int t=0;t<6;t++){
for(int i=0;i<7;i++){
DayStatus d=arr[t][i];
System.out.println (d.getDay());
}
}
*/
return arr; //返回 日历数组
}

   四，前台web页面的显示
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="calendarBigBorder" id="caltable">
<thead>
<tr align="center" valign="middle">
<td class="calendarTd">日</td>
<td class="calendarTd">一</td>
<td class="calendarTd">二</td>
<td class="calendarTd">三</td>
<td class="calendarTd">四</td>
<td class="calendarTd">五</td>
<td class="calendarTd">六</td>
</tr>
</thead>
<TBODY border=1 cellspacing="0" cellpadding="0" ID="calendar" ALIGN=CENTER >
<%
HashSet hs=(HashSet)getServletContext().getAttribute("haveBlogDay");
DayStatus[][] thisMonth=DateUtil.getThisCalendar();
for(int i=0;i<6;i++){
out.print("<TR style='cursor:hand'>");
for(int j=0;j<7;j++){
DayStatus ds=thisMonth[i][j];
if(ds.isToday()){
%>
<TD class="calendarNow" onMouseover="this.className='calendarHover'" onMouseOut="this.className='calendarNow'">
<%=ds.getDay()%>
</td>
<%
}
else{
if(ds.haveBlog(hs)){
%>
<TD class="calendarTd" onMouseover="this.className='calendarHover'" onMouseOut="this.className='calendarTd'">
<a href="/topic.do?time=<%=ds.getFullDay()%>" class="a"><%=ds.getDay()%> </a>
</td>
<%
}else{%>
<TD class="calendarTd" onMouseover="this.className='calendarHover'" onMouseOut="this.className='calendarTd'">
<%=ds.getDay()%>
</td>
<%}}
}
out.print("</tr>");
}
%>
</tbody>
</table>

这里有一些scripts，的确很难看哦，当然你可以通过自定义标签来消除这些难看的代码，怎么样，重构一下吧！

五，总结
   看了上面差不多能明白是如何来实现的吧,其实这里还可以更好的设计的，也就是有badsmell，可以重构一下。比如说可以让DayStatus这个设计成单纯的一个bean，把功能都转移出去。这样DayStatus可以作为一个VO直接用在前台界面的显示上。

   好了，都看的能理解了吧，有什么问题联系我吧[e-mail]

评论

2 楼 playfish 2008-11-13  

ReaiJava 写道

哥们 发布时打个包不好吗？ 不累呀这样发！

这个是以前网上转的帖子。。

1 楼 ReaiJava 2008-11-12  

哥们 发布时打个包不好吗？ 不累呀这样发！