1. 程式人生 > >Intellij Idea 搭建一個完整的JavaWeb專案(二)

Intellij Idea 搭建一個完整的JavaWeb專案(二)

手把手搭建一個完整的JavaWeb專案

本案例使用Servlet+jsp製作,用Intellij Idea IDE和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');

這裡使用到了navicat for mysql    這是一種mysql的圖形介面化工具,後期可以非常方便的操作資料庫。

2.然後開啟Intellij Idea 新建一個web專案,步驟詳情見(一)。

3.在webroot下的WEB-INF下的lib中匯入mysql的驅動jar包。

4.建立對應的包結構 
com.javaweb.demo.filter   //過濾器 解決中文字符集亂碼
com.javaweb.demo.util     //資料庫連線工具類
com.javaweb.demo.entity   //實體類
com.javaweb.demo.dao      //資料操作類
com.javaweb.demo.servlet   //servlet類

 

 

5.在filter下新建一個EncodingFilter類用來解決中文字符集亂碼,它需要實現Filter介面,並重寫doFilter函式

package com.javaweb.demo.filter;


import javax.servlet.*;
import java.io.IOException;

public class EncodingFilter implements javax.servlet.Filter {
    public EncodingFilter(){
        System.out.println("過濾器構造");
    }
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
        System.out.println("過濾器初始化");
    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        servletRequest.setCharacterEncoding("utf-8"); //將編碼改為utf-8
        servletResponse.setContentType("text/html;charset=utf-8");
        filterChain.doFilter(servletRequest, servletResponse);

    }

    @Override
    public void destroy() {
        System.out.println("過濾器銷燬");
    }
}

6.到web.xml下進行對EncodingFilter相應的配置

<?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_3_1.xsd"
         version="3.1">
    <display-name></display-name>
    <filter>
        <filter-name>EncodingFilter</filter-name>
        <filter-class>com.javaweb.demo.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.javaweb.demo.util;

import java.sql.*;

public class DBconn {
    static String url = "jdbc:mysql://localhost:3306/demo?useunicuee=true& characterEncoding=utf8"; // 資料庫連線url
    static String username = "root"; // 資料庫使用者名稱
    static String password = "123456"; // 使用者密碼
    static Connection conn = null; // 初始化一個數據連線 conn
    static ResultSet rs = null; // 初始化一個結果集 rs
    static PreparedStatement ps =null; // 初始化一個PreparedStatement物件 ps
    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.javaweb.demo.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介面  以及對應的方法實現類(使用介面類是為了規範開發)

package com.javaweb.demo.dao;

import com.javaweb.demo.entity.User;

import java.util.List;

public interface UserDao {
    public boolean login(String name,String pwd);//登入
    public boolean register(User user);//註冊
    public List<User> getUserAll();//返回使用者資訊集合
    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.javaweb.demo.dao.impl;

import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.entity.User;
import com.javaweb.demo.util.DBconn;

import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;

public class UserDaoImpl implements UserDao {
    @Override
    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;

    }

    @Override
    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;

    }

    @Override
    public List<User> getUserAll() {
        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;
    }

    @Override
    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;

    }

    @Override
    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;

    }
}

10.在servlet下建立DengluServlet用來實現對使用者登入的操作(Servlet有兩種方式建立,一種手工建立。另一種程式自動生成。前者自己建立java類,實現Servlet具體內容,然後需要去WEB_INF下的web.xml去配置servlet  . 而後者則直接由程式替我們配置好了Servlet)本例子使用第二種方式生成Servlet。

package com.javaweb.demo.servlet;

import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.dao.impl.UserDaoImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

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("xiaoxi", "歡迎使用者"+name); //向request域中放置資訊
            request.getRequestDispatcher("/success.jsp").forward(request, response);//轉發到成功頁面
        }else{
            response.sendRedirect("index.jsp"); //重定向到首頁
        }
    }

}

有兩點要注意的地方:

一:getParameter與getAttribute兩者的區別

request.setAttribute("xiaoxi", "歡迎使用者"+name);//向request域中放置資訊 ( 鍵值對的形式)  名字為xiaoxi  內容為"歡迎使用者"+name

request.getAttribute("xiaoxi");//得到request域中放置名字為xiaoxi的資訊

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用來實現使用者註冊的操作

package com.javaweb.demo.servlet;

import com.javaweb.demo.entity.User;
import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.dao.impl.UserDaoImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

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("xiaoxi", "註冊成功");
            request.getRequestDispatcher("/login.jsp").forward(request, response);  //轉發到登入頁面
        }else{

            response.sendRedirect("index.jsp");//重定向到首頁
        }
    }

}

12.在servlet下建立FindUserListServlet用來返回資料庫中所有使用者資訊

package com.javaweb.demo.servlet;

import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.dao.impl.UserDaoImpl;
import com.javaweb.demo.entity.User;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;


public class FindUserListServlet 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> userAll = ud.getUserAll();
        request.setAttribute("userAll", userAll);
        request.getRequestDispatcher("/userlist.jsp").forward(request, response);
    }

}

