[原创]java web三层架构程序实例(02电信专业课程设计)
一、前言前几天我在这里发表过一篇文章是简单介绍java web三层架构的配置方法（包括连接池配置和一个简单测试方法），相信许多看过该文章的同学已经搭建起tomcat+ms sqlserver的jsp编辑运行环境。下面我简单介绍一个基于这个架构上的jsp程序实例。（完全可以当作课程设计的作业，相信电信专业同时为了课程设计头疼的同学会很感兴趣）
[ Last edited by wool王 on 2005-5-18 at 15:20 ] 二、编程工具与配置
1. 工具
做为初学者我想最好用网页工具应该是Dreamwaver（Frontpage也可以），在本实例主要用于设计表格和数据添加表单。
若没有安装DW或FP的同学（或者不想装）也无所谓，有个文本编辑工具（记事本）就可以，下面的实例会贴出代码，你只需copy+小量修改就可完成作业。
2.配置回顾
偶上篇文章已经介绍了配置的问题，现在假设你已经按照我上篇文章介绍配置成功了，并且你的工作区设在E:/wool，虚拟路径（上篇文章中wool.xml文件中path＝\"\"语句中的内容）为/wool，数据库名为test，连接池名为jdbc/sqlserver。
[ Last edited by wool王 on 2005-5-18 at 15:32 ] 三、数据库设计
打开：开始菜单－》sqlserver快捷方式组－》企业管理器，在企业管理器中找到连接池连接的库，在库中新建一个表，表名为student。student表中有如下字段：
id（主键） int型 自动标示自动增1
name ntext类型
sex ntext类型
mark ntext类型
number ntext类型
贴图：
http://www.ood.com.cn/wool/photo/2005518179290.jpg
注：本篇文章重点不在讲数据库设计（其实数据库设计笔者也不在行，郁闷的说），所以除了主键外其他字段都用了ntext类型（这个类型不用考虑内容太多其他方面问题）
[ Last edited by wool王 on 2005-5-18 at 17:13 ] 四、开始编程（戏肉）
1.在E:/wool目录下分别建立以下文件：
list.jsp
del.jsp
add.htm
getadd.jsp
edit.jsp
getedit.jsp
如图：
http://www.ood.com.cn/wool/photo/2005518179291.jpg
下面笔者贴出这些文件的源码。
[ Last edited by wool王 on 2005-5-18 at 17:13 ] 2.list.jsp
功能描述：列出数据库所有数据（为简单起见，无分页功能）
仔细观察下面代码发现上面实质就是我上一篇文章中用作测试的jsp文件。
效果贴图：
无数据时：
http://www.ood.com.cn/wool/photo/20055181742160.jpg
有数据时：
http://www.ood.com.cn/wool/photo/20055181742161.jpg
代码：
----------------------------------------------------------------------
<%@ 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>
-------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-18 at 17:45 ] 3.add.htm
功能描述：填写新内容的表单
这个文件只是纯html文件，以上内容可以用DW等编辑器制作（如果感觉我贴出的东西太丑的话）
贴图：
图1：
http://www.ood.com.cn/wool/photo/2005518174660.jpg
图2：
http://www.ood.com.cn/wool/photo/2005518174661.jpg
代码：
----------------------------------------------------------------------------------------------------
<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>
----------------------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-18 at 17:49 ] 4.getadd.jsp
功能描述：获取add.htm页面中传递过来的数据，并将获取的数据添加进数据库
此页面是后台运行页面，数据操作成功后显示如下：
http://www.ood.com.cn/wool/photo/20055181749230.jpg
代码：
-------------------------------------------------------------------------------------------------------
<%@ 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);
}
%>
-------------------------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-25 at 00:35 ] 5.del.jsp
功能描述：删除指定的数据
此页面为后台运行页面，操作成功后会显示：
http://www.ood.com.cn/wool/photo/2005518175270.jpg
代码：
--------------------------------------------------------------------------------------------------
<%@ 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 id=request.getParameter(\"id\");
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(\"delete student where id = \"+id);
//上面语句算是del.jsp文件中的核心语句，作用是从数据库中删除数据
stmt.close();
conn.close();
%>
<p align=\"center\"><a href=\"list.jsp\">删除成功，点击返回数据列表。</a></p>
<%
}
else
out.println(\"连接失败!\");
}
catch(Exception ne)
{
out.println(ne);
}
%>
----------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-18 at 17:54 ] 6.edit.jsp
功能描述：内容修改的表单，与add.htm文件不同的是这个运行这个文件的时候表单的内容都有默认值，而默认值就是原来的数据
点击后如下图：
http://www.ood.com.cn/wool/photo/20055181754410.jpg
修改数据后确定：
http://www.ood.com.cn/wool/photo/20055181754411.jpg
看到数据已经改变（wool那里的数据100变成60）：
http://www.ood.com.cn/wool/photo/20055181756580.jpg
---------------------------------------------------------------------------------------------
<%@ 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.*\"%>
<%
/*
前面忘了解释下面这句语句，request.getParameter语句用来获取表单传递过来的数据和http头的内容。运行此文件时你留意下网址上是否出现edit.jsp?id=xx(xx表示某个数字)的字样，调用下面语句就可以获取xx
*/
String id=request.getParameter(\"id\");
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 where id = \"+id);
rst.next();
String number=rst.getString(\"number\");
String name=rst.getString(\"name\");
String sex=rst.getString(\"sex\");
String mark=rst.getString(\"mark\");
%>
<form name=\"form1\" method=\"post\" action=\"getedit.jsp\">
<input type=\"hidden\" name=\"id\" value=\"<%=id%>\"/>
<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\" value=\"<%=number%>\"></td>
</tr>
<tr>
<th bgcolor=\"#FFCCFF\" scope=\"row\">姓名</th>
<td><input name=\"name\" type=\"text\" id=\"name\" value=\"<%=name%>\"></td>
</tr>
<tr>
<th bgcolor=\"#FFCCFF\" scope=\"row\">分数</th>
<td><input name=\"mark\" type=\"text\" id=\"mark\" value=\"<%=mark%>\"></td>
</tr>
<tr>
<th bgcolor=\"#FFCCFF\" scope=\"row\">性别</th>
<td><select name=\"sex\" id=\"sex\">
<option value=\"boy\"<%if(sex.equals(\"boy\")){%> selected<%}%>>男</option>
<option value=\"girl\"<%if(sex.equals(\"girl\")){%> selected<%}%>>女</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>
<%
rst.close();
stmt.close();
conn.close();
}
else
out.println(\"连接失败!\");
}
catch(Exception ne)
{
out.println(ne);
}
%>
---------------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-18 at 17:59 ] 7.getedit.jsp
功能描述：获取edit.jsp表单中传递过来的数据，并更新数据库
本页面仍然是后台运行，操作成功如图：
http://www.ood.com.cn/wool/photo/20055181758420.jpg
代码：
------------------------------------------------------------------------------------------------
<%@ 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 id=request.getParameter(\"id\");
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(\"update student set name=\'\"+name+\"\',sex=\'\"+sex+\"\',mark=\'\"+mark+\"\',number=\'\"+number+\"\' where id = \"+id);
conn.close();
%>
<p align=\"center\"><a href=\"list.jsp\">修改成功，点击返回数据列表。</a></p>
<%
}
else
out.println(\"连接失败!\");
}
catch(Exception ne)
{
out.println(ne);
}
%>
--------------------------------------------------------------------------------------------------------
[ Last edited by wool王 on 2005-5-18 at 18:01 ] 五、运行和测试
1.运行
方法与偶上篇文章介绍的方法一样，打开sqlserver和tomcat，在浏览器地址栏输入：http://localhost:8080/wool/list.jsp
注意我上面用红色标出的/wool，这个名字与配置文件中的path中内容对应。
（运行结果我待会会贴图出来）
2.调试
在测试过程中请录入合法数据：英文字母，数字，某些标点；
注意避免一次性输入数据过长；
勿输入非英文字符（例如中文）。
3.程序存在问题
笔者写这段程序目的是介绍身边没做过java web编程的同学一种简单的程序设计实例，而不是将程序运用在某一领域，所以在编程过程中没有对异常进行处理（基本没考虑到安全性问题，避免将程序复杂化，相信这也是许多同学所希望的），同时也没对程序获取的数据合法性进行任何的判断，还有程序没有调用任何内码转换的函数，所以程序是不支持中文的（呵呵，若想支持中文，请读者到google等搜索引擎查找有关jsp中文问题的文章）。
[ Last edited by wool王 on 2005-5-19 at 21:23 ] 六、写在最后
笔者写本篇文章的目的是让未接触过web编程的同学快速的入门（主要是让身边的同学可以完成这学期软件工程的作业），程序写得很简单，只是用程序实现了对数据表的增、删、改、查的动作，其他功能在程序中没有任何的语句体现。
程序没有MVC，甚至没有涉及Servlet、javabean的内容以保证其简单性，在此笔者再次强调这篇文章只是一个做作业的实例。其实做过ASP或PHP开发的同学也许会感觉这篇文章介绍的JSP实现操作数据库的方法和ASP,PHP差不多（事实上jsp的功用远不只这些，甚至是没人好像我的实例这样写jsp，大家有兴趣不妨去google搜索下EL表达式，标签，框架等词）。
其实笔者是读电子专业的，身边做java的同学不多（几乎没有），我奢侈的希望能以这篇文章调动身边同学对这方面的兴趣。
[ Last edited by wool王 on 2005-5-19 at 21:25 ] 花了一个钟终于写完了。
文章难免有错漏，若不幸被同学发现了望指出。。。
注：转载请注明工大后院。
ps：认识wool的同学也可以亲临wool的宿舍直接把程序拷贝走。
[ Last edited by wool王 on 2005-5-18 at 16:47 ] 见你有少少贡献，今天不踩你场 9494，给你骨头奖励！ 楼上。。。没话说。。。 wool，不错，给你加分了。希望越来越多见你的佳作。 WOOL。帮我做毕业设计好了。 joe不是早已做好了吗？ 没啊。老师老改需求。。都不敢动手。郁闷啊
页:
[1]
2