一、前言
前几天我在这里发表过一篇文章是简单介绍java web三层架构的配置方法(包括连接池配置和一个简单测试方法),相信许多看过该文章的同学已经搭建起tomcat+MS SQLserver的jsp编辑运行环境。下面我简单介绍一个基于这个架构上的jsp程序实例。(完全可以当作课程设计的作业,相信电信专业同时为了课程设计头疼的同学会很感爱好)
二、编程工具与配置
1. 工具
做为初学者我想最好用网页工具应该是Dreamwaver(Frontpage也可以),在本实例主要用于设计表格和数据添加表单。
若没有安装DW或FP的同学(或者不想装)也无所谓,有个文本编辑工具(记事本)就可以,下面的实例会贴出代码,你只需copy+小量修改就可完成作业。
2.配置回顾
偶上篇文章已经介绍了配置的问题,现在假设你已经按照我上篇文章介绍配置成功了,并且你的工作区设在E:/wool,虚拟路径(上篇文章中wool.xml文件中path=""语句中的内容)为/wool,数据库名为test,连接池名为jdbc/sqlserver。
三、数据库设计
打开:开始菜单-》sqlserver快捷方式组-》企业治理器,在企业治理器中找到连接池连接的库,在库中新建一个表,表名为student。student表中有如下字段:
id(主键) int型 自动标示自动增1
name ntext类型
sexntext类型
markntext类型
numberntext类型
贴图:
注:本篇文章重点不在讲数据库设计(其实数据库设计笔者也不在行,郁闷的说),所以除了主键外其他字段都用了ntext类型(这个类型不用考虑内容太多其他方面问题)
四、开始编程(戏肉)
1.在E:/wool目录下分别建立以下文件:
list.jsp
del.jsp
add.htm
getadd.jsp
edit.jsp
getedit.jsp
如图:
点击查看大图下面笔者贴出这些文件的源码。
2.list.jsp
功能描述:列出数据库所有数据(为简单起见,无分页功能)
仔细观察下面代码发现上面实质就是我上一篇文章中用作测试的jsp文件。
效果贴图:
无数据时:
有数据时:
代码:
<%@ page contentType="text/Html; charset=gb2312" %
<%@ page import="javax.naming.Context" %
<%@ page import="javax.sql.DataSource"%
<%@ page import="javax.naming.InitialContext"%
<%@ page import="java.sql.*"%
<%
DataSource ds = null;
try{
Context initCtx = new InitialContext();
ds = (DataSource) initCtx.lookup("java:comp/env/jdbc/sqlserver");
if(ds!=null)
{
Connection conn = ds.getConnection();
Statement stmt=conn.createStatement();
ResultSet rst=stmt.executeQuery("select * from student");
%
<table width="100%"border="2" cellspacing="0" cellpadding="0"
<tr bgcolor="#CCCCCC"
<th height="29"操作</th
<th学号</th
<th名字</th
<th性别</th
<th分数</th
</tr
<%
while(rst.next())
{%
<%int aid = rst.getInt("id");%
<tr bgcolor="#FFFFCC"
<td<div align="center"<a href="edit.jsp?id=<%=aid%"编辑</a <a href="del.jsp?id=<%=aid%"删除</a</div</td
<td<div align="center"<strong<font color="blue"<%=rst.getString("number")%</font</strong</div</td
<td<div align="center"<strong<font color="blue"<%=rst.getString("name")%</font</strong</div</td
<td<div align="center"<strong<%=rst.getString("sex")%</strong</div</td
<td<div align="center"<strong<%=rst.getString("mark")%</strong</div</td
</tr
<%
}
%
</table
<%
rst.close();
stmt.close();
conn.close();
}
else
out.PRintln("连接失败!");
}
catch(Exception ne)
{
out.println(ne);
}
%
<p align="center" <a href="add.htm"添加数据</a</p
3.add.htm
功能描述:填写新内容的表单
这个文件只是纯html文件,以上内容可以用DW等编辑器制作(假如感觉我贴出的东西太丑的话)
贴图:
图1:
图2:
代码:
<form name="form1" method="post" action="getadd.jsp"
<table width="100%"border="1" cellspacing="0" cellpadding="0"
<tr
<th width="38%" bgcolor="#FFCCFF" scope="row"学号</th
<td width="62%"<input name="number" type="text" id="number"</td
</tr
<tr
<th bgcolor="#FFCCFF" scope="row"姓名</th
<td<input name="name" type="text" id="name"</td
</tr
<tr
<th bgcolor="#FFCCFF" scope="row"分数</th
<td<input name="mark" type="text" id="mark"</td
</tr
<tr
<th bgcolor="#FFCCFF" scope="row"性别</th
<td<select name="sex" id="sex"
<option value="boy"男</option
<option value="girl"女</option
</select</td
</tr
<tr bgcolor="#CCFFFF"
<th colspan="2" scope="row"<input type="submit" name="Submit" value="提交" <input type="reset" name="Submit2" value="重置"</th
</tr
</table
</form
<p align="center"<a href="list.jsp"回到列表</a</p
4.getadd.jsp
功能描述:获取add.htm页面中传递过来的数据,并将获取的数据添加进数据库
此页面是后台运行页面,数据操作成功后显示如下:
代码:
<%@ page contentType="text/html; charset=gb2312" %
<%@ page import="javax.naming.Context" %
<%@ page import="javax.sql.DataSource"%
<%@ page import="javax.naming.InitialContext"%
<%@ page import="java.sql.*"%
<%
String name=request.getParameter("name");
String sex=request.getParameter("sex");
String number=request.getParameter("number");
String mark=request.getParameter("mark");
DataSource ds = null;
try{
Context initCtx = new InitialContext();
ds = (DataSource) initCtx.lookup("java:comp/env/jdbc/sqlserver");
if(ds!=null)
{
Connection conn = ds.getConnection();
Statement stmt=conn.createStatement();
stmt.executeUpdate("insert into student (name,sex,number,mark) values ('"+name+"','"+sex+"','"+number+"','"+mark+"')");
//sql的插入语句,insert into 表名 (字段1,字段2,……) values (值1,值2,……)
conn.close();
%
<p align="center"<a href="list.jsp"添加成功,点击返回数据列表。</a</p
<%
}
else
out.println("连接失败!");
}
catch(Exception ne)
{
out.println(ne);
}
%
5.del.jsp
功能描述:删除指定的数据
此页面为后台运行页面,操作成功后会显示:
代码:
<%@ page contentType="text/html; charset=gb2312" %
<%@ page import="javax.naming.Context" %
<%@ page import="javax.sql.DataSource"%
<%@ page import="javax.naming.InitialContext"%
<%@ page import="java.sql.*"%
<%