文章詳情頁(yè)

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

瀏覽：25日期：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. 理解PHP5中static和const關(guān)鍵字2. Android table布局開發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器3. jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼4. IntelliJ IDEA安裝插件的方法步驟5. php模擬實(shí)現(xiàn)斗地主發(fā)牌6. vue 使用localstorage實(shí)現(xiàn)面包屑的操作7. Vue封裝一個(gè)TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)8. Python random庫(kù)使用方法及異常處理方案9. .Net Core使用Coravel實(shí)現(xiàn)任務(wù)調(diào)度的完整步驟10. Vuex localStorage的具體使用

排行榜

					
					Android table布局開發(fā)實(shí)現(xiàn)簡(jiǎn)單計(jì)算器
jQuery 實(shí)現(xiàn)DOM元素拖拽交換位置的實(shí)例代碼
php模擬實(shí)現(xiàn)斗地主發(fā)牌
理解PHP5中static和const關(guān)鍵字
IntelliJ IDEA安裝插件的方法步驟
Docker 容器健康檢查機(jī)制
Python random庫(kù)使用方法及異常處理方案
.Net Core使用Coravel實(shí)現(xiàn)任務(wù)調(diào)度的完整步驟
Vuex localStorage的具體使用
Android 在 res/layout 文件夾 下創(chuàng)建一個(gè) 子文件夾實(shí)例
Vue封裝一個(gè)TodoList的案例與瀏覽器本地緩存的應(yīng)用實(shí)現(xiàn)
				