动态网页修改数据库数据
JSP动态网页连接访问数据库，修改数据的操作一般有两种方式，一种是用于前台的，只能修改数据库表中的一条记录；另一种是用于后台系统管理员操作使用的，可以方便的修改表中的任何一条记录。本节分别对两种进行介绍。
一、范例的演示和代码清单
演示的前提和前几节完全相同。
演示步骤：
1.启动IE，在地址栏键入127.0.0.1:8080/ch4/ch4-51.htm，用户名处，输入数据库表中，已经存在的一个用户名；密码处输入对应的密码。如图4-60所示窗口：
图4-60
2.单击“提交”按钮。出现该用户所有资料的列表，其中用户名和密码两项，注有“不能更改”提示，其他项目都可以进行修改的操作。如图4-61所示窗口：
图4-61
3.在对应的文本框中，将需要变动的数据进行修改，然后单击“修改”按钮。屏幕出现修改成功的信息，以及修改后数据列表。如图4-62所示窗口：
图4-62
4.至此一条指定的数据记录修改完成。这属于一般用于前台，用户修改自己的注册资料用的修改方式。用于后台的系统管理员修改方式，请在此单击“返回浏览修改”，或返回主页后，单击“浏览修改”。出现浏览修改的界面。如图4-63所示窗口：
图4-63
5.网页窗口显示的是，数据库表中的所有数据记录。并且在每一条记录的后面，有一个“修改”的链接。单击任何一条数据记录后面的“修改”，进入数据修改界面。如图4-64所示窗口：
图4-64
6.这个网页窗口和前面单独修改一条记录的图4-61界面一样，只是数据内容不同。它们实际上是调用的同一个JSP动态网页。改动某些数据后，单击“修改”按钮。出现修改成功的信息，以及修改后数据列表。如图4-65所示窗口：
图4-65
7.这个网页窗口和前面单独修改一条记录成功的图4-62界面一样，只是数据内容不同。它们实际上也是调用的同一个JSP动态网页。单击“返回浏览修改”，可以进行下一条记录的修改。
这个范例由四个网页构成：
1.ch4-51.htm：用表单的形式，提供需要修改数据记录的用户名、密码，表单的action指向ch4-51.jsp。同时又是“浏览修改”的入口，链接指向ch4-53.jsp。
2.ch4-51.jsp：连接数据库，查询到需要修改的数据记录。将每个字段数据，放入一个表单，供用户进行修改。修改的数据，提交后交给ch4-52.jsp去更新数据库表中的数据记录。（这是本范例的重点网页）
3.ch4-52.jsp：从ch4-51.jsp获得数据，连接数据库，使用SQL更新语句，修改指定记录的数据。然后再查询数据库，从表中读取更新的数据记录，送到屏幕上显示。
4.ch4-53.jsp：“浏览修改”的操作界面，设计的思路是，查询数据库表中所有数据记录，在显示界面，将每条记录的尾部添加一个“修改”链接。这个链接指向ch4-51.jsp，用户点击“修改”链接时，同时将该条记录中的“用户名”、“密码”一并提交给ch4-51.jsp。
四个网页的代码如下：
◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 修改数据库 ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇
范例ch4-51.htm
1)<html>
2)<head>
3)<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
4)<title>修改数据库</title>
5)<body bgcolor="#FFFFCC">
6)<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
7) <tr>
8)    <td height="40" colspan="2">单独修改请输入：</td>
9)    <td width="71"> </td>
10)  </tr>
11)  <tr>
12)    <td width="70" height="159" align="center" valign="top"> </td>
13)    <td width="459" valign="top"><form name="form1" method="post" action="ch4-51.jsp">
14)        <table width="100%" height="131" border="0" cellspacing="0">
15)         
16)          <tr>
17)            <td height="32" colspan="2" valign="top">用户名：</td>
18)            <td colspan="2" valign="top"><input type="text" name="name"></td>网页colspan
19)          </tr>
20)          <tr>
21)            <td height="33" colspan="2" valign="top">密码：</td>
22)            <td colspan="2" valign="top"><input type="password" name="password"></td>
23)          </tr>
24)          <tr>
25)            <td width="90" height="33"> </td>
26)            <td colspan="2" align="center" valign="top"> <input type="submit" name="Submit" value="提交"></td>
27)            <td width="209"> </td>
28)          </tr>
29)          <tr>
30)            <td height="3"></td>
31)            <td width="21"></td>
32)            <td width="131"></td>
33)            <td></td>
34)          </tr>
35)        </table>
36)      </form></td>
37)    <td> </td>
38)  </tr>
39)  <tr>
40)    <td height="49" colspan="2"><a href="ch4-53.jsp">浏览修改</a></td>
41)    <td> </td>
42)  </tr>
43)  <tr>
44)    <td height="49" colspan="2"><div align="left"><a href="ch4.htm" target="_top">返回主页</a></div></td>
45)    <td> </td>
46)  </tr>
47)</table>
48)</body>
49)</html>
◇－◇－◇－◇－◇－◇－◇－◇－◇－◇ 修改数据 ◇－◇－◇－◇－◇－◇－◇－◇－◇－◇
范例ch4-51.jsp
1)<%@page contentType="text/html;charset=gb2312" language="java" import="java.sql.*" %>
2)<html>
3)<head>
4)<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
5)<title>修改数据</title>
6)</head>
7)<body bgcolor="#FFFFCC">
8)  <%
9) String Parameter("name");
10) String Parameter("password");
11) Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");
12) String url="jdbc:odbc:ch4";
13) Connection Connection(url,"","");
14) Statement ateStatement();
15) String strSql="select * from st where 姓名='"+name+"' and 密码='"+password+"'";
16) ResultSet uteQuery(strSql);
17) if (!rs.next())
18)  {out.print("用户名或密码输入错误！");%>
19)  <p align="center"><a href="ch4-51.htm">返回修改页面</a></p>
20) <%return;}
21)  %>
22)<table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
23)  <tr>
24)    <td height="40" colspan="2" align="center" valign="top"><div align="left"><font color="#000000" size="4" face="幼圆"><strong>请修改信息内容</strong></font></div></td>
25)  <td width="80"> </td>
26)  </tr>
27)  <tr>
28)    <td width="64" height="341"> </td>
29)    <td width="456" valign="top"><form name="form1" method="post" action="ch4-52.jsp">
30)        <table width="100%" height="323" border="0" cellspacing="0">
31)          <tr>
32)            <td height="48" colspan="2" align="right" valign="middle">用户名：</td>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。