文章詳情頁
html與jsp開發分離技術
瀏覽：11日期：2024-06-23 11:53:09
內容: 在傳統的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' ?> taglib PUBLIC '//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN' 'http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd'> 1.0 1.2 ListBook com.book.taglib.ListBookTag <body-content>JSP</body> 三、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*100){ // 獲取標簽內部的內容 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' %><head>一個基于J2EE的圖書DEMO<script language='javascript'>function returnBack(){ document.form1.action = 'BookAdmin.jsp';}</script></head><body bgcolor='#FFFFFF' text='#000000' leftmargin='0' topmargin='0'>圖書列表<form name='form1' method='post'> <table border='1' cellspacing='0' cellpadding='3' bordercolor='#A5ABB6' bordercolordark='#ffffff'> <tr align='center'> <td bgcolor='FEFBF4' height='41'>序號</td> <td bgcolor='FEFBF4' height='41'>圖示名稱</td> <td bgcolor='FEFBF4' height='41'>圖書作者</td> <td bgcolor='FEFBF4' height='41'>出版社</td> <td bgcolor='FEFBF4' height='41'>圖書價格</td> <td bgcolor='FEFBF4' height='41'>操作</td> </tr>
標簽：
JavaScript
相關文章：
排行榜
網公網安備