13.在servlet下建立DeleteServlet用來刪除使用者操作

package com.javaweb.demo.servlet;

import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.dao.impl.UserDaoImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

public class DeleteUserServlet 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("xiaoxi", "刪除成功");
            request.getRequestDispatcher("/FindUserList").forward(request, response);
        }else{
            response.sendRedirect("index.jsp");
        }
    }

}

14.在servlet下建立UpdateServlet操作用來更新使用者資訊

package com.javaweb.demo.servlet;

import com.javaweb.demo.dao.UserDao;
import com.javaweb.demo.dao.impl.UserDaoImpl;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;


public class UpdateUserServlet 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("xiaoxi", "更新成功");
            request.getRequestDispatcher("/FindUserList").forward(request, response);
        }else{
            response.sendRedirect("index.jsp");
        }
    }

}

15.配置servlet       如果非手打而用MyEclipse生成則不用配置  附完整web.xml

<?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_3_1.xsd"
         version="3.1">
    <display-name></display-name>
    <filter><!--filter類路徑配置-->
        <filter-name>EncodingFilter</filter-name>
        <filter-class>com.javaweb.demo.filter.EncodingFilter</filter-class><!-- 全路徑 從根包開始一直到類名 -->
    </filter>
    <filter-mapping><!--filter類對映配置-->
        <filter-name>EncodingFilter</filter-name>
        <url-pattern>/*</url-pattern><!-- /* 即為過濾所有 -->
    </filter-mapping>

    <servlet><!--servlet類路徑配置-->
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>com.javaweb.demo.servlet.LoginServlet</servlet-class>
    </servlet>
    <servlet>
        <servlet-name>RegisterServlet</servlet-name>
        <servlet-class>com.javaweb.demo.servlet.RegisterServlet</servlet-class>
    </servlet>
    <servlet>
        <servlet-name>FindUserListServlet</servlet-name>
        <servlet-class>com.javaweb.demo.servlet.FindUserListServlet</servlet-class>
    </servlet>
    <servlet>
        <servlet-name>DeleteUserServlet</servlet-name>
        <servlet-class>com.javaweb.demo.servlet.DeleteUserServlet</servlet-class>
    </servlet>
    <servlet>
        <servlet-name>UpdateUserServlet</servlet-name>
        <servlet-class>com.javaweb.demo.servlet.UpdateUserServlet</servlet-class>
    </servlet>


    <servlet-mapping><!--servlet類對映配置-->
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/Login</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>RegisterServlet</servlet-name>
        <url-pattern>/Register</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>FindUserListServlet</servlet-name>
        <url-pattern>/FindUserList</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>DeleteUserServlet</servlet-name>
        <url-pattern>/DeleteUser</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>UpdateUserServlet</servlet-name>
        <url-pattern>/UpdateUser</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="Login"  method="post">

其中action即為要跳轉的servlet路徑(即在web.xml中配置的servlet-mapping   :<url-pattern>/Login</url-pattern>   ,)寫  /  後的內容。

method="post"為傳遞值得方法型別有兩種,第一種get,第二種post。網上介紹這兩種的區別有很多,闡述的又是百家爭鳴。而我覺得那個方便就用那個,一般使用post傳遞,可避免亂碼。

另一個需要注意的是   使用者名稱:<input type="text" name="name" value="">  input標籤  一定要起個名字  如name="name"  

起名的作用就是讓後臺通過request.getParterment("name");來取值

<%@ 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>登入</title>
</head>
<body>
    <form action="Login"  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="denglu"><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>註冊</title>
</head>
<body>
    <form action="Register"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>

fail.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>失敗</title>
</head>
<body>
<h1>失敗</h1>
</body>
</html>

success.jsp  成功頁面

 

${xiaoxi}為EL表示式  獲取request域中的鍵名為xiaoxi的值

<%@ 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>成功頁面</title>
</head>
<body>
${xiaoxi} <br>
<a href="FindUserList">檢視所有使用者</a>
</body>
</html>

userlist.jsp   展現所有使用者頁面

頁面使用的到JSTL表示式 即c標籤。使用c標籤需要引入標頭檔案<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 。

還需要在lib資料夾下匯入jstl.jar和standard.jar兩個jar包。可以從官網上載。

需要注意的的是El標籤配合JSTl標籤的使用,<c:forEach var="U" items="${userAll}"  >   例子forEach標籤的遍歷內容即為EL表示式獲取的${userAll}

而且當指定別名後var="U"  ,別名可以隨便起,為了方便一般是小寫類名命名。  

C標籤內遍歷的屬性也是需要用${  }獲取。此時別名U即為當前集合中的User物件,想得到屬性只需要用 ${ U.屬性名 }     即可

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%
    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>${xiaoxi}</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="${userAll}"  >
        <form action="UpdateUser" 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="DeleteUser?id=${U.id}">刪除</a>  <input type="submit" value="更新"/></td>
            </tr>
        </form>
    </c:forEach>
</table>
</body>
</html>

專案結構

至此,一個簡單完整的JavaWeb專案就算開發完成了。