转载

JSP源码技术之页面与代码分离

在传统的JSP源码程序中,页面与代码分离还不是很普遍的应用我们将HTML代码与Java代码混合在一起编写,这样虽然方便,但同时也导致页面难以维护,HTML开发人员和JSP开发人员负担加重,我们可以将这种传统的技术成为页面拉数据技术。

怎样才能做到将HTML源码开发和JSP源码开发分离呢?答案就是使用Tag技术,通过使用Tag技术,我们就可以实现页面与代码分离,在需要数据的地方,大家先约定好标签,然后由Tag的后台处理程序去替换这些标签,显示数据。我称这种技术叫做向页面推数据,页面只要定义好格式就行了。这样,我们可以让HTML开发人员专注于页面的外观,而Java程序员则不用理会页面显示,专注于后台程序,大大提高了程序的可维护性和方便性。便于各程序员之间的协作开发。

首先你要懂一些Tag技术,然后才能阅读本文。下面是样例程序:

一、替换字符串的replace函数

通过这个函数的使用来开始我们的页面与代码分离。

  1. // 替换字符串函数  
  2. // String strSource - 源字符串  
  3. // String strFrom   - 要替换的子串  
  4. // String strTo     - 替换为的字符串  
  5. public static String replace(String strSource, String strFrom, String strTo)  
  6. {  
  7.       // 如果要替换的子串为空,则直接返回源串  
  8.       if(strFrom == null || strFrom.equals(""))  
  9.           return strSource;  
  10.       String strDest = "";  
  11.       // 要替换的子串长度  
  12.       int intFromLen = strFrom.length();  
  13.       int intPos;  
  14.       // 循环替换字符串  
  15.       while((intPos = strSource.indexOf(strFrom)) != -1)  
  16.       {  
  17.           // 获取匹配字符串的左边子串  
  18.           strDeststrDest = strDest + strSource.substring(0,intPos);  
  19.           // 加上替换后的子串  
  20.           strDeststrDest = strDest + strTo;  
  21.           // 修改源串为匹配子串后的子串  
  22.           strSourcestrSource = strSource.substring(intPos + intFromLen);  
  23.       }  
  24.       // 加上没有匹配的子串  
  25.       strDeststrDest = strDest + strSource;  
  26.       // 返回  
  27.       return strDest;  
  28. }  
  29.  

二、Tld文(MyBookTag.tld) 定义你的标签

标签的定义也是在JSP源码中实现页面与代码分离的重要一步。

  1. ?xml version="1.0" encoding="ISO-8859-1" ?  
  2. !DOCTYPE taglib  
  3.         PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.2//EN"  
  4.         "http://java.sun.com/dtd/web-jsptaglibrary_1_2.dtd"  
  5. taglib  
  6. tlib-version1.0/tlib-version  
  7. jsp-version1.2/jsp-version  
  8. short-name/short-name  
  9. tag  
  10.     nameListBook/name  
  11.     tag-classcom.book.taglib.ListBookTag/tag-class  
  12.     body-contentJSP/body-content  
  13. /tag  
  14. /taglib  
  15.  

