掃二維碼與項(xiàng)目經(jīng)理溝通
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
在傳統(tǒng)的JSP源碼程序中，頁(yè)面與代碼分離還不是很普遍的應(yīng)用我們將HTML代碼與Java代碼混合在一起編寫(xiě)，這樣雖然方便，但同時(shí)也導(dǎo)致頁(yè)面難以維護(hù)，HTML開(kāi)發(fā)人員和JSP開(kāi)發(fā)人員負(fù)擔(dān)加重，我們可以將這種傳統(tǒng)的技術(shù)成為頁(yè)面拉數(shù)據(jù)技術(shù)。
怎樣才能做到將HTML源碼開(kāi)發(fā)和JSP源碼開(kāi)發(fā)分離呢？答案就是使用Tag技術(shù)，通過(guò)使用Tag技術(shù)，我們就可以實(shí)現(xiàn)頁(yè)面與代碼分離，在需要數(shù)據(jù)的地方，大家先約定好標(biāo)簽，然后由Tag的后臺(tái)處理程序去替換這些標(biāo)簽，顯示數(shù)據(jù)。我稱(chēng)這種技術(shù)叫做向頁(yè)面推數(shù)據(jù)，頁(yè)面只要定義好格式就行了。這樣，我們可以讓HTML開(kāi)發(fā)人員專(zhuān)注于頁(yè)面的外觀，而Java程序員則不用理會(huì)頁(yè)面顯示，專(zhuān)注于后臺(tái)程序，大大提高了程序的可維護(hù)性和方便性。便于各程序員之間的協(xié)作開(kāi)發(fā)。
首先你要懂一些Tag技術(shù)，然后才能閱讀本文。下面是樣例程序：
一、替換字符串的replace函數(shù)
通過(guò)這個(gè)函數(shù)的使用來(lái)開(kāi)始我們的頁(yè)面與代碼分離。
- // 替換字符串函數(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)
- {
- // 獲取匹配字符串的左邊子串
- strDeststrDest = strDest + strSource.substring(0,intPos);
- // 加上替換后的子串
- strDeststrDest = strDest + strTo;
- // 修改源串為匹配子串后的子串
- strSourcestrSource = strSource.substring(intPos + intFromLen);
- }
- // 加上沒(méi)有匹配的子串
- strDeststrDest = strDest + strSource;
- // 返回
- return strDest;
- }
二、Tld文(MyBookTag.tld) 定義你的標(biāo)簽
標(biāo)簽的定義也是在JSP源碼中實(shí)現(xiàn)頁(yè)面與代碼分離的重要一步。
- ﹤?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的后臺(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)志開(kāi)始位置執(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*10﹤bookVector.size())
- max = number*10;
- else
- max = bookVector.size();
- if(bookVector.size()﹥0){
- // 獲取標(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;
- }
- }
四、頁(yè)面JSP源碼(BookList.jsp)
至此我們可以操作JSP來(lái)實(shí)現(xiàn)頁(yè)面與代碼分離。
- ﹤%@page contentType="text/html; charset=GBK"%﹥
- ﹤%@ taglib uri="/MyBookTag" prefix="MyBookTag" %﹥
- ﹤html﹥
- ﹤head﹥
- ﹤title﹥一個(gè)基于J2EE的圖書(shū)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"﹥圖書(shū)列表﹤/font﹥﹤/h2﹥
- ﹤form name="form1" method="post"﹥
- ﹤table width="750" border="1" cellspacing="0" align="center" cellpadding="3" bordercolor="#A***BB6" bordercolordark="#ffffff"﹥
- ﹤tr align="center"﹥
- ﹤td width="100" bgcolor="FEFBF4" height="41"﹥序號(hào)﹤/td﹥
- ﹤td width="200" bgcolor="FEFBF4" height="41"﹥圖示名稱(chēng)﹤/td﹥
- ﹤td width="100" bgcolor="FEFBF4" height="41"﹥圖書(shū)作者﹤/td﹥
- ﹤td width="200" bgcolor="FEFBF4" height="41"﹥出版社﹤/td﹥
- ﹤td width="50" bgcolor="FEFBF4" height="41"﹥圖書(shū)價(jià)格﹤/td﹥
- ﹤td width="100" bgcolor="FEFBF4" height="41"﹥操作﹤/td﹥
- ﹤/tr﹥
- ﹤!--這里使用標(biāo)簽技術(shù)，如果不用，就麻煩了，相信您一定有感觸--﹥
- ﹤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="返回" onClick="javascript:returnBack();" class="annew1"﹥
- ﹤/div﹥
- ﹤/td﹥
- ﹤/tr﹥
- ﹤/table﹥
- ﹤/form﹥
- ﹤p align="left"﹥ ﹤/p﹥
- ﹤/body﹥
- ﹤/html﹥
以上就是頁(yè)面與代碼分離在JSP源碼中的實(shí)現(xiàn)，希望對(duì)你有幫助。
我們?cè)谖⑿派?4小時(shí)期待你的聲音
解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流
微信二維碼
微信二維碼
移動(dòng)版官網(wǎng)