文章詳情頁(yè)

html與jsp開發(fā)分離技術(shù)

瀏覽：37日期：2024-06-23 11:53:09

內(nèi)容: 在傳統(tǒng)的JSP程序中，我們將HTML代碼與Java代碼混合在一起編寫，這樣雖然方便，但同時(shí)也導(dǎo)致頁(yè)面難以維護(hù)，HTML開發(fā)人員和JSP開發(fā)人員負(fù)擔(dān)加重，我們可以將這種傳統(tǒng)的技術(shù)成為頁(yè)面拉數(shù)據(jù)技術(shù)。怎樣才能做到將HTML開發(fā)和JSP開發(fā)分離呢？答案就是使用Tag技術(shù)，通過使用Tag技術(shù)，我們就可以在頁(yè)面程序中不出現(xiàn)JSP代碼，在需要數(shù)據(jù)的地方，大家先約定好標(biāo)簽，然后由Tag的后臺(tái)處理程序去替換這些標(biāo)簽，顯示數(shù)據(jù)。我稱這種技術(shù)叫做向頁(yè)面推數(shù)據(jù)，頁(yè)面只要定義好格式就行了。這樣，我們可以讓HTML開發(fā)人員專注于頁(yè)面的外觀，而Java程序員則不用理會(huì)頁(yè)面顯示，專注于后臺(tái)程序，大大提高了程序的可維護(hù)性和方便性。便于各程序員之間的協(xié)作開發(fā)。首先你要懂一些Tag技術(shù)，然后才能閱讀本文。下面是樣例程序：一、首先是替換字符串的replace函數(shù) // 替換字符串函數(shù) // 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 = ''; // 要替換的子串長(zhǎng)度 int intFromLen = strFrom.length(); int intPos; // 循環(huán)替換字符串 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) 定義你的標(biāo)簽<?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的后臺(tái)處理文件，負(fù)責(zé)解釋標(biāo)簽(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 { // 標(biāo)志開始位置執(zhí)行 public int doStartTag(){ return EVAL_BODY_BUFFERED; } // 標(biāo)志結(jié)束位置執(zhí)行 public int doEndTag()throws JspTagException { int max = 0; String ListBody = null; int number = 1; // 獲取頁(yè)碼信息，也就是request對(duì)象中的內(nèi)容 String serialNo = pageContext.getRequest().getParameter('serialNo'); // 轉(zhuǎn)換為整數(shù) try{ number = Integer.parseInt(serialNo); } catch(Exception e){ number = 1; } if (number < 1) number = 1; // 獲取保存在Session中的數(shù)據(jù)集，當(dāng)然這里也可以從數(shù)據(jù)庫(kù)中取數(shù)據(jù) Vector bookVector = (Vector)pageContext.getSession().getAttribute('bookVector'); if(number*100){ // 獲取標(biāo)簽內(nèi)部的內(nèi)容 BodyContent bc = getBodyContent(); for (int i = (number - 1) * 10; i < max; i++) { // 獲取一條記錄 bookmodel model = (bookmodel) bookVector.get(i); if (model == null) model = new bookmodel(); // 替換內(nèi)容（就是在這里輸出數(shù)據(jù)的，替換） 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)); // 向頁(yè)面輸出 try{ pageContext.getOut().print(body); } catch(Exception e){ } } } return EVAL_PAGE; }}四、JSP頁(yè)面(BookList.jsp)<%@page contentType='text/html; charset=GBK'%><%@ taglib uri='/MyBookTag' prefix='MyBookTag' %><head>一個(gè)基于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'>序號(hào)</td> <td bgcolor='FEFBF4' height='41'>圖示名稱</td> <td bgcolor='FEFBF4' height='41'>圖書作者</td> <td bgcolor='FEFBF4' height='41'>出版社</td> <td bgcolor='FEFBF4' height='41'>圖書價(jià)格</td> <td bgcolor='FEFBF4' height='41'>操作</td> </tr>

JavaScript

上一條：java1.5可讀性評(píng)論下一條：用JAVA實(shí)現(xiàn)MSN Messager的功能

相關(guān)文章：

1. 使用Python webdriver圖書館搶座自動(dòng)預(yù)約的正確方法2. Python字符串到字節(jié)的轉(zhuǎn)換。雙反斜杠問題3. python 使用事件對(duì)象asyncio.Event來同步協(xié)程的操作4. Python 合并拼接字符串的方法5. Python sublime安裝及配置過程詳解6. Python3 json模塊之編碼解碼方法講解7. Linux刪除系統(tǒng)自帶版本Python過程詳解8. Java Long類型對(duì)比分析9. ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條10. ASP基礎(chǔ)知識(shí)VBScript基本元素講解

排行榜

					
					使用Python webdriver圖書館搶座自動(dòng)預(yù)約的正確方法
Android 簡(jiǎn)單的實(shí)現(xiàn)滑塊拼圖驗(yàn)證碼功能
ASP.NET MVC使用jQuery ui的progressbar實(shí)現(xiàn)進(jìn)度條
springboot配置Jackson返回統(tǒng)一默認(rèn)值的實(shí)現(xiàn)示例
淺談django不使用restframework自定義接口與使用的區(qū)別
樹型結(jié)構(gòu)列出指定目錄里所有文件的PHP類
Linux刪除系統(tǒng)自帶版本Python過程詳解
ASP基礎(chǔ)知識(shí)VBScript基本元素講解
Python字符串到字節(jié)的轉(zhuǎn)換。雙反斜杠問題
Python 合并拼接字符串的方法
Java Long類型對(duì)比分析
				