Java Web JDBC实现CRUD操作总结(二)
(一)项目结构
(二)数据库表结构
CREATE TABLE `person` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`name` varchar(12) DEFAULT NULL,
`age` int(11) DEFAULT NULL,
`sex` varchar(12) DEFAULT NULL,
`birthday` date DEFAULT NULL,
`description` text,
`create_time` timestamp NULL DEFAULT NULL ON UPDATE CURRENT_TIMESTAMP,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=2015419063 DEFAULT CHARSET=utf8;
(三)JSP源码
1.addPerson.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<title>添加人员信息title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" language="javascript"
src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"
>script>
<script type="text/javascript" language="javascript"
src="${pageContext.request.contextPath}/js/jquery-1.8.1js"
>script>
head>
<body>
<form action="${pageContext.request.contextPath}/Operate.jsp" method="post">
<table>
<tr>
<td>姓名td>
<td><input name="name"/>td>
tr>
<tr>
<td>性别td>
<td><select name="sex">
<option value="男">男option>
<option value="女">女option>
select>td>
tr>
<tr>
<td>年龄td>
<td><input name="age"/>td>
tr>
<tr>
<td>生日td>
<td><input id="d11" name="birthday" type="text"
onclick="WdatePicker()">td>
tr>
<tr>
<td>描述td>
<td><textarea name="description">textarea>td>
tr>
<tr>
<td colspan="2"><input type="submit" value="提交"/>td>
tr>
table>
form>
body>
html>2.delete.jsp
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title heretitle>
head>
<body>
<% Connection conn = null;
Statement stmt = null;
%>
<%
try{
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testWeb", "root", "root");
stmt = conn.createStatement();
String id=request.getParameter("id");
String sql= "delete from person where id='"+id+"'";
// out.println(sql);
int i=stmt.executeUpdate(sql);
}catch(Exception e){
e.printStackTrace();
}finally{
if(stmt!=null&conn!=null){
stmt.close();
conn.close();
}
}
response.sendRedirect("listPerson.jsp");
%>
body>
html>3.listPerson.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>人员信息列表title>
<script type="text/javascript" language="javascript"
src="${pageContext.request.contextPath}/js/jquery-1.8.1js"
>script>
head>
<body>
<center>
<h4>人员信息列表h4>
center>
<a href="addPerson.jsp">添加新人员a><br/><br/>
<table border="1" cellpadding="2" cellspacing="1" width="100%">
<tr align="center">
<th>编号th>
<th>姓名th>
<th>年龄th>
<th>性别th>
<th>生日th>
<th>备注th>
<th>操作th>
tr>
<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = null;
ResultSet rs = null;
Statement stmt = null;
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testWeb", "root", "root");
stmt = conn.createStatement();
String query = "select * from person";
rs = stmt.executeQuery(query);
while(rs.next()){
%>
<tr >
<%
int id = rs.getInt("id");
String name = rs.getString("name");
int age = rs.getInt("age");
String sex = rs.getString("sex");
Date birthday = rs.getDate("birthday");
String description=rs.getString("description");
%>
<td align="center"><%=id%>td>
<td align="center"><%=name%>td>
<td align="center"><%=age%>td>
<td align="center"><%=sex%>td>
<td align="left"><%=birthday%>td>
<td align="left"><%=description%>td>
<td align="center"><a href="modify.jsp?id=<%=id%>">修改 a><a href="delete.jsp?id=<%=id%>" >删除a>td>
tr>
<%
}
%>
table>
body>
html>4.modify.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title heretitle>
head>
<body>
<%
Class.forName("com.mysql.jdbc.Driver");
Connection conn = null;
ResultSet rs = null;
Statement stmt = null;
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testWeb", "root", "root");
stmt = conn.createStatement();
String id=request.getParameter("id");
String sql = "select * from person where id='"+id+"'";
rs=stmt.executeQuery(sql);
response.setContentType("text/html;UTF-8");
while(rs.next()){
request.setAttribute("id", rs.getInt("id"));
request.setAttribute("name",rs.getString("name"));
request.setAttribute("sex",rs.getString("sex"));
request.setAttribute("age",rs.getInt("age"));
request.setAttribute("birthday",rs.getString("birthday"));
request.setAttribute("description",rs.getString("description"));
request.getRequestDispatcher("update.jsp").forward(request, response);
}
%>
body>
html>5.modifyAction.jsp
<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>修改页面数据title>
head>
<body>
<%
//在表单跳转页面，也就是此页面设置其你去字符编码为UFT-8解决乱码问题
request.setCharacterEncoding("utf-8");
String id=request.getParameter("id");
String name=request.getParameter("name");
String sex=request.getParameter("sex");
String birthday=request.getParameter("birthday");
String description=request.getParameter("description");
//1.编写SQL语句
String sql="update person set name=? ,sex=?,birthday=?,description=? where id=?";
//2.加载驱动器
Class.forName("com.mysql.jdbc.Driver");
Connection conn = null;
PreparedStatement ps= null;
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testWeb", "root", "root");
ps=conn.prepareStatement(sql);
ps.setString(1,name);
ps.setString(2, sex);
SimpleDateFormat sf=new SimpleDateFormat("yyyy-MM-dd");
Date date=new Date(sf.parse(birthday).getTime());
ps.setDate(3, date);
ps.setString(4, description);
ps.setInt(5,Integer.parseInt(id));
ps.executeUpdate();
if(ps!=null&conn!=null){
ps.close();
conn.close();
}
//执行完sql语句跳转到listPerson.jsp
response.sendRedirect("listPerson.jsp");
%>
body>
html>6./Project/WebContent/Operate.jsp
<%@page import="java.text.SimpleDateFormat"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import="java.sql.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title heretitle>
head>
<body>
<%
request.setCharacterEncoding("UTF-8");
String name=request.getParameter("name");
String age=request.getParameter("age");
String sex=request.getParameter("sex");
String birthday=request.getParameter("birthday");
String description=request.getParameter("description");
//1.编写SQL语句
String sql="insert into person(name,age,sex,birthday,description) values(?,?,?,?,?)";
//2.加载驱动器
Class.forName("com.mysql.jdbc.Driver");
Connection conn = null;
PreparedStatement ps= null;
conn = DriverManager.getConnection("jdbc:mysql://localhost:3306/testWeb", "root", "root");
ps=conn.prepareStatement(sql);
ps.setString(1, name);
ps.setString(2, age);
ps.setString(3, sex);
SimpleDateFormat sf=new SimpleDateFormat("yyyy-MM-dd");
Date date=new Date(sf.parse(birthday).getTime());
ps.setDate(4, date);
ps.setString(5, description);
ps.executeUpdate();
if(ps!=null&conn!=null){
ps.close();
conn.close();
}
//执行完sql语句跳转到listPerson.jsp
response.sendRedirect("listPerson.jsp");
%>
body>
html>7./Project/WebContent/update.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>将数据跳到此页面title>
<script type="text/javascript" language="javascript"
src="${pageContext.request.contextPath}/My97DatePicker/WdatePicker.js"
>script>
<script type="text/javascript" language="javascript"
src="${pageContext.request.contextPath}/js/jquery-1.8.1js"
>script>
head>
<%
/*获取modify.jsp保存的数据 */
Integer id=(Integer)request.getAttribute("id");
Integer age=(Integer)request.getAttribute("age");
String name=(String)request.getAttribute("name");
String sex=(String)request.getAttribute("sex");
String birthday=(String)request.getAttribute("birthday");
String description=(String)request.getAttribute("description");
%>
<body>
<form action="${pageContext.request.contextPath}/modifyAction.jsp?id=<%=id%>" method="post">
<table>
<tr>
<td>姓名td>
<td><input name="name" value=<%=name%>>td>
tr>
<tr>
<td>性别td>
<td><select name="sex">
<%
if(sex.equals("男")){
%>
<option value="男" selected>男option>
<%
}else{
%>
<option value="男">男option>
<%
}
%>
<%
if(sex.equals("女")){
%>
<option value="女" selected>女option>
<%
}else{
%>
<option value="女">女option>
<%
}
%>
select>td>
tr>
<tr>
<td>生日td>
<td><input id="d11" name="birthday" type="text"
onclick="WdatePicker()" value="<%=birthday%>">td>
tr>
<tr>
<td>描述td>
<td><textarea name="description" ><%=description %>textarea>td>
tr>
<tr>
<td colspan="2"><input type="submit" value="提交"> td>
tr>
table>
form>
body>
html>总结：
1.JSP设计界面,我们不需要其处理业务逻辑，因此我们需要将数据处理交给Servlet去处理。
2.以上业务逻辑均在JSP页面处理，需要修改。