[原创]java web三层架构程序实例(02电信专业课程设计)

wool王

一、前言
前几天我在这里发表过一篇文章是简单介绍java web三层架构的配置方法（包括连接池配置和一个简单测试方法），相信许多看过该文章的同学已经搭建起tomcat+ms sqlserver的jsp编辑运行环境。下面我简单介绍一个基于这个架构上的jsp程序实例。（完全可以当作课程设计的作业，相信电信专业同时为了课程设计头疼的同学会很感兴趣）

[ Last edited by wool王 on 2005-5-18 at 15:20 ]

wool王

二、编程工具与配置
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 ]

wool王

三、数据库设计
打开：开始菜单－》sqlserver快捷方式组－》企业管理器，在企业管理器中找到连接池连接的库，在库中新建一个表，表名为student。student表中有如下字段：
id（主键）   int型   自动标示自动增1
name         ntext类型
sex            ntext类型
mark          ntext类型
number      ntext类型

贴图：



注：本篇文章重点不在讲数据库设计（其实数据库设计笔者也不在行，郁闷的说），所以除了主键外其他字段都用了ntext类型（这个类型不用考虑内容太多其他方面问题）

[ Last edited by wool王 on 2005-5-18 at 17:13 ]

wool王

四、开始编程（戏肉）
1.在E:/wool目录下分别建立以下文件：
list.jsp
del.jsp
add.htm
getadd.jsp
edit.jsp
getedit.jsp
如图：



下面笔者贴出这些文件的源码。

[ Last edited by wool王 on 2005-5-18 at 17:13 ]

wool王

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

[ Last edited by wool王 on 2005-5-18 at 17:45 ]

wool王

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

[ Last edited by wool王 on 2005-5-18 at 17:49 ]

wool王

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);
}
%>
-------------------------------------------------------------------------------------------------------

[ Last edited by wool王 on 2005-5-25 at 00:35 ]

wool王

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.*\"%>

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

wool王

6.edit.jsp
功能描述：内容修改的表单，与add.htm文件不同的是这个运行这个文件的时候表单的内容都有默认值，而默认值就是原来的数据

点击后如下图：


修改数据后确定：


看到数据已经改变（wool那里的数据100变成60）：



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

wool王

7.getedit.jsp
功能描述：获取edit.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.*\"%>

<%
//前面解释过了，这里是获取表单传递过来的内容
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 ]

wool王

五、运行和测试
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 ]

wool王

六、写在最后
笔者写本篇文章的目的是让未接触过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 ]

wool王

花了一个钟终于写完了。

文章难免有错漏，若不幸被同学发现了望指出。。。

注：转载请注明工大后院。

ps：认识wool的同学也可以亲临wool的宿舍直接把程序拷贝走。

[ Last edited by wool王 on 2005-5-18 at 16:47 ]

jackyxie

见你有少少贡献，今天不踩你场

ba

9494，给你骨头奖励！

wool王

楼上。。。没话说。。。

hjack

wool，不错，给你加分了。希望越来越多见你的佳作。

joe_233

WOOL。帮我做毕业设计好了。

hjack

joe不是早已做好了吗？

joe_233

没啊。老师老改需求。。都不敢动手。郁闷啊