三层网络架构实例

基础应用: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.*"%>
　　<%