兩畝三分地

     摘要: 之前項(xiàng)目有個(gè)模塊要求用樹(shù)形解決，附帶要實(shí)現(xiàn)checkbox,增刪修改以及copy/cut/paste等等功能； 因?yàn)橹皩懙娜擞昧藊loadTree，其他功能都實(shí)現(xiàn)了，但是客戶要求要有cookie功能，實(shí)現(xiàn)不了麻煩啊～ 正巧現(xiàn)在在學(xué)習(xí)用Ext,發(fā)現(xiàn)Ext的tree本身就很強(qiáng)大基本的功能都可以實(shí)現(xiàn)。 Code highlighting produced by Actipro Cod...  閱讀全文

Border布局作為Ext中整個(gè)框架的布局應(yīng)該說(shuō)很普遍，一般North放一個(gè)應(yīng)用的Logo bar,West一般會(huì)作為導(dǎo)航欄的放置位置；
而Center(East)往往作為整個(gè)應(yīng)用的核心部分，而South位置也往往放置一些應(yīng)用的版權(quán)等信息。

而導(dǎo)航欄一般會(huì)采用的呈現(xiàn)方式一般無(wú)非是Treepanel或者根據(jù)模塊放置多個(gè)Panel，而多數(shù)會(huì)采用的布局方式，往往是
Accordion的布局。比如像這樣(偷個(gè)懶直接用設(shè)計(jì)器寫的)：
一個(gè)基本的框架就產(chǎn)生了，而問(wèn)題也隨之而來(lái)。最主要的問(wèn)題是IE和FF顯示不一樣。應(yīng)該說(shuō)FF顯示很正常，按鍵根據(jù)導(dǎo)航欄的大小，改變每一行顯示的數(shù)量；
而IE呢，在第一次導(dǎo)航欄寬帶變大的時(shí)候，一切正常；而當(dāng)導(dǎo)航欄寬度縮小的時(shí)候，原來(lái)每行的按鍵數(shù)卻并不變。想想這Ext都3.2了，不會(huì)還有這么腦殘的bug吧；
google了下，國(guó)內(nèi)似乎對(duì)這個(gè)問(wèn)題也沒(méi)有什么討論的；于是直接去官網(wǎng)的論壇問(wèn)。

最初別人的提議是，更改westPanel的屬性
等于禁止westPanel的子欄目自動(dòng)變化寬度，試了如果westPanel的子欄目只有一個(gè)工作正常，但是如果多個(gè)的話，又悲劇了～

因?yàn)槊看沃挥?個(gè)子欄目的寬度在變化，所以產(chǎn)生這個(gè)問(wèn)題也不足為奇了。

最后某個(gè)網(wǎng)友提供了一個(gè)自己寫的補(bǔ)丁，問(wèn)題解決了。
配合補(bǔ)丁，westPanel的屬性也要有相應(yīng)的變化

     摘要: 發(fā)表，瀏覽，回復(fù)之后，我們將討論的是刪除和編輯留言。 因?yàn)檫@個(gè)只是一個(gè)簡(jiǎn)單的留言板，沒(méi)有用戶認(rèn)證之類繁瑣的事情，所以對(duì)于編輯和刪除留言，必須輸入 正確的id號(hào)和password；如果在發(fā)表或回復(fù)留言的時(shí)候沒(méi)有輸入密碼的話，就不能對(duì)留言進(jìn)行編輯或者刪除。 這里將寫的EditAction class與之前的有所不同,extends org.apache.struts.actions.Dispat...  閱讀全文

整個(gè)項(xiàng)目第二個(gè)重點(diǎn)就是回復(fù)留言，我的思路是在瀏覽留言的時(shí)候，回復(fù)鍵傳送主題的ID,一個(gè)Action Class處理這個(gè)請(qǐng)求，
將與這個(gè)ID相關(guān)的留言查詢出來(lái)，寫入ActionForm。

