技術準備
這個項目是自己用于鞏固 J2EE 相關知識的練手項目，非常簡單，但是相關的功能卻非常實用，所以在這里分享一下
為了完成這個項目，需要掌握如下技術：
Java 前端： J2EE： 數據庫： 開發流程
項目雖然很簡單，很小，但是為了開發的有條不紊，還是按照商業項目的開發來完成。
① 需求分析
首先要確定要做哪些功能
使用數據庫 來保存數據 能增刪改查 學生的信息（學號，名稱，年齡，性別，出生日期） ② 表結構設計
根據需求，那么只需要一個 student 表就能夠完成功能了。
創建數據庫：student
DROP DATABASE IF EXISTS student;
CREATE DATABASE student DEFAULT CHARACTER SET utf8;
創建學生表：student 學生學號(studentID) 作為主鍵的原因是：不方便操作，例如在更新數據的時候，同時也要更改學號，那這樣的操作怎么辦呢？id ?用來唯一表示當前數據。
CREATE TABLE student(id int(11) NOT NULL AUTO_INCREMENT,studentID int(11) NOT NULL UNIQUE,name varchar(255) NOT NULL,age int(11) NOT NULL,sex varchar(255) NOT NULL,birthday date DEFAULT NULL,PRIMARY KEY (id)
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
③ 原型設計
就是設計界面，在商業項目中，這是很重要的一步，我們可以解除界面原型，低成本、高效率 的與客戶達成需求的一致性 。
這個項目一共就分為兩個頁面：
④ 實體類的設計
實體類僅僅是對數據庫中表的一一映射，同時可能還需要兼顧對業務能力的支持。
在 Packge[bean]下創建 Student 類：
package bean;import java.util.Date;public class Student {private int id; // 在數據庫中的IDprivate int studentID; // 學號，跟ID區分開為了方便數據庫操作private String name; // 姓名private int age; // 年齡private String sex; // 性別private Date birthday; // 出生日期// setter 和 getter (為節約篇幅沒列出來)
}
⑤ DAO 類的設計
DAO，即 Date Access Object，數據庫訪問對象，就是對數據庫相關操作的封裝，讓其他地方看不到 JDBC 的代碼。
首先我們先創建一個數據庫操作的工具類：
在 Packge[util]下創建 DBUtil 類：
/*** 數據庫工具類，這個類的作用是初始化驅動，并且提供一個getConnection用于獲取連接。*/
package util;import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;public class DBUtil {static String ip = "127.0.0.1";static int port = 3306;static String database = "student";static String encoding = "UTF-8";static String loginName = "root";static String password = "root";static {try {Class.forName("com.mysql.jdbc.Driver");} catch (ClassNotFoundException e) {e.printStackTrace();}}public static Connection getConnection() throws SQLException {String url = String.format("jdbc:mysql://%s:%d/%s?characterEncoding=%s", ip, port, database, encoding);return DriverManager.getConnection(url, loginName, password);}public static void main(String[] args) throws SQLException {System.out.println(getConnection());}}
然后是 DAO 類，除了進行典型的 ORM 支持功能之外，也需要提供各種業務方法。
在 Packge[dao]下創建 StudentDAO 類：
package dao;import bean.Student;
import util.DBUtil;import java.sql.*;
import java.util.ArrayList;
import java.util.List;public class StudentDAO {public int getTotal() {int total = 0;String sql = "SELECT COUNT(*) FROM student";try (Connection c = DBUtil.getConnection(); Statement st = c.createStatement()) {ResultSet rs = st.executeQuery(sql);while (rs.next()) {total = rs.getInt(1);}} catch (SQLException e) {e.printStackTrace();}return total;}public void add(Student student) {String sql = "INSERT INTO student VALUES(NULL,?,?,?,?,?)";try (Connection c = DBUtil.getConnection(); PreparedStatement ps = c.prepareStatement(sql)) {ps.setInt(1, student.getStudentID());ps.setString(2, student.getName());ps.setInt(3, student.getAge());ps.setString(4, student.getSex());ps.setDate(5, new java.sql.Date(student.getBirthday().getTime()));ps.execute();} catch (SQLException e) {e.printStackTrace();}}public void delete(int id) {String sql = "DELETE FROM student WHERE ID = ?";try (Connection c = DBUtil.getConnection(); PreparedStatement ps = c.prepareStatement(sql)) {ps.setInt(1, id);ps.execute();} catch (SQLException e) {e.printStackTrace();}}public void update(Student student) {String sql = "update student set student_id = ?, name = ?, age = ?, sex = ?, birthday = ? where id = ? ";try (Connection c = DBUtil.getConnection(); PreparedStatement ps = c.prepareStatement(sql)) {ps.setInt(1, student.getStudentID());ps.setString(2, student.getName());ps.setInt(3, student.getAge());ps.setString(4, student.getSex());ps.setDate(5, new java.sql.Date(student.getBirthday().getTime()));ps.setInt(6, student.getId());ps.execute();} catch (SQLException e) {e.printStackTrace();}}public Student get(int id) {Student student = new Student();String sql = "SELECT * FROM student WHERE ID = " + id;try (Connection c = DBUtil.getConnection(); Statement st = c.createStatement()) {ResultSet rs = st.executeQuery(sql);if (rs.next()) {int student_id = rs.getInt("student_id");String name = rs.getString("name");int age = rs.getInt("age");String sex = rs.getString("sex");Date birthday = rs.getDate("birthday");student.setStudentID(student_id);student.setName(name);student.setAge(age);student.setSex(sex);student.setBirthday(birthday);student.setId(id);}} catch (SQLException e) {e.printStackTrace();}return student;}public List<Student> list() {return list(0, Short.MAX_VALUE);}public List<Student> list(int start, int count) {List<Student> students = new ArrayList<>();String sql = "SELECT * FROM student ORDER BY student_id desc limit ?,?";try (Connection c = DBUtil.getConnection(); PreparedStatement ps = c.prepareStatement(sql)) {ps.setInt(1, start);ps.setInt(2, count);ResultSet rs = ps.executeQuery();while (rs.next()) {Student student = new Student();int id = rs.getInt("id");int studentID = rs.getInt("student_id");String name = rs.getString("name");int age = rs.getInt("age");String sex = rs.getString("sex");Date birthday = rs.getDate("birthday");student.setId(id);student.setStudentID(studentID);student.setName(name);student.setAge(age);student.setSex(sex);student.setBirthday(birthday);students.add(student);}rs.close();} catch (SQLException e) {e.printStackTrace();}return students;}}
該類中，既提供了增刪改查 這些基本的?CRUD ?操作 又提供了一些非?CRUD ?方法 ⑥ 業務類介紹
作為 J2EE Web 應用，一般都會按照如圖所示的設計流程進行：
當瀏覽器提交請求到 Tomcat Web 服務器的時候，對應的 Servlet 的doGet/doPost 方法會被調用，接著在 Servlet 中調用 Service類，然后在 Service 類中調用DAO類，最后在 DAO 中訪問數據庫獲取相應的數據。
單本項目沒有使用 Service 這一層，原因是在對 DAO 類進行開發中，已經提供了很好的支持業務的方法，沒有必要再包括上一層 Service 業務類。
參考鏈接：這里
⑦ 功能開發
需要按照模塊之間的依賴關系，順序開發。
首先為項目添加必要的 jar 包： ——【1.編寫 Filter】——
由于項目中設計表單 POST 方式的提交，所以我們先來編寫好相關編碼的過濾器，好支持中文的存取
在 Packge[filter] 下編寫 EncodingFilter 類：
package filter;import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebFilter("/*")
public class EncodingFilter implements Filter {public void destroy() {}public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws ServletException, IOException {HttpServletRequest request = (HttpServletRequest) req;HttpServletResponse response = (HttpServletResponse) resp;// 設置編碼格式為 UTF-8request.setCharacterEncoding("UTF-8");chain.doFilter(request, response);}public void init(FilterConfig config) throws ServletException {}}
——【2. 編寫 Servlet 】——
按照傳統的方式，我們項目的業務為增刪改查 ，所以對應四個路徑，也就是需要編寫四個 Servlet 才可以
package servlet;import bean.Student;
import dao.StudentDAO;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;@WebServlet("/addStudent")
public class AddServlet extends HttpServlet {protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {Student student = new Student();// 直接從表單中獲取數據int studentID = Integer.parseInt(req.getParameter("studentID"));String name = req.getParameter("name");int age = Integer.parseInt(req.getParameter("age"));String sex = req.getParameter("radio");Date birthday = null;// String 類型按照 yyyy-MM-dd 的格式轉換為 java.util.Date 類SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");try {birthday = simpleDateFormat.parse(req.getParameter("birthday"));} catch (ParseException e) {e.printStackTrace();}student.setStudentID(studentID);student.setName(name);student.setAge(age);student.setSex(sex);student.setBirthday(birthday);new StudentDAO().add(student);resp.sendRedirect("/listStudent"); // 這里可以理解為刷新，重新請求}
}
package servlet;import dao.StudentDAO;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/deleteStudent")
public class DeleteServlet extends HttpServlet {protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {int id = Integer.parseInt(req.getParameter("id"));new StudentDAO().delete(id);resp.sendRedirect("/listStudent");}
}
package servlet;import bean.Student;
import dao.StudentDAO;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;@WebServlet("/editStudent")
public class EditServlet extends HttpServlet {protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {int id = Integer.parseInt(req.getParameter("id"));Student student = new StudentDAO().get(id);req.setAttribute("student", student);req.getRequestDispatcher("/editStudent.jsp").forward(req, resp);}
}
package servlet;import bean.Student;
import dao.StudentDAO;
import util.Page;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.List;@WebServlet("/listStudent")
public class ListServlet extends HttpServlet {private StudentDAO studentDAO = new StudentDAO();protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {// 獲取分頁參數int start = 0;int count = 10;try {start = Integer.parseInt(req.getParameter("page.start"));count = Integer.parseInt(req.getParameter("page.count"));} catch (Exception e) {}Page page = new Page(start, count);List<Student> students = studentDAO.list(page.getStart(), page.getCount());int total = studentDAO.getTotal();page.setTotal(total);req.setAttribute("students", students);req.setAttribute("page", page);req.getRequestDispatcher("/listStudent.jsp").forward(req, resp);}
}
package servlet;import bean.Student;
import dao.StudentDAO;import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.text.ParseException;
import java.text.SimpleDateFormat;
import java.util.Date;@WebServlet("/updateStudent")
public class UpdateServlet extends HttpServlet {protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {Student student = new Student();int id = Integer.parseInt(req.getParameter("id"));int studentID = Integer.parseInt(req.getParameter("studentID"));String name = req.getParameter("name");int age = Integer.parseInt(req.getParameter("age"));String sex = req.getParameter("radio");SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");Date birthday = null;try {birthday = simpleDateFormat.parse(req.getParameter("birthday"));} catch (ParseException e) {e.printStackTrace();}student.setId(id);student.setStudentID(studentID);student.setName(name);student.setAge(age);student.setSex(sex);student.setBirthday(birthday);new StudentDAO().update(student);resp.sendRedirect("/listStudent");}
}
——【3. JSP 的編寫】——
我們把默認的 index.jsp 修改成如下代碼：
<%request.getRequestDispatcher("/listStudent").forward(request, response);
%>
引入 JQ 和 Bootstrap 編寫 listStudent.jsp
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java"pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %><html>
<head><%-- 引入JQ和Bootstrap --%><script src="js/jquery/2.0.0/jquery.min.js"></script><link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"><script src="js/bootstrap/3.3.6/bootstrap.min.js"></script><link href="css/style.css" rel="stylesheet"><title>學生管理頁面 - 首頁</title><script>$(function () {$("ul.pagination li.disabled a").click(function () {return false;});});</script>
</head><body><div class="listDIV"><table class="table table-striped table-bordered table-hover table-condensed"><caption>學生列表 - 共${page.total}人</caption><thead><tr class="success"><th>學號</th><th>姓名</th><th>年齡</th><th>性別</th><th>出生日期</th><th>編輯</th><th>刪除</th></tr></thead><tbody><c:forEach items="${students}" var="s" varStatus="status"><tr><td>${s.studentID}</td><td>${s.name}</td><td>${s.age}</td><td>${s.sex}</td><td>${s.birthday}</td><td><a href="/editStudent?id=${s.id}"><span class="glyphicon glyphicon-edit"></span> </a></td><td><a href="/deleteStudent?id=${s.id}"><span class="glyphicon glyphicon-trash"></span> </a></td></tr></c:forEach></tbody></table>
</div><nav class="pageDIV"><ul class="pagination"><li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>><a href="?page.start=0"><span>?</span></a></li><li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>><a href="?page.start=${page.start-page.count}"><span>?</span></a></li><c:forEach begin="0" end="${page.totalPage-1}" varStatus="status"><c:if test="${status.count*page.count-page.start<=30 && status.count*page.count-page.start>=-10}"><li <c:if test="${status.index*page.count==page.start}">class="disabled"</c:if>><ahref="?page.start=${status.index*page.count}"<c:if test="${status.index*page.count==page.start}">class="current"</c:if>>${status.count}</a></li></c:if></c:forEach><li <c:if test="${!page.hasNext}">class="disabled"</c:if>><a href="?page.start=${page.start+page.count}"><span>?</span></a></li><li <c:if test="${!page.hasNext}">class="disabled"</c:if>><a href="?page.start=${page.last}"><span>?</span></a></li></ul>
</nav><div class="addDIV"><div class="panel panel-success"><div class="panel-heading"><h3 class="panel-title">增加學生</h3></div><div class="panel-body"><form method="post" action="/addStudent" role="form"><table class="addTable"><tr><td>學號：</td><td><input type="text" name="studentID" id="studentID" placeholder="請在這里輸入學號"></td></tr><tr><td>姓名：</td><td><input type="text" name="name" id="name" placeholder="請在這里輸入名字"></td></tr><tr><td>年齡：</td><td><input type="text" name="age" id="age" placeholder="請在這里輸入年齡"></td></tr><tr><td>性別：</td><td><input type="radio" class="radio radio-inline" name="radio" value="男"> 男<input type="radio" class="radio radio-inline" name="radio" value="女"> 女</td></tr><tr><td>出生日期：</td><td><input type="date" name="birthday" id="birthday" placeholder="請在這里輸入出生日期"></td></tr><tr class="submitTR"><td colspan="2" align="center"><button type="submit" class="btn btn-success">提 交</button></td></tr></table></form></div></div></div></body>
</html>
eidtStudent.jsp
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java"pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><html>
<head><%-- 引入JQ和Bootstrap --%><script src="js/jquery/2.0.0/jquery.min.js"></script><link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"><script src="js/bootstrap/3.3.6/bootstrap.min.js"></script><link href="css/style.css" rel="stylesheet"><title>學生管理頁面 - 編輯頁面</title>
</head><body><div class="editDIV"><div class="panel panel-success"><div class="panel-heading"><h3 class="panel-title">編輯學生</h3></div><div class="panel-body"><form method="post" action="/updateStudent" role="form"><table class="editTable"><tr><td>學號：</td><td><input type="text" name="studentID" id="studentID" value="${student.studentID}"placeholder="請在這里輸入學號"></td></tr><tr><td>姓名：</td><td><input type="text" name="name" id="name" value="${student.name}" placeholder="請在這里輸入名字"></td></tr><tr><td>年齡：</td><td><input type="text" name="age" id="age" value="${student.age}" placeholder="請在這里輸入年齡"></td></tr><tr><td>性別：</td><td><input type="radio" class="radio radio-inline" name="radio" value="男"> 男<input type="radio" class="radio radio-inline" name="radio" value="女"> 女</td></tr><tr><td>出生日期：</td><td><input type="date" name="birthday" id="birthday" value="${student.birthday}"placeholder="請在這里輸入出生日期"></td></tr><tr class="submitTR"><td colspan="2" align="center"><input type="hidden" name="id" value="${student.id}"><button type="submit" class="btn btn-success">提 交</button></td></tr></table></form></div></div></div></body>
</html>
body {padding-top: 60px;
}div.listDIV {width: 600px;margin: 0 auto;
}div.editDIV {width: 400px;margin: 0 auto;
}nav.pageDIV {text-align: center;
}div.addDIV {width: 300px;margin: 0 auto;
}table.addTable {width: 100%;padding: 5px;
}table.addTable td {padding: 5px;
}table.editTable {width: 100%;padding: 5px;
}table.editTable td {padding: 5px;
}
——【4. 項目細節】——
分頁功能
首頁在 Packge[util] 下創建一個 Page 工具類：
package util;public class Page {int start; // 開始數據int count; // 每一頁的數量int total; // 總共的數據量public Page(int start, int count) {super();this.start = start;this.count = count;}public boolean isHasPreviouse(){if(start==0)return false;return true;}public boolean isHasNext(){if(start==getLast())return false;return true;}public int getTotalPage(){int totalPage;// 假設總數是50，是能夠被5整除的，那么就有10頁if (0 == total % count)totalPage = total /count;// 假設總數是51，不能夠被5整除的，那么就有11頁elsetotalPage = total / count + 1;if(0==totalPage)totalPage = 1;return totalPage;}public int getLast(){int last;// 假設總數是50，是能夠被5整除的，那么最后一頁的開始就是40if (0 == total % count)last = total - count;// 假設總數是51，不能夠被5整除的，那么最后一頁的開始就是50elselast = total - total % count;last = last<0?0:last;return last;}// 各種 setter 和 getter
}
totalPage 是計算得來的數，用來表示頁碼一共的數量 在首頁顯示的 StudentList 用 page 的參數來獲取：
List<Student> students = studentDAO.list(page.getStart(), page.getCount());
并且在 DAO 類中用?LIMIT ?關鍵字：
String sql = "SELECT * FROM student ORDER BY student_id desc limit ?,?";
1.寫好頭和尾
<nav class="pageDIV"><ul class="pagination">.....</ul>
</nav>
2.寫好???這兩個功能按鈕
<li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>><a href="?page.start=0"><span>?</span></a></li><li <c:if test="${!page.hasPreviouse}">class="disabled"</c:if>><a href="?page.start=${page.start-page.count}"><span>?</span></a></li>
再通過 JavaScrip 代碼來完成禁用功能：
<script>$(function () {$("ul.pagination li.disabled a").click(function () {return false;});});
</script>
3.完成中間頁碼的編寫
status.count 是從1開始遍歷 status.index 是從0開始遍歷 要求： 顯示當前頁碼的前兩個和后兩個就可，例如當前頁碼為3的時候，就顯示 1 2 3(當前頁) 4 5 的頁碼理解測試條件： 只要理解了這個判斷條件，其他的就都好理解了
<c:forEach begin="0" end="${page.totalPage-1}" varStatus="status"><c:if test="${status.count*page.count-page.start<=30 && status.count*page.count-page.start>=-10}"><li <c:if test="${status.index*page.count==page.start}">class="disabled"</c:if>><ahref="?page.start=${status.index*page.count}"<c:if test="${status.index*page.count==page.start}">class="current"</c:if>>${status.count}</a></li></c:if>
</c:forEach>
4.在 Servlet 中獲取參數
// 獲取分頁參數
int start = 0;
int count = 10;try {start = Integer.parseInt(req.getParameter("page.start"));count = Integer.parseInt(req.getParameter("page.count"));
} catch (Exception e) {
}....// 共享 page 數據
req.setAttribute("page", page);
Date 轉換的問題
/*** Date類型轉為指定格式的String類型* * @param source* @param pattern* @return*/public static String DateToString(Date source, String pattern) {simpleDateFormat = new SimpleDateFormat(pattern);return simpleDateFormat.format(source);}
/*** * 字符串轉換為對應日期* * @param source* @param pattern* @return*/public static Date stringToDate(String source, String pattern) {simpleDateFormat = new SimpleDateFormat(pattern);Date date = null;try {date = simpleDateFormat.parse(source);} catch (Exception e) {}return date;}
項目總結
這一個項目實在有些太簡單了，可能最需要理解的一個功能就屬于【分頁功能】 了吧
不過還是借助這個項目，進一步鞏固了 J2EE 開發的相關知識，也對開發的流程愈發熟悉，整個項目編寫時間不超過 8 個小時，對于我自己來說，不算快，但還算比較順暢的
需要改進的地方：
登錄驗證
代碼重構
如果項目大起來，那可想而知，Servlet 有多臃腫，維護成本有多高
request.setAttribute("method", method);
② 在 Servlet 中獲取 method 方法，并調用
// 獲取到對應的方法
String method = (String) request.getAttribute("method");
// 對 method 作判斷，調用對應的方法
沒有對輸入的數據的正確性進行驗證
歡迎轉載，轉載請注明出處！
總結
以上是生活随笔 為你收集整理的初学Java Web(9)——学生管理系统（简易版）总结 的全部內容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔 網站內容還不錯，歡迎將生活随笔 推薦給好友。
