文章詳情頁(yè)
html與jsp開發(fā)分離技術(shù)
瀏覽：12日期：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ù)，通過(guò)使用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); } // 加上沒(méi)有匹配的子串 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>
標(biāo)簽：
JavaScript
相關(guān)文章：
1. asp.net core服務(wù)限制堆內(nèi)存大小的操作方法2. 解決ajax請(qǐng)求后臺(tái),有時(shí)收不到返回值的問(wèn)題3. SpringMVC+Jquery實(shí)現(xiàn)Ajax功能4. 使用IDEA編寫jsp時(shí)EL表達(dá)式不起作用的問(wèn)題及解決方法5. ASP.NET MVC實(shí)現(xiàn)單個(gè)圖片上傳、限制圖片格式與大小并在服務(wù)端裁剪圖片6. jstl 字符串處理函數(shù)7. .NET 6 跨服務(wù)器聯(lián)表查詢操作MySql、Oracle、SqlServer等相互聯(lián)表8. ThinkPHP5 通過(guò)ajax插入圖片并實(shí)時(shí)顯示(完整代碼)9. ASP.NET Core 依賴注入生命周期示例詳解10. 讀大數(shù)據(jù)量的XML文件的讀取問(wèn)題
排行榜
網(wǎng)公網(wǎng)安備