1. 打開(kāi)display.jsp文件，找到下面這幾行，后面添加一個(gè)form，用來(lái)提交查詢請(qǐng)求。
   
    1 <table>
    2     <tr>
    3         <td>
    4             <bean:write name="topic" property="post.subject"/> 留言者：<bean:write name="topic" property="post.name" /> 留言日：<bean:write name="topic" property="post.date" format="yyyy/MM/dd(E) HH:mm" />  No.<bean:write name="topic" property="post.id" />
    5         </td>
    6         <td>
    7             <html:form action="read">
    8                 <input type="hidden" name="id" value="<bean:write name='topic' property='post.id'/>"/>
    9               <html:submit value="回復(fù)" />
   10             </html:form>
   11       </td>
   12    </tr>
   13   </table>
   6-11行，就是新加入的對(duì)id的一個(gè)請(qǐng)求，這里我用了普通的html標(biāo)志來(lái)提交請(qǐng)求，當(dāng)然我們也可以用<html:hidden name="topic" property="post.id"/>，但是在處理請(qǐng)求的時(shí)候，相對(duì)的request.getParameter("id")，就要換成
   request.getParameter("post.id"）了；或者我們可以在那個(gè)Topic類里，添加一個(gè)id字段，那么在瀏覽留言的時(shí)候(ListAction的execute方法，list.add(new Topic(post,replies)); 改成list.add(new Topic(post,replies，post.getId()));)<html:hidden name="topic" property="id"/>也可以這樣用了。
   
   
2. 添加一個(gè)ActionForm bean ThreadForm.java,除了記錄一段留言外，還包括了行將用以回復(fù)的留言的預(yù)處理；
   
    1 public class ThreadForm extends org.apache.struts.action.ActionForm {
    2     
    3     private int id;
    4     private String name;
    5     private String subject;
    6     private String content;
    7     private String url;
    8     private String email;
    9     private int iconId;
   10     private String icon;
   11     private String password;
   12     private int replyId;
   13     private String font;
   14 
   15     private List icons;
   16 
   17     private Topic topic;
   18 
   19     // accessor methods..
   20     
   21 
   22     public ThreadForm() {
   23         super();
   24         // TODO Auto-generated constructor stub
   25         setUrl("http://");
   26         setFont("#800000");
   27         String sql = "select id,name,src from icon order by id";
   28         QueryRunner qr = DbHelper.getQueryRunner();
   29         List list = null;
   30         try {
   31             list = (List) qr.query(sql, new BeanListHandler(Icon.class));
   32             // TODO Auto-generated constructor stub
   33         } catch (SQLException ex) {
   34             Logger.getLogger(ThreadForm.class.getName()).log(Level.SEVERE, null, ex);
   35         }
   36         setIcons(list);
   37     }
   38     
   39   
   40 }
   41
   3-15行是負(fù)責(zé)對(duì)回復(fù)的預(yù)處理，ThreadForm（）方法中主要也是處理圖標(biāo)。
   
   
3. 這個(gè)回復(fù)過(guò)程其實(shí)是2部，1.預(yù)處理：包括列出與ID相關(guān)的留言,預(yù)設(shè)回復(fù)的默認(rèn)標(biāo)題以及對(duì)應(yīng)的回復(fù)id (replyId)；2.回復(fù)留言，添加記錄。
   a.  PreReplyAction.java
   
   public class PreReplyAction extends org.apache.struts.action.Action {
       
       /* forward name="success" path="" */
       private static final String SUCCESS = "bbs.read";
       
       /**
        * This is the action called from the Struts framework.
        * @param mapping The ActionMapping used to select this instance.
        * @param form The optional ActionForm bean for this request.
        * @param request The HTTP Request we are processing.
        * @param response The HTTP Response we are processing.
        * @throws java.lang.Exception
        * @return
        */
       @Override
       public ActionForward execute(ActionMapping mapping, ActionForm form,
               HttpServletRequest request, HttpServletResponse response)
              {
           ThreadForm f = (ThreadForm) form;
           String id = (String) request.getParameter("id");
           String sql;
           QueryRunner qr = DbHelper.getQueryRunner();
           
           List list = null;
           sql = "select * from guestbook where id = " + id;
           try {
               list = (List) qr.query(sql, new BeanListHandler(Post.class));
           } catch (SQLException ex) {
               Logger.getLogger(PreReplyAction.class.getName()).log(Level.SEVERE, null, ex);
           }
           Post post = null;
           post = (Post)list.get(0);
           List replies = null;
           sql = "select * from guestbook where replyId =" + id + " order by id";
           try {
               replies = (List) qr.query(sql, new BeanListHandler(Post.class));
           } catch (SQLException ex) {
               Logger.getLogger(PreReplyAction.class.getName()).log(Level.SEVERE, null, ex);
           }
           
           Topic topic = new Topic(post,replies);
           f.setTopic(topic);
           f.setSubject("Re :" + post.getSubject());
           f.setReplyId(post.getId());
   
           return mapping.findForward(SUCCESS);
       }
   }
   
   
   b. ReplyAction.java
   
    1 public class ReplyAction extends org.apache.struts.action.Action {
    2     
    3     /* forward name="success" path="" */
    4     private static final String SUCCESS = "bbs.reply";
    5     
    6     /**
    7      * This is the action called from the Struts framework.
    8      * @param mapping The ActionMapping used to select this instance.
    9      * @param form The optional ActionForm bean for this request.
   10      * @param request The HTTP Request we are processing.
   11      * @param response The HTTP Response we are processing.
   12      * @throws java.lang.Exception
   13      * @return
   14      */
   15     @Override
   16     public ActionForward execute(ActionMapping mapping, ActionForm form,
   17             HttpServletRequest request, HttpServletResponse response)
   18             throws Exception {
   19         ThreadForm f = (ThreadForm)form;
   20         String sql = "insert into guestbook (name,subject,email,url,content,iconId,password,font,replyId,date,lastReplyTime) " +
   21                 "values(?,?,?,?,?,?,?,?,?,now(),now())";
   22         String content = f.getContent();
   23         content = content.replaceAll(" ", "&nbsp;");
   24         content = content.replaceAll("\n","<br>");
   25         String params[] = {f.getName(),f.getSubject(),f.getEmail(),f.getUrl(),content,new Integer(f.getIconId()).toString(),f.getPassword(),f.getFont(),new Integer(f.getReplyId()).toString()};
   26 
   27         QueryRunner qr = DbHelper.getQueryRunner();
   28         try {
   29             qr.update(sql, params);
   30         } catch (SQLException ex) {
   31             Logger.getLogger(ReplyAction.class.getName()).log(Level.SEVERE, null, ex);
   32         }
   33        sql = "update guestbook set lastReplyTime= now() where id = " + f.getReplyId();
   34         try {
   35             qr.update(sql);
   36         } catch (SQLException ex) {
   37             Logger.getLogger(ReplyAction.class.getName()).log(Level.SEVERE, null, ex);
   38         }
   39         return mapping.findForward(SUCCESS);
   40     }
   41 }
   這個(gè)基本和添加留言的一直，只是在insert回復(fù)記錄以后，更新主題留言的最近的回復(fù)時(shí)間，可以保證瀏覽留言的時(shí)候，該主題能在最前端。
   
   
4. reply.jsp 基本和之前寫的jsp頁(yè)面區(qū)別不大，省略了。
   
   
5. 添加相應(yīng)的forwarding信息。
   
   <global-forwards>
           <forward name="bbs.post" path="/result.jsp"/>
           <forward name="bbs.list" path="/display.jsp"/>
           <forward name="bbs.read" path="/reply.jsp" />
           <forward name="bbs.reply" path="/list.do" />
           <forward name="welcome"  path="/Welcome.do"/>
   </global-forwards>
   根據(jù)forward的指向，我們可以看到在reply.jsp按下回復(fù)鍵以后，直接轉(zhuǎn)向list.do動(dòng)作。
   至于action-mapping 沒(méi)有什么要注意的。
   
   
6. 整個(gè)回復(fù)過(guò)程就此完成。
   

     摘要: 既然我們已經(jīng)成功完成了第一個(gè)ActionForm Bean和與之相關(guān)的Action Class；后面的專題中將不再詳細(xì)的去寫與他們相關(guān)的開(kāi)發(fā)步驟了。 現(xiàn)在我們開(kāi)始寫留言板的主體部分，即對(duì)整個(gè)留言就行瀏覽。因?yàn)槊總€(gè)post都有一個(gè)replyId字段，用來(lái)對(duì)應(yīng)其所回復(fù)的留言id；如果這個(gè) replyId等于-1的話，即該留言沒(méi)有對(duì)應(yīng)的回復(fù)。好了還是先從這個(gè)JSP頁(yè)面寫起。 displ...  閱讀全文