html與jsp開發分離技術

來源:互聯網
上載者:User
js


    在傳統的JSP程式中,我們將HTML代碼與Java代碼混合在一起編寫,這樣雖然方便,但同時也導致頁面難以維護,HTML開發人員和JSP開發人員負擔加重,我們可以將這種傳統的技術成為頁面拉資料技術。

    怎樣才能做到將HTML開發和JSP開發分離呢?答案就是使用Tag技術,通過使用Tag技術,我們就可以在頁面程式中不出現JSP代碼,在需要資料的地方,大家先約定好標籤,然後由Tag的幕後處理程式去替換這些標籤,顯示資料。我稱這種技術叫做向頁面推資料,頁面只要定義好格式就行了。這樣,我們可以讓HTML開發人員專註於頁面的外觀,而Java程式員則不用理會頁面顯示,專註於背景程式,大大提高了程式的可維護性和方便性。便於各程式員之間的協作開發。

    首先你要懂一些Tag技術,然後才能閱讀本文。下面是範例程式:

一、首先是替換字串的replace函數

  // 替換字串函數
  // String strSource - 源字串
  // String strFrom   - 要替換的子串
  // String strTo     - 替換為的字串
  public static String replace(String strSource, String strFrom, String strTo)
  {
      // 如果要替換的子串為空白,則直接返回源串
      if(strFrom == null || strFrom.equals(""))
          return strSource;
      String strDest = "";
      // 要替換的子串長度
      int intFromLen = strFrom.length();
      int intPos;
      // 迴圈替換字串
      while((intPos = strSource.indexOf(strFrom)) != -1)
      {
          // 擷取匹配字串的左邊子串
          strDest = strDest + strSource.substring(0,intPos);
          // 加上替換後的子串
          strDest = strDest + strTo;
          // 修改源串為匹配子串後的子串
          strSource = strSource.substring(intPos + intFromLen);
      }
      // 加上沒有匹配的子串
      strDest = strDest + strSource;
      // 返回
      return strDest;
  }

二、Tld文(MyBookTag.tld) 定義你的標籤


<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE taglib
        PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"
        "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd">
<taglib>
  <tlib-version>1.0</tlib-version>
  <jsp-version>1.2</jsp-version>
  <short-name></short-name>
  <tag>
    <name>ListBook</name>
    <tag-class>com.book.taglib.ListBookTag</tag-class>
    <body-content>JSP</body-content>
  </tag>
</taglib>

三、Tag的幕後處理檔案,負責解釋標籤(ListBookTag.java)

package com.book.taglib;

import java.util.*;
import java.lang.*;

import com.book.model.bookmodel;
import com.book.utils.StringHelper;

import javax.servlet.jsp.JspTagException;
import javax.servlet.jsp.tagext.BodyTagSupport;
import javax.servlet.jsp.tagext.BodyContent;
import javax.servlet.jsp.PageContext;
import javax.servlet.jsp.JspWriter;
import javax.servlet.ServletRequest;

public class ListBookTag extends BodyTagSupport {

   // 標誌開始位置執行
   public int doStartTag(){
     return EVAL_BODY_BUFFERED;
   }
   // 標誌結束位置執行
   public int doEndTag()throws JspTagException {
     int max = 0;
     String ListBody = null;
     int number = 1;
    // 擷取頁碼資訊,也就是request對象中的內容
     String serialNo = pageContext.getRequest().getParameter("serialNo");
    // 轉換為整數
     try{
       number = Integer.parseInt(serialNo);
     }
     catch(Exception e){
       number = 1;
     }
     if (number < 1)
         number = 1;
     // 擷取儲存在Session中的資料集,當然這裡也可以從資料庫中取資料
     Vector bookVector = (Vector)pageContext.getSession().getAttribute("bookVector");
     if(number*10<bookVector.size())
         max = number*10;
     else
         max = bookVector.size();
     if(bookVector.size()>0){
         // 擷取標籤內部的內容
         BodyContent bc = getBodyContent();
         for (int i = (number - 1) * 10; i < max; i++) {
           // 擷取一條記錄
           bookmodel model = (bookmodel) bookVector.get(i);
           if (model == null)
             model = new bookmodel();
           // 替換內容(就是在這裡輸出資料的,替換)
           String body = bc.getString();
           body = StringHelper.replace(body, "$_SerialNo", model.getBookid());
           body = StringHelper.replace(body, "$_BookName", model.getBookname());
           body = StringHelper.replace(body, "$_Author",  model.getAuthor());
           body = StringHelper.replace(body, "$_PHouse", model.getPhouse());
           body = StringHelper.replace(body, "$_Price", model.getPrice().toString());
           body = StringHelper.replace(body, "$_index", Integer.toString(i));
           // 向頁面輸出
           try{
             pageContext.getOut().print(body);
           }
           catch(Exception e){

           }
         }
      }
     return EVAL_PAGE;
   }
}

四、JSP頁面(BookList.jsp)

<%@page contentType="text/html; charset=GBK"%>
<%@ taglib uri="/MyBookTag" prefix="MyBookTag" %>
<html>
<head>
<title>一個基於J2EE的圖書DEMO</title>

<script language="javascript">
function returnBack(){
    document.form1.action = "BookAdmin.jsp";
}
</script>

</head>
<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0">


<h2 align="center"><font face="黑體" color="#0000CC">圖書列表</font></h2>
<form name="form1" method="post">
  <table width="750" border="1" cellspacing="0" align="center" cellpadding="3" bordercolor="#A5ABB6" bordercolordark="#ffffff">
    <tr align="center">
      <td width="100" bgcolor="FEFBF4" height="41">序號</td>
      <td width="200" bgcolor="FEFBF4" height="41">圖示名稱</td>
      <td width="100" bgcolor="FEFBF4" height="41">圖書作者</td>
      <td width="200" bgcolor="FEFBF4" height="41">出版社</td>
      <td width="50" bgcolor="FEFBF4" height="41">圖書價格</td>
      <td width="100" bgcolor="FEFBF4" height="41">操作</td>
    </tr>
   <!--這裡使用標籤技術,如果不用,就麻煩了,相信您一定有感觸-->
   <MyBookTag:ListBook>
    <tr align="center">
      <td width="100" height="19">$_SerialNo</td>
      <td width="200" height="19">$_BookName</td>
      <td width="100">$_Author</td>
      <td width="200">$_PHouse</td>
      <td width="50" height="19">$_Price</td>
      <td width="100" height="19" align="left">
      <a href="bookEditTable.jsp?ItemNo=$_index">
        <font color="#0000CC">編輯</font>
      </a>
      |<a href="bookview.jsp?ItemNo=$_index">
        <font color="#FF0000">查看</font>
      </a>
      </td>
    </tr>
   </MyBookTag:ListBook>

  </table>
  <table width="400" border="0">
    <tr>
      <td width="100%" align="right">
        <div align="right">
          <input type="submit" name="Submit" value="返回" class="annew1">
        </div>
      </td>
    </tr>
  </table>
  </form>
  <p align="left"> </p>
</body>
</html





相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.