html与jsp开发分离技术

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

怎样才能做到将HTML开发和JSP开发分离呢?答案就是使用Tag技术,通过使用Tag技术,我们就可以在页面程序中不出现JSP代码,在需要数据的地方,大家先约定好标签,然后由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)
{
// 获取匹配字符串的左边子串
strDest = strDest + strSource.substring(0,intPos);
// 加上替换后的子串
strDest = strDest + strTo;
// 修改源串为匹配子串后的子串
strSource = strSource.substring(intPos + intFromLen);
}
// 加上没有匹配的子串
strDest = strDest + strSource;
// 返回
return strDest;
}

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

 1<taglib>
 2<tlib-version>1.0</tlib-version>
 3<jsp-version>1.2</jsp-version>
 4<short-name></short-name>
 5<tag>
 6<name> ListBook  </name>
 7<tag-class>com.book.taglib.ListBookTag</tag-class>
 8<body-content>JSP</body-content>
 9</tag>
10</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*10

 1<bookvector.size()) else="" if(bookvector.size()="" max="bookVector.size();">0){   
 2// 获取标签内部的内容    
 3BodyContent bc = getBodyContent();   
 4for (int i = (number - 1) * 10; i &lt; max; i++) {   
 5// 获取一条记录   
 6bookmodel model = (bookmodel) bookVector.get(i);   
 7if (model == null)   
 8model = new bookmodel();   
 9// 替换内容(就是在这里输出数据的,替换  )   
10String body = bc.getString();   
11body = StringHelper.replace(body, "  $_SerialNo  ", model.getBookid());   
12body = StringHelper.replace(body, "  $_BookName  ", model.getBookname());   
13body = StringHelper.replace(body, "  $_Author  ", model.getAuthor());   
14body = StringHelper.replace(body, "  $_PHouse  ", model.getPhouse());   
15body = StringHelper.replace(body, "  $_Price  ", model.getPrice().toString());   
16body = StringHelper.replace(body, "  $_index  ", Integer.toString(i));   
17// 向页面输出   
18try{   
19pageContext.getOut().print(body);   
20}   
21catch(Exception e){ 
22
23}   
24}   
25}   
26return EVAL_PAGE;   
27}   
28} 
29
30四、JSP页面(BookList.jsp) 
31
32&lt; %@page contentType="text/html; charset=GBK"%&gt;   

@ taglib uri="/MyBookTag" prefix="MyBookTag"

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