上一節談了displaytag的基本用法，這一節就結合項目來看一下。按照常理，可能使用到displaytag的地方，
集中在管理頁面里，譬如對博文的管理或者是針對comments的管理；相對而言category似乎并不需要使用分頁；
很少會有人開幾十個不同的分類吧 XD。
好吧，我們來比較一下，displaytag和原來的代碼有什么不同。
這是原先的頁面 網頁的code：
1 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
3 "http://www.w3.org/TR/html4/loose.dtd">
4 <%@page import="java.util.List" %>
5 <%@page import="java.text.SimpleDateFormat" %>
6 <%@page import="com.blog.Blog" %>
7 <%@page import="com.blog.Category" %>
8 <%@page import="com.blog.Comment" %>
9 <script type="text/javascript" language="JAVASCRIPT">
10 function del(){
11 var msg = "您真的確定要刪除嗎？\n\n請確認！";
12 if (confirm(msg)){
13 return true;
14 }else{
15 return false;
16 }
17 }
18 </script>
19 <div id="mainContent">
20 <% Category category = (Category) request.getAttribute("category");
21 if (category!=null){
22 out.print("<h3><a href='"+request.getContextPath()+"'>JAVA試驗田</a>»"+category.getName()+"</h3>");
23 }
24 %>
25 <table>
26 <tr>
27 <th>主題</th>
28 <th></th>
29 <th></th>
30 </tr>
31
32 <% List blogs = (List) request.getAttribute("blogs");
33 if (blogs != null){
34 SimpleDateFormat fDate = new SimpleDateFormat("yyyy-MM-dd");
35 SimpleDateFormat fTime = new SimpleDateFormat("HH:mm");
36 for (int i=0;i<blogs.size();i++){
37 Blog blog = (Blog)blogs.get(i);%>
38 <tr>
39 <td><a href="<%=request.getContextPath()%>/BlogServlet?method=get&bid=<%=blog.getId()%>"><%=blog.getTitle()%></a> (<%=fDate.format(blog.getDate())%> <%=fTime.format(blog.getDate())%>)</td>
40 <td> <a href="<%=request.getContextPath()%>/BlogServlet?method=edit&bid=<%=blog.getId()%>"><img src="<%=request.getContextPath()%>/admin/img/edit.gif" border=0 alt="編輯"/></a></td>
41 <td> <a href="<%=request.getContextPath()%>/BlogServlet?method=delete&bid=<%=blog.getId()%>" onclick="javascript:return del()"><img src="<%=request.getContextPath()%>/admin/img/delete.gif" border=0 alt="刪除"/></a></td>
42
43 </tr>
44
45 <% }
46 }
47 %>
48 </table>
49 <!-- end #mainContent --></div>
50 <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
51
對比一下使用displayTag的頁面顯示
再看一下新的網頁的寫法：
1 <%@taglib uri="http://displaytag.sf.net" prefix="display" %>
2 <%@page import="java.util.List" %>
3 <%@page import="java.text.SimpleDateFormat" %>
4 <%@page import="com.blog.Blog" %>
5 <%@page import="com.blog.Category" %>
6 <%@page import="com.blog.Comment" %>
7 <script type="text/javascript" language="JAVASCRIPT">
8 function del(){
9 var msg = "您真的確定要刪除嗎？\n\n請確認！";
10 if (confirm(msg)){
11 return true;
12 }else{
13 return false;
14 }
15 }
16 </script>
17 <div id="mainContent">
18 <% Category category = (Category) request.getAttribute("category");
19 if (category != null) {
20 out.print("<h3><a href='" + request.getContextPath() + "'>JAVA試驗田</a>»" + category.getName() + "</h3>");
21 }
22 %>
23 <display:table name="blogs" id="blog" pagesize="10" requestURI="/Blog/BlogServlet">
24 <display:column property="title" title="主題"/>
25 <display:column property="date" format="{0,date,yyyy-MM-dd HH:mm}" title="日期"/>
26 <display:column title="操作">
27 <a href="<%=request.getContextPath()%>/BlogServlet?method=edit&bid=${blog.id}"><img src="<%=request.getContextPath()%>/admin/img/edit.gif" border=0 alt="編輯" /></a>
28 <a href="<%=request.getContextPath()%>/BlogServlet?method=delete&bid=${blog.id}" onclick="javascript:return del()"><img src="<%=request.getContextPath()%>/admin/img/delete.gif" border=0 alt="刪除"/></a>
29 </display:column>
30 </display:table>
31 <!-- end #mainContent --></div>
32 <!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
33
34
23行指定了displayTag顯示每頁10條數據。