一个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直接用在前台界面的显示上。

 
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值