使用JSP + JAVABEAN + XML 開發的一個例子

作者：Eve Cole 更新時間：2009-07-02 17:12:18

本例子是參考了一些網站上有關JSP 對 XML 的操作的相關文檔，又結合了一些個人的體會。例子涉及的內容是，開發的一個企業內部定餐系統後台管理端的部分代碼，功能主要集中在對於餐廳基本資訊的管理。

這個例子本身開發的起因是我在原公司和同事們一個玩笑的一部分。特此也表達對那些一起共事的朋友們的思念。

例子本身是在TOMCAT4.01 平台下運行的B/S結構的程式。有關TOMCAT 的配置，這裡不做說明。只講解一下相關文件及資料夾的目錄結構。

目錄結構說明：
/tomcat/webapps/canyin/ -----主目錄
/tomcat/webapps/canyin/jsp/ -----JSP 檔案目錄
/tomcat/webapps/canyin/jsp/admin/ -----實現後台管理的JSP 檔案的存放目錄
/tomcat/webapps/canyin/WEB-INF/classes/canyin/ ------javabean 檔案的存放目錄
/tomcat/webapps/canyin/data/ -----xml 檔案存放目錄
/tomcat/webapps/ROOT/ -----tomcat 啟動檔案存放資料夾，只存放了index.html 檔案

文件簡單說明：
/tomcat/webapps/canyin/data/users.xml -----記錄使用者資訊
/tomcat/webapps/canyin/data/restaurants.xml -----記錄餐廳的基礎訊息

/tomcat/webapps/ROOT/index.html -----首頁，頁面出現輸入框，要求使用者輸入使用者名，密碼

/tomcat/webapps/canyin/jsp/loginjudge.jsp -----使用者身分判斷頁面，依照使用者名稱和密碼決定頁面是轉入後台管理端，還是前台客戶端。本範例中，使用者身分一旦確認為有管理權限，可以進入後台管理端，就直接跳到餐廳基本資訊管理頁面，簡化說明的流程。
/tomcat/webapps/canyin/jsp/admin/admin_rest.jsp -----餐廳基本資訊管理頁面，管理餐廳的名稱，電話，地址等訊息

/tomcat/webapps/canyin/WEB-INF/classes/canyin/checkSessionBean.class ----- 後台管理端偵測標誌使用者身分的session 的值，如果不是管理員的話，跳回登陸頁面。
/tomcat/webapps/canyin/WEB-INF/classes/canyin/connXmlBean.class -----連接xml 文件
/tomcat/webapps/canyin/WEB-INF/classes/canyin/writeXmlBean.class -----寫入xml文件

文件詳細介紹及附代碼說明。

/tomcat/webapps/canyin/data/users.xml

代碼：
<?xml version="1.0" encoding="UTF-8" ?>

- <users>
<user name="joard" password="joard" roles="admin" />
<user name="joard01" password="joard01" roles="user" />
<user name="joard02" password="joard02" roles="user" />
</users>

說明：欄位意義是使用者名，密碼以及使用者的身份

/tomcat/webapps/canyin/data/restaurants.xml

代碼：
<?xml version="1.0" encoding="UTF-8" ?>
- <restaurants num="10">
- <restaurant id="1">
<name>上海亭速食店</name>
<phone>021-76546726</phone>
<address>百老匯廣場B座</address>
</restaurant>
- <restaurant id="8">
<name>香格里拉大飯店</name>
<phone>021-2312134</phone>
<address>南京路1023號</address>
</restaurant>
</restaurants>
說明：<num>屬性是記錄在restaurants.xml 檔案中總共有過多少筆記錄，每新增一條，無論以後刪除是否，該值都會增加1，就好像資料庫中習慣使用的自動增加1的id項。用來給新增的 <restaurant>的屬性<id>賦一個唯一的值。其它的字段意思比較明顯。
/tomcat/webapps/ROOT/index.html （單純的HTML代碼）