三、Tag的后台处理文件,负责解释标签(ListBookTag.java)

  1. package com.book.taglib;  
  2.  
  3. import java.util.*;  
  4. import java.lang.*;  
  5.  
  6. import com.book.model.bookmodel;  
  7. import com.book.utils.StringHelper;  
  8.  
  9. import javax.servlet.jsp.JspTagException;  
  10. import javax.servlet.jsp.tagext.BodyTagSupport;  
  11. import javax.servlet.jsp.tagext.BodyContent;  
  12. import javax.servlet.jsp.PageContext;  
  13. import javax.servlet.jsp.JspWriter;  
  14. import javax.servlet.ServletRequest;  
  15.  
  16. public class ListBookTag extends BodyTagSupport {  
  17.  
  18.    // 标志开始位置执行  
  19.    public int doStartTag(){  
  20.      return EVAL_BODY_BUFFERED;  
  21.    }  
  22.    // 标志结束位置执行  
  23.    public int doEndTag()throws JspTagException {  
  24.      int max = 0;  
  25.      String ListBody = null;  
  26.      int number = 1;  
  27.     // 获取页码信息,也就是request对象中的内容  
  28.      String serialNo = pageContext.getRequest().getParameter("serialNo");  
  29.     // 转换为整数  
  30.      try{  
  31.        number = Integer.parseInt(serialNo);  
  32.      }  
  33.      catch(Exception e){  
  34.        number = 1;  
  35.      }  
  36.      if (number  1)  
  37.          number = 1;  
  38.      // 获取保存在Session中的数据集,当然这里也可以从数据库中取数据  
  39.      Vector bookVector = (Vector)pageContext.getSession().getAttribute("bookVector");  
  40.      if(number*10bookVector.size())  
  41.          max = number*10;  
  42.      else  
  43.          max = bookVector.size();  
  44.      if(bookVector.size()0){  
  45.          // 获取标签内部的内容  
  46.          BodyContent bc = getBodyContent();  
  47.          for (int i = (number - 1) * 10; i  max; i++) {  
  48.            // 获取一条记录  
  49.            bookmodel model = (bookmodel) bookVector.get(i);  
  50.            if (model == null)  
  51.              model = new bookmodel();  
  52.            // 替换内容(就是在这里输出数据的,替换)  
  53.            String body = bc.getString();  
  54.            body = StringHelper.replace(body, "$_SerialNo", model.getBookid());  
  55.            body = StringHelper.replace(body, "$_BookName", model.getBookname());  
  56.            body = StringHelper.replace(body, "$_Author", model.getAuthor());  
  57.            body = StringHelper.replace(body, "$_PHouse", model.getPhouse());  
  58.            body = StringHelper.replace(body, "$_Price", model.getPrice().toString());  
  59.            body = StringHelper.replace(body, "$_index", Integer.toString(i));  
  60.            // 向页面输出  
  61.            try{  
  62.              pageContext.getOut().print(body);  
  63.            }  
  64.            catch(Exception e){  
  65.  
  66.            }  
  67.          }  
  68.       }  
  69.      return EVAL_PAGE;  
  70.    }  
  71. }  
  72.  

四、页面JSP源码(BookList.jsp)

至此我们可以操作JSP来实现页面与代码分离。

  1. %@page contentType="text/html; charset=GBK"%  
  2. %@ taglib uri="/MyBookTag" prefix="MyBookTag" %  
  3. html  
  4. head  
  5. title一个基于J2EE的图书DEMO/title  
  6.  
  7. script language="javascript"  
  8. function returnBack(){  
  9.     document.form1.action = "BookAdmin.jsp";  
  10. }  
  11. /script  
  12.  
  13. /head  
  14. body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0"  
  15.  
  16.  
  17. h2 align="center"font face="黑体" color="#0000CC"图书列表/font/h2  
  18. form name="form1" method="post"  
  19. table width="750" border="1" cellspacing="0" align="center" cellpadding="3" bordercolor="#A5ABB6" bordercolordark="#ffffff"  
  20.     tr align="center"  
  21.       td width="100" bgcolor="FEFBF4" height="41"序号/td  
  22.       td width="200" bgcolor="FEFBF4" height="41"图示名称/td  
  23.       td width="100" bgcolor="FEFBF4" height="41"图书作者/td  
  24.       td width="200" bgcolor="FEFBF4" height="41"出版社/td  
  25.       td width="50" bgcolor="FEFBF4" height="41"图书价格/td  
  26.       td width="100" bgcolor="FEFBF4" height="41"操作/td  
  27.     /tr  
  28.     !--这里使用标签技术,如果不用,就麻烦了,相信您一定有感触--  
  29.    MyBookTag:ListBook  
  30.     tr align="center"  
  31.       td width="100" height="19"$_SerialNo/td  
  32.       td width="200" height="19"$_BookName/td  
  33.       td width="100"$_Author/td  
  34.       td width="200"$_PHouse/td  
  35.       td width="50" height="19"$_Price/td  
  36.       td width="100" height="19" align="left"  
  37.       a href="bookEditTable.jsp?ItemNo=$_index"  
  38.         font color="#0000CC"编辑/font  
  39.       /a  
  40.       |a href="bookview.jsp?ItemNo=$_index"  
  41.         font color="#FF0000"查看/font  
  42.       /a  
  43.       /td  
  44.     /tr  
  45.    /MyBookTag:ListBook  
  46.  
  47. /table  
  48. table width="400" border="0"  
  49.     tr  
  50.       td width="100%" align="right"  
  51.         div align="right"  
  52.           input type="submit" name="Submit" value="返回" onClick="javascript:returnBack();" class="annew1"  
  53.         /div  
  54.       /td  
  55.     /tr  
  56. /table  
  57. /form  
  58. align="left" /p  
  59. /body  
  60. /html  

以上就是页面与代码分离在JSP源码中的实现,希望对你有帮助。

正文到此结束
Loading...