在传统的JSP源码程序中,页面与代码分离还不是很普遍的应用我们将HTML代码与Java代码混合在一起编写,这样虽然方便,但同时也导致页面难以维护,HTML开发人员和JSP开发人员负担加重,我们可以将这种传统的技术成为页面拉数据技术。
怎样才能做到将HTML源码开发和JSP源码开发分离呢?答案就是使用Tag技术,通过使用Tag技术,我们就可以实现页面与代码分离,在需要数据的地方,大家先约定好标签,然后由Tag的后台处理程序去替换这些标签,显示数据。我称这种技术叫做向页面推数据,页面只要定义好格式就行了。这样,我们可以让HTML开发人员专注于页面的外观,而Java程序员则不用理会页面显示,专注于后台程序,大大提高了程序的可维护性和方便性。便于各程序员之间的协作开发。
首先你要懂一些Tag技术,然后才能阅读本文。下面是样例程序:
一、替换字符串的replace函数
通过这个函数的使用来开始我们的页面与代码分离。
- // 替换字符串函数
- // 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 = "";
- // 要替换的子串长度
- int intFromLen = strFrom.length();
- int intPos;
- // 循环替换字符串
- while((intPos = strSource.indexOf(strFrom)) != -1)
- {
- // 获取匹配字符串的左边子串
- strDeststrDest = strDest + strSource.substring(0,intPos);
- // 加上替换后的子串
- strDeststrDest = strDest + strTo;
- // 修改源串为匹配子串后的子串
- strSourcestrSource = strSource.substring(intPos + intFromLen);
- }
- // 加上没有匹配的子串
- strDeststrDest = strDest + strSource;
- // 返回
- return strDest;
- }
二、Tld文(MyBookTag.tld) 定义你的标签
标签的定义也是在JSP源码中实现页面与代码分离的重要一步。
- ?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-version1.0/tlib-version
- jsp-version1.2/jsp-version
- short-name/short-name
- tag
- nameListBook/name
- tag-classcom.book.taglib.ListBookTag/tag-class
- body-contentJSP/body-content
- /tag
- /taglib
三、Tag的后台处理文件,负责解释标签(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 {
- // 标志开始位置执行
- public int doStartTag(){
- return EVAL_BODY_BUFFERED;
- }
- // 标志结束位置执行
- public int doEndTag()throws JspTagException {
- int max = 0;
- String ListBody = null;
- int number = 1;
- // 获取页码信息,也就是request对象中的内容
- String serialNo = pageContext.getRequest().getParameter("serialNo");
- // 转换为整数
- try{
- number = Integer.parseInt(serialNo);
- }
- catch(Exception e){
- number = 1;
- }
- if (number 1)
- number = 1;
- // 获取保存在Session中的数据集,当然这里也可以从数据库中取数据
- Vector bookVector = (Vector)pageContext.getSession().getAttribute("bookVector");
- if(number*10bookVector.size())
- max = number*10;
- else
- max = bookVector.size();
- if(bookVector.size()0){
- // 获取标签内部的内容
- BodyContent bc = getBodyContent();
- for (int i = (number - 1) * 10; i max; i++) {
- // 获取一条记录
- bookmodel model = (bookmodel) bookVector.get(i);
- if (model == null)
- model = new bookmodel();
- // 替换内容(就是在这里输出数据的,替换)
- 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));
- // 向页面输出
- try{
- pageContext.getOut().print(body);
- }
- catch(Exception e){
- }
- }
- }
- return EVAL_PAGE;
- }
- }
四、页面JSP源码(BookList.jsp)
至此我们可以操作JSP来实现页面与代码分离。
- %@page contentType="text/html; charset=GBK"%
- %@ taglib uri="/MyBookTag" prefix="MyBookTag" %
- html
- head
- title一个基于J2EE的图书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"图书列表/font/h2
- form name="form1" method="post"
- table width="750" border="1" cellspacing="0" align="center" cellpadding="3" bordercolor="#A5ABB6" bordercolordark="#ffffff"
- tr align="center"
- td width="100" bgcolor="FEFBF4" height="41"序号/td
- td width="200" bgcolor="FEFBF4" height="41"图示名称/td
- td width="100" bgcolor="FEFBF4" height="41"图书作者/td
- td width="200" bgcolor="FEFBF4" height="41"出版社/td
- td width="50" bgcolor="FEFBF4" height="41"图书价格/td
- td width="100" bgcolor="FEFBF4" height="41"操作/td
- /tr
- !--这里使用标签技术,如果不用,就麻烦了,相信您一定有感触--
- 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
以上就是页面与代码分离在JSP源码中的实现,希望对你有帮助。