代碼：
<html>
<head>
<title>oddWorld 餐飲系統</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body onload="javascript:dataform.username.focus()">
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="22">
<tr>
<td width="1"><img src="images/top_r1.GIF" width="62" height="22"></td>
<td width=150 align="center"> 餐飲系統登入 </td>
<td><img src="images/top_r2.GIF" width="294" height="22"></td>
</tr>
</table>
<br>
<br>
<table width="300" border="0" cellspacing="1" cellpadding="0" >
<tr>
<td height="200" valign="top" align="center">
<p align="center">
<table width="100%" border="0" cellspacing="1" cellpadding="5" bgcolor=#999999 class=a9px>
<tr>
<td bgcolor="#efefef">餐飲系統登入</td>
</tr>
<tr>
<td bgcolor="#FFFFFF" valign="top" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<form name=dataform method=post action=''canyin/jsp/loginjudge.jsp''>
<tr>
<td width="100"><b>登入名稱：</b></td>
<td>
<input maxlength=16
name="username" class=stedit value="joard">
</td>
</tr>
<tr>
<td width="100"><b>密碼：</b></td>
<td>
<input class=stedit maxlength=16
name="userpass" type=password value="oddworld">
</td>
</tr>
</form>
</table>
<br>
<table border=0 cellpadding=0 cellspacing=0>
<tbody>
<tr>
<td>
<input class=stbtm name=update onClick="javascript:if (checkform()==false);" type=button value="登錄">
</td>
<td> </td>
<td>
<input class=stbtm name=Submit onClick="javascript:window.location.href=''index.asp?myjoke=1'';" type=button value="修改密碼">
</td>
<td> </td>
</tr>
</tbody>
</table>
<br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</body>
</html>
<SCRIPT language=javascript>


</SCRIPT>

說明：把使用者名稱和使用者密碼提交到/tomcat/webapps/canyin/jsp/loginjudge.jsp

/tomcat/webapps/canyin/WEB-INF/classes/canyin/checkSessionBean.class （程式碼是對應的java 檔案）

package canyin;

import javax.servlet.http.HttpSession;
import javax.servlet.http.HttpServletRequest;

