java web三层架构程序实例

一、前言
前几天我在这里发表过一篇文章是简单介绍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类型
sex            ntext类型
mark          ntext类型
number      ntext类型

贴图：



注：本篇文章重点不在讲数据库设计（其实数据库设计笔者也不在行，郁闷的说），所以除了主键外其他字段都用了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.*'%>

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

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

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

五、运行和测试
1.运行
方法与偶上篇文章介绍的方法一样，打开sqlserver和tomcat，在浏览器地址栏输入：http://localhost:8080/wool/list.jsp
注意我上面用红色标出的/wool，这个名字与配置文件中的path中内容对应。
（运行结果我待会会贴图出来）

2.调试
在测试过程中请录入合法数据：英文字母，数字，某些标点；
注意避免一次性输入数据过长；
勿输入非英文字符（例如中文）。

3.程序存在问题
笔者写这段程序目的是介绍身边没做过java web编程的同学一种简单的程序设计实例，而不是将程序运用在某一领域，所以在编程过程中没有对异常进行处理（基本没考虑到安全性问题，避免将程序复杂化，相信这也是许多同学所希望的），同时也没对程序获取的数据合法性进行任何的判断，还有程序没有调用任何内码转换的函数，所以程序是不支持中文的（呵呵，若想支持中文，请读者到google等搜索引擎查找有关jsp中文问题的文章）。

六、写在最后
笔者写本篇文章的目的是让未接触过web编程的同学快速的入门（主要是让身边的同学可以完成这学期软件工程的作业），程序写得很简单，只是用程序实现了对数据表的增、删、改、查的动作，其他功能在程序中没有任何的语句体现。

程序没有MVC，甚至没有涉及Servlet、javabean的内容以保证其简单性，在此笔者再次强调这篇文章只是一个做作业的实例。其实做过ASP或PHP开发的同学也许会感觉这篇文章介绍的JSP实现操作数据库的方法和ASP,PHP差不多（事实上jsp的功用远不只这些，甚至是没人好像我的实例这样写jsp，大家有兴趣不妨去google搜索下EL表达式，标签，框架等词）。

其实笔者是读电子专业的，身边做java的同学不多（几乎没有），我奢侈的希望能以这篇文章调动身边同学对这方面的兴趣。

原文转自：http://www.ltesting.net