JavaWeb 项目 demo
本案例使用 Servlet+JSP 制作,用 IDEA 和 MySQL 数据库进行搭建,详细介绍了搭建过程及知识点。
主要功能有:
-
用户注册
-
用户登录
-
用户列表展示
-
用户信息修改
-
用户信息删除
涉及到的知识点有:
-
JDBC
-
Servlet
-
过滤器
-
EL 与 JSTL 表达式
1、首先打开 MySQL 数据库新建一个数据库 test,然后生成对应的表结构
CREATE TABLE `user` (
`id` int(11) NOT NULL auto_increment,
`name` varchar(255) NOT NULL,
`pwd` varchar(255) NOT NULL,
`sex` varchar(255) NOT NULL,
`home` varchar(255) NOT NULL,
`info` varchar(255) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=utf8;
INSERT INTO `user` VALUES ('3', '123', '123', '123', '123', '123');
INSERT INTO `user` VALUES ('4', '123123', '123123', '男', '北京', '123123');
2、然后打开 IDEA 新建一个 Web 项目
3、在 WEB-INF 下的 lib 中导入 MySQL 的驱动 jar 包,驱动下载可参考 MySQL 官网下载各版本连接驱动
4、建立对应的包结构
com.filter // 过滤器,解决中文字符集乱码
com.util // 数据库连接工具类
com.entity // 实体类
com.dao // 数据操作类
com.servlet // Servlet 类
5、在 filter 下新建一个 EncodingFilter 用来解决中文字符集乱码,它需要实现 Filter 接口,并重写 doFilter 函数
package com.filter;
import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
public class EncodingFilter implements Filter{
public EncodingFilter(){
System.out.println("过滤器构造");
}
public void destroy() {
System.out.println("过滤器销毁");
}
public void doFilter(ServletRequest request, ServletResponse response,FilterChain chain)
throws IOException, ServletException {
request.setCharacterEncoding("utf-8"); // 将编码改为 utf-8
response.setContentType("text/html;charset=utf-8");
chain.doFilter(request, response);
}
public void init(FilterConfig arg0) throws ServletException {
System.out.println("过滤器初始化");
}
}
6、到 web.xml 下进行对 EncodingFilter 相应的配置
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<display-name></display-name>
<filter>
<filter-name>EncodingFilter</filter-name>
<filter-class>com.filter.EncodingFilter</filter-class><!-- 全路径,从根包开始一直到类名 -->
</filter>
<filter-mapping>
<filter-name>EncodingFilter</filter-name>
<url-pattern>/*</url-pattern> <!--过滤所有-->
</filter-mapping>
<welcome-file-list>
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
7、在 util 下新建一个 DBconn 类用来处理对数据库的连接操作(用户名或密码按照自己的数据库更改)
package com.util;
import java.sql.*;
public class DBconn {
static String url = "jdbc:mysql://localhost:3306/test?useunicuee=true&characterEncoding=utf8";
static String username = "root";
static String password = "123";
static Connection conn = null;
static ResultSet rs = null;
static PreparedStatement ps =null;
public static void init(){
try {
Class.forName("com.mysql.jdbc.Driver");
conn = DriverManager.getConnection(url,username,password);
} catch (Exception e) {
System.out.println("init [SQL 驱动程序初始化失败!]");
e.printStackTrace();
}
}
public static int addUpdDel(String sql){
int i = 0;
try {
PreparedStatement ps = conn.prepareStatement(sql);
i = ps.executeUpdate();
} catch (SQLException e) {
System.out.println("sql 数据库增删改异常");
e.printStackTrace();
}
return i;
}
public static ResultSet selectSql(String sql){
try {
ps = conn.prepareStatement(sql);
rs = ps.executeQuery(sql);
} catch (SQLException e) {
System.out.println("sql 数据库查询异常");
e.printStackTrace();
}
return rs;
}
public static void closeConn(){
try {
conn.close();
} catch (SQLException e) {
System.out.println("sql 数据库关闭异常");
e.printStackTrace();
}
}
}
8、在 entity 下新建一个 User 实体类(实体即抽象出来的用户对象,对应数据库中的 user 表,表中每个字段在实体中为一个属性,一个 User 对象对应数据库中的 user 表的一条记录)
package com.entity;
public class User {
private int id;
private String name;
private String pwd;
private String sex;
private String home;
private String info;
public int getId() {
return id;
}
public void setId(int id) {
this.id = id;
}
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}
public String getPwd() {
return pwd;
}
public void setPwd(String pwd) {
this.pwd = pwd;
}
public String getSex() {
return sex;
}
public void setSex(String sex) {
this.sex = sex;
}
public String getHome() {
return home;
}
public void setHome(String home) {
this.home = home;
}
public String getInfo() {
return info;
}
public void setInfo(String info) {
this.info = info;
}
}
9、在 dao 下新建一个 UserDao 接口 以及对应的方法实现类(使用接口类是为了规范开发)
UserDao.java
package com.dao;
import java.util.List;
import com.entity.User;
public interface UserDao {
public boolean login(String name,String pwd);// 登录
public boolean register(User user);// 注册
public List<User> getAllUsers();// 返回用户信息集合
public boolean delete(int id) ;// 根据 id 删除用户
public boolean update(int id,String name, String pwd,String sex, String home,String info) ;// 更新用户信息
}
新建 UserDaoImpl.java 实现 UserDao 接口,及未实现的方法(SQL 语句建议在 MySQL 中测试以下,没有问题然后再拿到实现类中使用)
本例子 SQL 使用字符串拼接的方式,其实还有一种更安全的预加载的方式,这里不介绍。
package com.dao;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import com.entity.User;
import com.util.DBconn;
public class UserDaoImpl implements UserDao{
public boolean register(User user) {
boolean flag = false;
DBconn.init();
int i =DBconn.addUpdDel("insert into user(name,pwd,sex,home,info) " +
"values('"+user.getName()+"','"+user.getPwd()+"','"+user.getSex()+"','"+user.getHome()+"','"+user.getInfo()+"')");
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
public boolean login(String name, String pwd) {
boolean flag = false;
try {
DBconn.init();
ResultSet rs = DBconn.selectSql("select * from user where name='"+name+"' and pwd='"+pwd+"'");
while(rs.next()){
if(rs.getString("name").equals(name) && rs.getString("pwd").equals(pwd)){
flag = true;
}
}
DBconn.closeConn();
} catch (SQLException e) {
e.printStackTrace();
}
return flag;
}
public List<User> getAllUsers() {
List<User> list = new ArrayList<User>();
try {
DBconn.init();
ResultSet rs = DBconn.selectSql("select * from user");
while(rs.next()){
User user = new User();
user.setId(rs.getInt("id"));
user.setName(rs.getString("name"));
user.setPwd(rs.getString("pwd"));
user.setSex(rs.getString("sex"));
user.setHome(rs.getString("home"));
user.setInfo(rs.getString("info"));
list.add(user);
}
DBconn.closeConn();
return list;
} catch (SQLException e) {
e.printStackTrace();
}
return null;
}
public boolean update(int id,String name, String pwd,String sex, String home,String info) {
boolean flag = false;
DBconn.init();
String sql ="update user set name ='"+name
+"' , pwd ='"+pwd
+"' , sex ='"+sex
+"' , home ='"+home
+"' , info ='"+info+"' where id = "+id;
int i =DBconn.addUpdDel(sql);
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
public boolean delete(int id) {
boolean flag = false;
DBconn.init();
String sql = "delete from user where id="+id;
int i =DBconn.addUpdDel(sql);
if(i>0){
flag = true;
}
DBconn.closeConn();
return flag;
}
}
10、在 servlet 下创建 LoginServlet 用来实现对用户登录的操作
LoginServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
public class LoginServlet extends HttpServlet { // 需要继承 HttpServlet 并重写 doGet doPost 方法
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response); // 将信息使用 doPost 方法执行对应 JSP 页面中的 form 表单中的 method
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name"); // 得到 JSP 页面传过来的参数
String pwd = request.getParameter("pwd");
UserDao ud = new UserDaoImpl();
if(ud.login(name, pwd)){
request.setAttribute("msg", "欢迎用户"+name); // 向 request 域中放置信息
request.getRequestDispatcher("/success.jsp").forward(request, response);// 转发到成功页面
}else{
response.sendRedirect("index.jsp"); // 重定向到首页
}
}
}
有两点要注意的地方:
一:getParameter 与 getAttribute 两者的区别
request.setAttribute("msg", "欢迎用户"+name);
:向 request 域中放置信息( 键值对的形式) 名字为 msg 内容为"欢迎用户"+name
request.getAttribute("msg");
:得到 request 域中放置名字为 msg 的信息
request.getParameter("name");
:得到 request 域的参数信息(得到 JSP 页面传过来的参数)
getAttribute 表示从 request 范围取得设置的属性,必须要先 setAttribute 设置属性,才能通过 getAttribute 来取得,设置与取得的为 Object 对象类型 。
getParameter 表示接收参数,参数为页面提交的参数,包括:表单提交的参数、URL 重写(就是 xxx?id=1 中的 id)传的参数等,因此这个并没有设置参数的方法(没有 setParameter),而且接收参数返回的不是 Object,而是 String 类型
二:转发与重定向的区别
(1)重定向的执行过程:Web 服务器向浏览器发送一个 http 响应--》浏览器接受此响应后再发送一个新的 http 请求到服务器--》服务器根据此请求寻找资源并发送给浏览器。它可以重定向到任意 URL,不能共享 request 范围内的数据。
(2)重定向是在客户端发挥作用,通过新的地址实现页面转向。
(3)重定向是通过浏览器重新请求地址,在地址栏中可以显示转向后的地址。
(4)转发过程:Web 服务器调用内部方法在容器内部完成请求和转发动作--》将目标资源发送给浏览器,它只能在同一个 Web 应用中使用,可以共享 request 范围内的数据。
(5)转发是在服务器端发挥作用,通过 forward() 方法将提交信息在多个页面间进行传递。
(6)转发是在服务器内部控制权的转移,客户端浏览器的地址栏不会显示出转向后的地址。
11、在 servlet 下创建一个 RegisterServlet 用来实现用户注册的操作
RegisterServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class RegisterServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String name = request.getParameter("name"); // 获取 JSP 页面传过来的参数
String pwd = request.getParameter("pwd");
String sex = request.getParameter("sex");
String home = request.getParameter("home");
String info = request.getParameter("info");
User user = new User(); // 实例化一个对象,组装属性
user.setName(name);
user.setPwd(pwd);
user.setSex(sex);
user.setHome(home);
user.setInfo(info);
UserDao ud = new UserDaoImpl();
if(ud.register(user)){
request.setAttribute("username", name); // 向 request 域中放置参数
//request.setAttribute("msg", "注册成功");
request.getRequestDispatcher("/login.jsp").forward(request, response); // 转发到登录页面
}else{
response.sendRedirect("index.jsp");// 重定向到首页
}
}
}
12、在 servlet 下创建 SearchallServlet 用来返回数据库中所有用户信息
ListAll.java
package com.servlet;
import java.io.IOException;
import java.util.List;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class ListAll extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
UserDao ud = new UserDaoImpl();
List<User> allUsers = ud.getAllUsers();
request.setAttribute("allUsers", allUsers);
request.getRequestDispatcher("/listAll.jsp").forward(request, response);
}
}
13、在 servlet 下创建 DeleteServlet 用来删除用户操作
DeleteServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
public class DeleteServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("id");
int userId = Integer.parseInt(id);
UserDao ud = new UserDaoImpl();
if(ud.delete(userId)){
request.setAttribute("msg", "删除成功");
request.getRequestDispatcher("/ListAll").forward(request, response);
}else{
response.sendRedirect("index.jsp");
}
}
}
14、在 servlet 下创建 UpdateServlet 操作用来更新用户信息
UpdateServlet.java
package com.servlet;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import com.dao.UserDao;
import com.dao.UserDaoImpl;
import com.entity.User;
public class UpdateServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
String id = request.getParameter("id");
int userId = Integer.parseInt(id);
String name = request.getParameter("name");
String pwd = request.getParameter("pwd");
String sex = request.getParameter("sex");
String home = request.getParameter("home");
String info = request.getParameter("info");
System.out.println("------------------------------------"+userId);
UserDao ud = new UserDaoImpl();
if(ud.update(userId, name, pwd, sex, home, info)){
request.setAttribute("msg", "更新成功");
request.getRequestDispatcher("/ListAll").forward(request, response);
}else{
response.sendRedirect("index.jsp");
}
}
}
15、在 web.xml 中配置 Servlet
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<display-name></display-name>
<filter><!-- 过滤器配置 -->
<filter-name>EncodingFilter</filter-name>
<filter-class>com.filter.EncodingFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>EncodingFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<servlet><!--servlet 类路径配置 -->
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.servlet.LoginServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>RegisterServlet</servlet-name>
<servlet-class>com.servlet.RegisterServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>ListAll</servlet-name>
<servlet-class>com.servlet.ListAll</servlet-class>
</servlet>
<servlet>
<servlet-name>DeleteServlet</servlet-name>
<servlet-class>com.servlet.DeleteServlet</servlet-class>
</servlet>
<servlet>
<servlet-name>UpdateServlet</servlet-name>
<servlet-class>com.servlet.UpdateServlet</servlet-class>
</servlet>
<servlet-mapping><!--servlet 类映射配置 -->
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/LoginServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>RegisterServlet</servlet-name>
<url-pattern>/RegisterServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>ListAll</servlet-name>
<url-pattern>/ListAll</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>DeleteServlet</servlet-name>
<url-pattern>/DeleteServlet</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>UpdateServlet</servlet-name>
<url-pattern>/UpdateServlet</url-pattern>
</servlet-mapping>
<welcome-file-list><!-- 默认首页地址 -->
<welcome-file>login.jsp</welcome-file>
</welcome-file-list>
</web-app>
16、新建 JSP 页面
login.jsp 用户登录页面 默认页面进入项目后 先进入该页面(web.xml 中配置)
form 表单中需要注意的是<form action="LoginServlet" method="post">
其中 action 即为要跳转的 Servlet 路径(即在 web.xml 中配置的 servlet-mapping:<url-pattern>/LoginServlet</url-pattern>
)中写在 / 后的内容。
method="post" 为请求类型,有两种,第一种 get,第二种 post,表单一般用 post。
另一个需要注意的是用户名:<input type="text" name="name" value="">
,input 标签一定要有 name 属性,如 name="name"
name 属性的作用就是让后台通过request.getParterment("name");
来取值。
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录注册页面</title>
</head>
<body>
<form action="LoginServlet" method="post" style="padding-top:-700px;">
用户名:<input type="text" name="name" value=""><br><br>
密码: <input type="password" name="pwd" value=""><br><br>
<input type="submit" value="登录" name="login"><input type="reset" value="重置"><br>
</form>
<form action="register.jsp">
<input type="submit" value="新用户注册">
</form>
</body>
</html>
register.jsp(用户注册页面)
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'BB.jsp' starting page</title>
</head>
<body >
<form action="RegisterServlet" method="post" style="padding-top:-700px;">
输入用户名:<input name="name" type="text"><br><br>
输入密码:<input name="pwd" type="password"><br><br>
选择性别:<input type="radio" name="sex" value="男" checked>男
<input type="radio" name="sex" value="女">女<br><br>
选择家乡:
<select name="home">
<option value="上海">上海</option>
<option value="北京" selected>北京</option>
<option value="纽约">纽约</option>
</select><br>
填写个人信息:<br>
<textarea name="info" row="5" cols="30"></textarea><br>
<input type="reset" value="重置"><input type="submit" value="注册">
</form>
</body>
</html>
index.jsp(失败页面)
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<body>
<h1>失败</h1>
</body>
</html>
success.jsp(成功页面)
${msg} 为 EL 表达式 获取 request 域中的键名为 msg 的值
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'success.jsp' starting page</title>
</head>
<body>
${msg}<br>
<a href="ListAll">查看所有用户</a>
</body>
</html>
listAll.jsp(展现所有用户页面)
页面使用的到 JSTL 表达式,即 c 标签。使用 c 标签需要下载 jakarta-taglibs-standard-1.1.2.zip,将其中的 下载 jstl.jar 和 standard.jar 加入 lib 文件夹,并使用<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
引入头文件。
需要注意的的是 El 标签配合 JSTl 标签的使用,<c:forEach var="U" items="${userAll}">
中 foeEach 标签的遍历的内容即为 EL 表达式获取的${userAll}
,每个遍历的元素指定别名为 "U"。
c 标签内遍历的属性也需要用${ }
获取。此时别名 U 即为当前集合中的 User 对象,想得到属性只需要用${ U.属性名 }
即可
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>所有用户页面</title>
</head>
<body>
<h1>${msg}</h1>
<table width="600" border="1" cellpadding="0" >
<tr>
<th>ID</th>
<th>姓名</th>
<th>性别</th>
<th>密码</th>
<th>家乡</th>
<th>备注</th>
<th>操作</th>
</tr>
<c:forEach var="U" items="${allUsers}" >
<form action="UpdateServlet" method="post">
<tr>
<td><input type="text" value="${U.id}" name="id" ></td>
<td><input type="text" value="${U.name}" name="name"></td>
<td><input type="text" value="${U.sex}" name="sex"></td>
<td><input type="text" value="${U.pwd}" name="pwd"></td>
<td><input type="text" value="${U.home}" name="home"></td>
<td><input type="text" value="${U.info}" name="info"></td>
<td><a href="DeleteServlet?id=${U.id}">删除</a> <input type="submit" value="更新"/></td>
</tr>
</form>
</c:forEach>
</table>
</body>
</html>
项目结构