JavaWeb 項目 demo

原文:手把手搭建一個完整的 JavaWeb 項目

本案例使用 Servlet+JSP 製作,用 IDEA 和 MySQL 數據庫進行搭建,詳細介紹了搭建過程及知識點。

主要功能有:

  1. 用戶註冊

  2. 用戶登錄

  3. 用戶列表展示

  4. 用戶信息修改

  5. 用戶信息刪除

涉及到的知識點有:

  1. JDBC

  2. Servlet

  3. 過濾器

  4. 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 類

image-20220821143644296

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>
image-20220821150630650

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>
image-20220821150742445

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>
image-20220821150809326

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>
image-20220821150911365

項目結構

image-20220821145137767
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章