public class checkSessionBean {

private boolean bolCheckPass=false;
private HttpServletRequest request = null;

public boolean checkSessionBean(HttpServletRequest request,String strSessionName,String strCheckValue){
public boolean checkSessionBean(HttpServletRequest request){
HttpSession session = request.getSession(false);
return(bolCheckPass);

if (strSessionName==null || strCheckValue==null){
return(bolCheckPass);
}else{
if (session!=null && session.getValue(strSessionName)!=null){
bolCheckPass=session.getValue(strSessionName).equals(strCheckValue);
}

return(bolCheckPass);
}
}
}

說明：檢定參數傳入的session 名稱的數值和參數傳入的欄位的數值是否相等。

/tomcat/webapps/canyin/WEB-INF/classes/canyin/connXmlBean.class

代碼：
package canyin;

import javax.xml.parsers.*;
import javax.xml.transform.*;
import javax.xml.transform.dom.DOMSource;
import javax.xml.transform.stream.StreamResult;
import org.w3c.dom.*;

public class connXmlBean {

private DocumentBuilderFactory factory=null;
private DocumentBuilder builder=null;
private Document doc=null;

public connXmlBean(){}

public String connXml(String xmlFileName){

String strExc="";

try{
factory = DocumentBuilderFactory.newInstance();
builder=factory.newDocumentBuilder();
doc=builder.parse(xmlFileName);
doc.normalize();
}catch(Exception e){
strExc=e.toString();
}

return(strExc);
}

public Document getXmlDoc(){
return(doc);
}
}

說明：開啟一個指定xml 文件

/tomcat/webapps/canyin/WEB-INF/classes/canyin/writeXmlBean.class

代碼：
package canyin;

import javax.xml.parsers.*;
import javax.xml.transform.*;
import javax.xml.transform.dom.DOMSource;
import javax.xml.transform.stream.StreamResult;
import java.io.File;
import org.w3c.dom.*;

public class writeXmlBean {

public writeXmlBean(){}

public String writeXml(Document doc,String xmlFileName){

String strExc="";

try{
TransformerFactory tfactory = TransformerFactory.newInstance();
Transformer transformer = tfactory.newTransformer();

DOMSource source = new DOMSource(doc);

StreamResult result = new StreamResult(new File(xmlFileName));

transformer.transform(source,result);
}catch(Exception e){
strExc=e.toString();
}

return(strExc);
}

}

說明：寫入dom 的內容到一個指定的xml 檔。

/tomcat/webapps/canyin/jsp/loginjudge.jsp

代碼：
<%-- oddWorld 餐飲管理系統(簡體中文版) 2002年12月1日
copy right by joard ast

loginjudge.jsp 功能：使用者身分校驗，根據 /data/user.xml 檔案內標示的使用者不同的身份
決定轉入後台管理頁面，還是客戶點菜頁面。
--%>

<%@ page contentType="text/html;charset=gb2312" %>
<%@ page language="java" import="javax.xml.parsers.*" %>
<%@ page import="org.w3c.dom.*" %>
<%@ page import="canyin.*" %>

<jsp:useBean id="xmlBean" class="canyin.connXmlBean" scope="page" />

<%
session.setMaxInactiveInterval(1800);

Document doc;
NodeList users;
String strExc="";
String strUsername,strPassword;

strUsername=(String)request.getParameter("username");
strPassword=(String)request.getParameter("userpass");

//校驗資料是否為空
if (strUsername=="" || strPassword=="" ){
out.println("<script language=''javascript''>");
out.println("alert(''使用者名稱或密碼有空值!'');");
out.println("window.location.href=''/index.html'';");
out.println("</script>");
return;
}

xmlBean.connXml("webapps/canyin/data/users.xml");
doc=xmlBean.getXmlDoc();

try{
users =doc.getElementsByTagName("user");

for (int i=0;i<users.getLength();i++){
Element user=(Element) users.item(i);

String strAtrNameValue=user.getAttributeNode("name").getNodeValue();
String strAtrPassWordValue=user.getAttributeNode("password").getNodeValue();
String strAtrRoleValue=user.getAttributeNode("roles").getNodeValue();

if (strAtrNameValue.equals(strUsername) && strAtrPassWordValue.equals(strPassword)){

if (strAtrRoleValue.equals("admin")){
out.println("<script language=''javascript''>");
out.println("alert(''歡迎管理者登陸系統!'');");
out.println("</script>");

//設定標示使用者身分的 session（sesUserRole），管理員身分為 admin
session.setAttribute("sesUserRole","admin");

//跳到管理頁面
response.sendRedirect("admin/admin_rest.jsp");
return;

}else{
//設定標示使用者身分的 session（sesUserRole），管理員身分為 user
session.setAttribute("sesUserRole","user");

//跳到一般使用者頁面
response.sendRedirect("index.jsp");
return;
}

}else{
out.println("<script language=''javascript''>");
out.println("alert(''使用者名稱或密碼錯誤!'');");
out.println("history.go(-1);");
out.println("</script>");
return;
}

}
}catch(Exception e){
strExc=e.toString();
}
%>
說明：.......

/tomcat/webapps/canyin/jsp/admin/admin_rest.jsp

代碼：
<%-- oddWorld 餐飲管理系統(簡體中文版) 2002年12月1日
copy right by joard ast

admin_rest.jsp 功能：後台管理頁面，餐廳管理頁面。
--%>

<%@ page contentType="text/html;charset=gb2312" %>
<%@ page language="java" import="javax.xml.parsers.*" %>
<%@ page import="javax.xml.transform.*" %>
<%@ page import="org.w3c.dom.*" %>
<%@ page import="canyin.*" %>

<%@ include file="../../include/sys_dialog.jsp" %>

<jsp:useBean id="checkSessionBean" class="canyin.checkSessionBean" scope="page" />
<jsp:useBean id="xmlBean" class="canyin.connXmlBean" scope="page" />
<jsp:useBean id="writeXmlBean" class="canyin.writeXmlBean" scope="page" />

<%//校驗可戶身份，判斷是不是管理員
if(!checkSessionBean.checkSessionBean(request,"sesUserRole","admin")){
out.print(showDialog("您沒有管理的權限!","/index.html"));
return;
}

//從餐廳資料檔 rest.xml 取得相關數據
Document doc;
NodeList restaurants;

String strAct;
int intId=0;
String strOperation="show";

//接受外部傳入的參數
strAct=(String)request.getParameter("act");

xmlBean.connXml("webapps/canyin/data/restaurants.xml");
doc=xmlBean.getXmlDoc();
restaurants =doc.getElementsByTagName("restaurant");

//根據外部傳入的參數來決定 restaurant.xml 檔案的操作
if (strAct!=null){
if(strAct.equals("addnewDo")){

String strName;
String strPhone;
String strAddress;
Text textseg;

strName=(String)request.getParameter("name").trim();
strPhone=(String)request.getParameter("phone").trim();
strAddress=(String)request.getParameter("address").trim();

//資料校驗
if(strName==null){
out.print(showDialog("餐廳名稱不能為空!"));
return;
}
if(strPhone==null){
out.print(showDialog("餐廳電話不能為空!"));
return;
}
/*if(strAddress==null){
out.print(showDialog("餐廳地址不能為空!"));
return;
}*/

//校驗資料的唯一性
for(int i=0;i<restaurants.getLength();i++){
Element restaurant=(Element) restaurants.item(i);
if(((String)restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()).equals(strName)){
out.print(showDialog("餐廳名稱重複!"));
return;
}else{
if(((String)restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()).equals(strPhone)){
out.print(showDialog("餐廳電話重複!"));
return;
}
}

}

//得到已有的記錄數，為新增的餐廳記錄設定唯一的遞增的id 屬性
int intNum=0;
Element restNum=(Element)doc.getElementsByTagName("restaurants").item(0);
intNum=Integer.parseInt(restNum.getAttributeNode("num").getNodeValue());

intNum+=1;

//為restaurants的屬性num 的數值加1
restNum.getAttributeNode("num").setNodeValue(String.valueOf(intNum));

//新增節點
Element newRestaurant=doc.createElement("restaurant");

Attr newArrId=doc.createAttribute("id");
//Attribute newArrId = new Attribute("id",String.valueOf(intNum));
textseg=doc.createTextNode(String.valueOf(intNum));
newArrId.setValue(String.valueOf(intNum));
newRestaurant.setAttributeNode(newArrId);

Element newName=doc.createElement("name");
textseg=doc.createTextNode(strName);
newName.appendChild(textseg);
newRestaurant.appendChild(newName);

Element newPhone=doc.createElement("phone");
textseg=doc.createTextNode(strPhone);
newPhone.appendChild(textseg);
newRestaurant.appendChild(newPhone);

Element newAddress=doc.createElement("address");
textseg=doc.createTextNode(strAddress);
newAddress.appendChild(textseg);
newRestaurant.appendChild(newAddress);

doc.getDocumentElement().appendChild(newRestaurant);

//呼叫bean 寫入對應的xml文件
writeXmlBean.writeXml(doc,"webapps/canyin/data/restaurants.xml");

response.sendRedirect(request.getRequestURI());
return;
}
if(strAct.equals("modiDo")){
String strName;
String strPhone;
String strAddress;
Text textseg;
int modiId;
//記錄要修改的記錄是item(i)的哪一項
int intI=0;

strName=(String)request.getParameter("name").trim();
strPhone=(String)request.getParameter("phone").trim();
strAddress=(String)request.getParameter("address").trim();
modiId=Integer.parseInt(request.getParameter("recordId").trim());

//資料校驗
if(strName==null){
out.print(showDialog("餐廳名稱不能為空!"));
return;
}
if(strPhone==null){
out.print(showDialog("餐廳電話不能為空!"));
return;
}
if(modiId==0){
out.print(showDialog("你要修改餐館的記錄不存在!"));
return;
}
/*if(strAddress==null){
out.print(showDialog("餐廳地址不能為空!"));
return;
}*/

//標誌顯示記錄存在
boolean recordExist=false;

//校驗資料的唯一性
for(int i=0;i<restaurants.getLength();i++){
Element restaurant=(Element) restaurants.item(i);

if(Integer.parseInt(restaurant.getAttributeNode("id").getNodeValue())==modiId){
recordExist=true;
intI=i;

}

if(((String)restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()).equals(strName) && Integer.parseInt(restaurant.getAttributeNode("id").getNodeValue() )!=modiId ){
out.print(showDialog("餐廳名稱重複!"));
return;
}else{
if(((String)restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue()).equals(strPhone) && Integer.parseInt(restaurant.getAttributeNode("id").getNodeValue(Value() )!=modiId ){
out.print(showDialog("餐廳電話重複!"));
return;
}
}

}

if(!recordExist){
out.print(showDialog("你要修改餐館的記錄不存在!"));
return;
}else{
//進行記錄更改的操作
try{
Element modiRestaurant=(Element) restaurants.item(intI);
modiRestaurant.getElementsByTagName("name").item(0).getFirstChild().setNodeValue(strName);
modiRestaurant.getElementsByTagName("phone").item(0).getFirstChild().setNodeValue(strPhone);
modiRestaurant.getElementsByTagName("address").item(0).getFirstChild().setNodeValue(strAddress);

//呼叫bean 寫入對應的xml文件
writeXmlBean.writeXml(doc,"webapps/canyin/data/restaurants.xml");

response.sendRedirect(request.getRequestURI());
return;

}catch(Exception e){}
}
}
//進行刪除操作
if(strAct.equals("del")){
int delId;
//記錄要修改的記錄是item(i)的哪一項
int intI=0;

delId=Integer.parseInt(request.getParameter("recordId").trim());

if(delId==0){
out.print(showDialog("你要修改餐館的記錄不存在!"));
return;
}

file://標誌顯示記錄存在
boolean recordExist=false;

//校驗資料的唯一性
for(int i=0;i<restaurants.getLength();i++){
Element restaurant=(Element) restaurants.item(i);

if(Integer.parseInt(restaurant.getAttributeNode("id").getNodeValue())==delId){
recordExist=true;
intI=i;

}
}

if(!recordExist){
out.print(showDialog("你要刪除餐廳的記錄不存在!"));
return;
}else{
//進行記錄刪除的操作
try{
Node delNode=(Node)restaurants.item(intI);

doc.getElementsByTagName("restaurants").item(0).removeChild(delNode);

//呼叫bean 寫入對應的xml文件
writeXmlBean.writeXml(doc,"webapps/canyin/data/restaurants.xml");

response.sendRedirect(request.getRequestURI());
return;

}catch(Exception e){}
}

}
}

//由外部傳入參數決定頁面對應的處理狀態
if (strAct==null){
strOperation="show";
}else{
if (strAct.equals("modi")){
strOperation="modi";
intId=Integer.parseInt(request.getParameter("recordId"));
}else{
if(strAct.equals("addnew")){
strOperation="addnew";
}else{
strOperation="show";
}
}
}

//如果為空記錄，則變更頁面狀態為“新增”
if (restaurants.getLength()==0){
strOperation="addnew";
}
%>

<html>
<head>
<title>oddWorld 餐飲系統</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="expires" content="0">
<link rel="stylesheet" href="../../include/itsp.css" type="text/css">
</head>

<身體 >
<div align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="22">
<tr>
<td width="1"><img src="../../images/top_r1.GIF" width="62" height="22"></td>
<td width=150 align="center"> 餐飲系統管理--餐廳管理</td>
<td><img src="../../images/top_r2.GIF" width="294" height="22"></td>
<td width=100 align="center"><a href="/index.html">[ 退出系統 ]</a></td>
</tr>
</table>
<br>
<br>
<table bgcolor="#999999" align=center border=0 cellpadding=1 cellspacing=1
width="90%">
<tbody>
<tr bgcolor="#efefef" align="center" valign="middle">
<td class=ttTable height=30 width="20"> </td>
<td class=ttTable height=30 width="0">餐廳名稱</td>
<td class=ttTable height=30 width="0">餐廳電話</td>
<td class=ttTable height=30 width="0">
<div align="center">餐廳地址</div>
</td>
<td class=ttTable height=30 width="30">
<div align="center">修改</div>
</td>
<td class=ttTable height=30 width="30">
<div align="center">刪除</div>
</td>
</tr>
<%
for(int i=0;i<restaurants.getLength();i++)
{
Element restaurant=(Element) restaurants.item(i);

if (strOperation=="modi" && Integer.parseInt(restaurant.getAttributeNode("id").getNodeValue())==intId){
%>
<%//顯示修改過的格式%>
<tr align="center" bgcolor="#ffffff" valign="middle">
<form name=dataform action="<%=request.getRequestURI()%>?act=modiDo" method="post" onSubmit=''return checkform(this);'' >
<td class=tdsmall height=25 width="20">
<input type="hidden" name="recordId" value="<%=restaurant.getAttributeNode("id").getNodeValue()%>">
<%=(i+1)%></td>
<td class=tdsmall height=25>
<input name="name" class=stedit
style="HEIGHT: 22px; WIDTH: 150px" value="<%if(restaurant.getElementsByTagName("name").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue());

}%>
" maxlength="40" >
</td>
<td class=tdsmall height=25>
<input name="phone" class=stedit
style="HEIGHT: 22px; WIDTH: 100px" value="<%if(restaurant.getElementsByTagName("phone").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("phone").item(0).getFirstChild().getNodeValue());

}%>" maxlength="20" >
</td>
<td class=tdsmall height=25>
<input name="address" class=stedit
style="HEIGHT: 22px; WIDTH: 200px" value="<%

if(restaurant.getElementsByTagName("address").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("address").item(0).getFirstChild().getNodeValue());

}%>" maxlength="100" >
</td>
<td class=tdsmall height=25 width="25"><a href="javascript:if (checkform()==false);"><img border=0
height=15 src="../../images/editok.gif" width=15></a></td>
<td class=tdsmall height=25 width="25"> </td>
</form>
</tr>
<% }else{
//顯示正常的格式 %>
<tr align="center" bgcolor="#ffffff" valign="middle">
<td class=tdsmall height=25 width="20"><%=(i+1)%></td>
<td class=tdsmall height=25 width="0"><%if(restaurant.getElementsByTagName("name").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("name").item(0).getFirstChild().getNodeValue());

}%>
</td>
<td class=tdsmall height=25 width="0"><%if(restaurant.getElementsByTagName("phone").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("phone").item(0).getFirstChild().getNodeValue());

}%></td>
<td class=tdsmall height=25 width="0">
<%
if(restaurant.getElementsByTagName("address").item(0).hasChildNodes()){
out.print(restaurant.getElementsByTagName("address").item(0).getFirstChild().getNodeValue());

}%>
</td>
<td class=tdsmall height=25 width="30"><a href="<%=request.getRequestURI()%>?act=modi&recordId=<%=restaurant.getAttributeNode("id").getNodeValue()% >"><img border=0
height=15 src="../../images/edit.gif" width=15></a></td>
<td class=tdsmall height=25 width="30"><img border=0
height=15
onClick="javascript:if(confirm(''您是否確定刪除本記錄，刪除後導至記錄無法使用？'')){window.location.href=''<%=request.getRequestURI()%> ?act=del&recordId=<%=restaurant.getAttributeNode("id").getNodeValue()%>'';}"
src="../../images/delete.gif" style="CURSOR: hand" width=15> </td>
</tr>
<% }
}%>
<% if (strOperation=="addnew"){
//顯示新增的格式%>
<tr align="center" bgcolor="#ffffff" valign="middle">
<form name=dataform2 action="<%=request.getRequestURI()%>?act=addnewDo" method="post" onSubmit=''return checkform2(this);'' >
<td class=tdsmall height=25 width="20"></td>
<td class=tdsmall height=25>
<input name="name" class=stedit
style="HEIGHT: 22px; WIDTH: 150px" value="" maxlength="40" >
</td>
<td class=tdsmall height=25>
<input name="phone" class=stedit
style="HEIGHT: 22px; WIDTH: 100px" value="" maxlength="20" >
</td>
<td class=tdsmall height=25>
<input name="address" class=stedit
style="HEIGHT: 22px; WIDTH: 200px" value="" maxlength="100" >
</td>
<td class=tdsmall height=25 width="25"><a href="javascript:if (checkform2()==false);"><img border=0
height=15 src="../../images/editok.gif" width=15></a></td>
<td class=tdsmall height=25 width="25"> </td>
</form>
</tr>
<% } %>
</tbody>
</table>
<br>
<table align=center border=0 cellpadding=0 cellspacing=2 width="95%">
<tbody>
<tr valign=center>
<td align=middle> <br>
<table border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<% if (strOperation=="addnew"){
%>
<input class=stbtm name=update onClick="javascript:if (checkform2()==false);" type=button value="更新記錄">
<% }else{
if(strOperation=="modi"){
%>
<input class=stbtm name=update onClick="javascript:if (checkform()==false);" type=button value="更新記錄">
<%
}else{
%>
<input class=stbtm type="button" name="Button" value="新增" onClick="javascript:window.location.href=''<%=request.getRequestURI()%>?act=addnew'' ;"><%
}
} %>
</td>
<td>
<input class=stbtm type="button" name="Button" value="返回" onClick="javascript:window.location.href=''index.jsp'';">
</td>
</tr>
</table>
</td>
</tr>
</table>
<p> </p>
</div>
</body>
</html>
<SCRIPT LANGUAGE=javascript>

</SCRIPT>
說明：本文件的書寫有很多地方並不簡練，因為在程式的開發過程中，過度簡練的程式往往會帶來後期維護的困難。

開發心得：

doc.getElementsByTagName("restaurants").item(int i)的回傳值是node 型，如果不是要呼叫它的屬性值，沒有必要強制轉型為 Element型。可以直接操作。本系統因為開發的參考資料的錯誤，所以全都採用了強制轉型。可以在以後的開發中考慮使用node 直接進行操作。

trim() 和 Interger.parseInt() 函數都不可以接受null 型的數值

在tomcat 下左右的檔案都是目錄從TOMCAT 算起，具體情況請參考webappscanyinjspuserjudge.jsp 裡關於xml 路徑的寫法。

對原代碼有興趣的朋友請透過以下信箱和我聯繫，[email protected]