相信大家都看到很多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
注意: 对于非格里高里日历,为了保证完全没有歧义,可能会需要不同的域。 例如,关于阿拉伯宇宙日历的完整的规格说明有时需要年、月、一月中的日期 和 一周中的日期。
注意: 对于某些特别的时间的解释可能会有一定的歧义,这可以用下列方式解决:
- 24:00:00 “属于”下一天。即,1969 年 11 月 31 日 23:59 < 1970 年 1 月 1 日 24:00 < 1970 年 1 月 1 日 24:01:00。
- 尽管历史的来看不精确,午夜也属于“上午”,中午属于“下午”,所以在同一天,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
1<timelist.size();i++) ("月天数="+month_count); // 检查月天数
2
3// 开始赋值
4
5int temp_day=9-before; //第二行 起始的日期数
6
7// System.out.println (" (d.getday());="" );="" *="" ,考虑闰年的2月*="" 2.daystatus的编码设计="" 3.dateutil的编码设计="" :="" ;="" <table="" after="+after);
8//第一行的处理
9for(int k=0;k<before-1;k++){
10arr[0][k]=new DayStatus(0);} //为前面的几个赋值空格
11
12
13for(int m=1;m<9-before;m++){
14arr[0][before-2+m]=new DayStatus(m);
15}
16
17/*检查第一行 完成 无误*/
18
19
20//接下来的处理
21for(int i=1;i<6;i++){
22for(int j=0;j<7;j++){
23if(temp_day<=month_count){
24arr[i][j]=new DayStatus(temp_day);
25temp_day++;
26}
27else{arr[i][j]=new DayStatus(0);}
28}
29}
30
31
32/*
33System.out.println (" after;="" arr="new" arr;="" before="+before); // test
34// System.out.println (" boolean="" border="0" ca="new" ca.roll(calendar.month,true);="" calendar="" calendar.day_of_week="" cellpadding="0" cellspacing="0" class="calendarBigBorder" context.setattribute("haveblogday",haveblogday);="" context.setattribute("haveblogmonth",haveblogmonth);="" d="arr[t][i];" date="" date();="" day;="" daystatus="" daystatus(){}="" daystatus(int="" daystatus[6][7];="" daystatus[][]="" daystatus{="" df="new" else="" else{="" else{after="next_before-1;}" else{month_count="28;}" else{today="nowtime+day;}" false;="" for(int="" getcalendar(int="" getday(){="" getfullday(){="" gregoriancalendar(year,month,1);="" hashset="" hashset(timelist);="" have_blog;="" haveblog(hashset="" haveblogday="new" haveblogmonth="new" hs){="" hs.contains(today);="" i="0;i<7;i++){" id="caltable" if(!day.equals(" ")){="" if(before<="after){" if(integer.parseint(day)<10){today='nowtime+"0"+day;}' if(next_before="1){after=7;}" if(t="0){" if(temp<7){month_count="temp+28;" if(this.day.equals(nowtime))="" int="" istoday(){="" log.info("haveblogday="" log.info("haveblogmonth="" month){="" month_count;="" next_before="ca.get(" now="new" nowtime="df.format(now).toString();" private="" public="" return="" simpledateformat="" simpledateformat("dd");="" simpledateformat("yyyy.mm.");="" static="" string="" system.out.println="" t="0;t<6;t++){" t){="" tem="(String)timeList.get(i);" temp="8-before+after;" this.day="String.valueOf(t);" this.day;="" this.have_blog="false;" timelist.set(i,textutil.substring(tem,10));="" timelist.set(i,textutil.substring(tem,7));="" today="" today;="" true;="" width="100%" year,int="" {="" }="" 一个月的天数="" 上面使用了hibernate来获取数据,这里使用="" 内");="" 初始化="" 四,前台web页面的显示="" 已经存入app="" 得到当前时间="" 得到月历前的空白天数="" 日历数组="" 检查全部数组");="" 滚动一个月后="" 然后定义方法getcalendar()="" 的数据不可重复性来保证日期的唯一。="" 获取月天数="" 返回="" 首先要定义几个类变量="">
35<thead>
36<tr align="center" valign="middle">
37<td class="calendarTd">日</td>
38<td class="calendarTd">一</td>
39<td class="calendarTd">二</td>
40<td class="calendarTd">三</td>
41<td class="calendarTd">四</td>
42<td class="calendarTd">五</td>
43<td class="calendarTd">六</td>
44</tr>
45</thead>
46<tbody align="CENTER" border="1" cellpadding="0" cellspacing="0" id="calendar">
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()){
1<td class="calendarNow" onmouseout="this.className='calendarNow'" onmouseover="this.className='calendarHover'">
=ds.getDay()
1</td>
}
else{
if(ds.haveBlog(hs)){
1<td class="calendarTd" onmouseout="this.className='calendarTd'" onmouseover="this.className='calendarHover'">
2<a class="a" href="/topic.do?time= ```
3=ds.getFullDay()
4``` "> ```
5=ds.getDay()
6``` </a>
7</td>
}else{
1<td class="calendarTd" onmouseout="this.className='calendarTd'" onmouseover="this.className='calendarHover'">
=ds.getDay()
1</td>
}}
}
out.print("</tr>");
}
1</tbody>
2
3
4
5这里有一些scripts,的确很难看哦,当然你可以通过自定义标签来消除这些难看的代码,怎么样,重构一下吧!
6
7五,总结
8看了上面差不多能明白是如何来实现的吧,其实这里还可以更好的设计的,也就是有badsmell,可以重构一下。比如说可以让DayStatus这个设计成单纯的一个bean,把功能都转移出去。这样DayStatus可以作为一个VO直接用在前台界面的显示上。
9
10好了,都看的能理解了吧,有什么问题联系我吧 [email protected]</timelist.size();i++)>