html与jsp开发分离技术

原创 2005年05月30日 01:25:00

在传统的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) 定义你的标签


<?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的后台处理文件,负责解释标签(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<bookVector.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)

<%@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

本文网址: http://www.java-cn.com/technology/technology_detail.jsp?id=3562

页面与代码分离技术-JSP篇

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

html与jsp开发分离技术

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

Servlet API and JSP API

1. Servlet API 有以下4个Java 包:      javax.servlet, 其中包含定义Servlet和Servlet容器之间契约的类和接口。     javax.servlet...
  • albertliangyg
  • albertliangyg
  • 2016年02月25日 16:03
  • 421

HTML代码和PHP分离

使用PHP4中的 IntegratedTemplate类实现HTML和PHP代码分离    使用PHP编程的人都会碰到这样一个问题:当PHP代码和HTML代码在一起的时候,看PHP代码很费劲,整个文件...
  • NetSniffer
  • NetSniffer
  • 2004年10月14日 10:14
  • 9201

前后分离

目录(?)[-] 写在最开始移动端与前端的区别前端开发的混沌时代后端 MVC MVC 方案实现MVC 的缺点与改进前端只写 DemoHTML 模板后端 MVC 架构总结 AJAX 与前端 MVC前...
  • IT_small_farmer
  • IT_small_farmer
  • 2016年09月01日 11:42
  • 1062

JSP技术简介

    JavaServer PagesTM (JSP)技术为创建显示动态生成内容的Web页面提供了一个简捷而快速的方法。JSP技术的设计目的是使得构造基于Web的应用程序更加容易和快捷,而这些应用程...
  • jlusdy
  • jlusdy
  • 2005年05月16日 13:00
  • 1044

实现Javascript/css与HTML的分离

目录(?)[-] 第一步首先都是创建文件第二步在HTML中引入我们保存的文件 实现Javascript/css与HTML的分离的步骤是很相似的,当然也不同,接下来就...
  • IMBA123456789
  • IMBA123456789
  • 2015年07月29日 16:13
  • 1471

Javascript二:如何实现Javascript/css与HTML的分离

实现Javascript/css与HTML的分离的步骤是很相似的,当然也不同,接下来就是具体的实现。 第一步:首先都是创建文件,只是创建的文件不同。如下图          1)如果创建Ja...
  • hxj135812
  • hxj135812
  • 2014年06月06日 19:37
  • 3659

[笔记]前端html设计与js代码分离

这些天对写前端越发不开心,感觉总是哪里别扭。看看现在主流的框架,jQuery就是管管js代码中ajax和dom的操作;AngluarJS做了很好的工作,但是有个很大的问题:ngIf, ngFor直接出...
  • prog_6103
  • prog_6103
  • 2016年05月21日 12:14
  • 2050

JSP与HTML的区别

HTML(Hypertext Markup Language)文本标记语言,它是静态页面,和JavaScript一样解释性语言,为什么说是解释性 语言呢?因为,只要你有一个浏览器那么它就可以正常显...
  • lwj734114646
  • lwj734114646
  • 2015年07月15日 20:59
  • 21841
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html与jsp开发分离技术
举报原因:
原因补充:

(最多只允许输入30个字)