分享
 
 
 

[原创]java web三层架构程序实例

王朝java/jsp·作者佚名  2006-01-10
窄屏简体版  字體: |||超大  

一、前言

前几天我在这里发表过一篇文章是简单介绍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的同学不多(几乎没有),我奢侈的希望能以这篇文章调动身边同学对这方面的兴趣。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有