[原创]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

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