前几天我在这里发表过一篇文章是简单介绍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等编辑器制作(如果感觉我贴出的东西太丑的话)

  代码:

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