簡易圖書管理系統（主要是jsp的練習）

本文轉載自查看原文 2017-02-26 20:49 12634 Java/ JSP

1：首先設計用戶表和圖書表，設計的字段和類型如下圖所示

　　1.1:用戶表user

　1.2:圖書表book

2:第二寫實體類user.java和book.java

 1 package com.bie.po;
 2 
 3 import java.io.Serializable;
 4 
 5 /** 
 6 * @author BieHongLi 
 7 * @version 創建時間：2017年2月21日 上午9:59:03 
 8 * 用戶的實體類
 9 */
10 public class User implements Serializable{
11 
12     //增加序列號
13     private static final long serialVersionUID = 1L;
14     private Integer id;
15     private String name;
16     private String password;
17     private String email;
18     private String phone;
19     public Integer getId() {
20         return id;
21     }
22     public void setId(Integer id) {
23         this.id = id;
24     }
25     public String getName() {
26         return name;
27     }
28     public void setName(String name) {
29         this.name = name;
30     }
31     public String getPassword() {
32         return password;
33     }
34     public void setPassword(String password) {
35         this.password = password;
36     }
37     public String getEmail() {
38         return email;
39     }
40     public void setEmail(String email) {
41         this.email = email;
42     }
43     public String getPhone() {
44         return phone;
45     }
46     public void setPhone(String phone) {
47         this.phone = phone;
48     }
49     
50     //重寫toString 方法
51     @Override
52     public String toString() {
53         return "User [id=" + id + ", name=" + name + ", password=" + password + ", email=" + email + ", phone=" + phone
54                 + "]";
55     }
56     
57     
58 }

View Code

 1 package com.bie.po;
 2 
 3 import java.io.Serializable;
 4 
 5 /** 
 6 * @author BieHongLi 
 7 * @version 創建時間：2017年2月23日 上午10:19:08 
 8 * 圖書的實體類
 9 */
10 public class Book implements Serializable{
11 
12     
13     private static final long serialVersionUID = 1L;
14     private Integer bookid;
15     private String bookname;
16     private Double price;
17     private String author;
18     private String pic;
19     private String publish;
20     public Integer getBookid() {
21         return bookid;
22     }
23     public void setBookid(Integer bookid) {
24         this.bookid = bookid;
25     }
26     public String getBookname() {
27         return bookname;
28     }
29     public void setBookname(String bookname) {
30         this.bookname = bookname;
31     }
32     public Double getPrice() {
33         return price;
34     }
35     public void setPrice(Double price) {
36         this.price = price;
37     }
38     public String getAuthor() {
39         return author;
40     }
41     public void setAuthor(String author) {
42         this.author = author;
43     }
44     public String getPic() {
45         return pic;
46     }
47     public void setPic(String pic) {
48         this.pic = pic;
49     }
50     public String getPublish() {
51         return publish;
52     }
53     public void setPublish(String publish) {
54         this.publish = publish;
55     }
56     //重寫toString()方法
57     @Override
58     public String toString() {
59         return "Book [bookid=" + bookid + ", bookname=" + bookname + ", price=" + price + ", author=" + author
60                 + ", pic=" + pic + ", publish=" + publish + "]";
61     }
62      
63      
64 }

View Code

3:第三寫登陸頁面login.jsp

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
 5     String path = request.getContextPath();
 6     String basePath = request.getScheme() + "://"
 7                 + request.getServerName() + ":" + request.getServerPort()
 8                 + path + "/";
 9 %>
10 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11 <html>
12 <head>
13 <base href="<%=basePath %>" />
14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15 <title>用戶登陸頁面</title>
16 <style type="text/css">
17 h1{text-align:left;}
18 h4{text-align:left;color:red;}
19 body{background:url(images/1.png)}
20 a{text-decoration:none;font-size:20px;color:black;}
21 a:hover{text-decoration:underline;font-size:24px;color:red;}    
22 </style>
23 
24 </head>
25 <body>
26 <form action="info.jsp" method="post">
27     <h1>用戶登陸頁面</h1>
28     <h4>裝飾中......</h4>    
29     <hr/>
30     <table align="left">
31         <tr>
32             <td>賬號：</td>
33             <td><input type="text" name="name" id="name"></td>
34         </tr>
35         <tr>
36             <td>密碼：</td>
37             <td><input type="password" name="password" id="password"></td>
38             <td><a href="searchPassword.jsp">找回密碼</a></td>
39         </tr>
40         <tr>
41             <td colspan="1">
42             </td>
43             <td>
44                 <input type="submit" value="登陸"/>
45                 <input type="reset" value="重置"/>
46                 <a href="register.jsp" target="_blank">注冊</a>
47             </td>
48         </tr>
49     </table>
50 </form>
51 </body>
52 </html>

View Code

4：寫完登陸頁面就需要實現登陸的功能了，開始寫后台BaseDao.java連接數據庫

  1 package com.bie.utils;
  2 
  3 import java.sql.Connection;
  4 import java.sql.DriverManager;
  5 import java.sql.PreparedStatement;
  6 import java.sql.ResultSet;
  7 import java.sql.SQLException;
  8 import java.util.ResourceBundle;
  9 
 10 
 11 /** 
 12 * @author BieHongLi 
 13 * @version 創建時間：2017年2月21日 上午10:01:14 
 14 * 數據交互層dao層
 15 */
 16 public class BaseDao {
 17 
 18     
 19     private static String driver="com.mysql.jdbc.Driver";
 20     private static String url="jdbc:mysql:///test";
 21     private static String user="root";
 22     private static String password="123456";
 23     
 24     /***
 25      * 連接數據庫的方法
 26      * @return
 27      * @throws ClassNotFoundException
 28      * @throws SQLException
 29      */
 30     public static Connection getCon() throws ClassNotFoundException, SQLException{
 31         Class.forName(driver);//加載數據庫驅動
 32         System.out.println("測試加載數據庫成功");
 33         Connection con=DriverManager.getConnection(url, user, password);
 34         System.out.println("測試數據庫鏈接成功");
 35         return con;
 36     }
 37     
 38     /***
 39      * 關閉數據庫的方法
 40      * @param con
 41      * @param ps
 42      * @param rs
 43      */
 44     public static void close(Connection con,PreparedStatement ps,ResultSet rs){
 45         if(rs!=null){//關閉資源，避免出現異常
 46             try {
 47                 rs.close();
 48             } catch (SQLException e) {
 49                 // TODO Auto-generated catch block
 50                 e.printStackTrace();
 51             }
 52         }
 53         if(ps!=null){
 54             try {
 55                 ps.close();
 56             } catch (SQLException e) {
 57                 // TODO Auto-generated catch block
 58                 e.printStackTrace();
 59             }
 60         }
 61         if(con!=null){
 62             try {
 63                 con.close();
 64             } catch (SQLException e) {
 65                 // TODO Auto-generated catch block
 66                 e.printStackTrace();
 67             }
 68         }
 69     }
 70     
 71     /***
 72      * 同意增刪改的方法
 73      * @param sql
 74      * @param arr
 75      * @return
 76      */
 77     public static boolean addUpdateDelete(String sql,Object[] arr){
 78         Connection con=null;
 79         PreparedStatement ps=null;
 80         try {
 81             con=BaseDao.getCon();//第一步 ：連接數據庫的操作
 82             ps=con.prepareStatement(sql);//第二步：預編譯
 83             //第三步：設置值
 84             if(arr!=null && arr.length!=0){
 85                 for(int i=0;i<arr.length;i++){
 86                     ps.setObject(i+1, arr[i]);
 87                 }
 88             }
 89             int count=ps.executeUpdate();//第四步：執行sql語句
 90             if(count>0){
 91                 return true;
 92             }else{
 93                 return false;
 94             }
 95         } catch (ClassNotFoundException e) {
 96             // TODO Auto-generated catch block
 97             e.printStackTrace();
 98         } catch (SQLException e) {
 99             // TODO Auto-generated catch block
100             e.printStackTrace();
101         }
102         return false;
103     }
104     
105     /*public static void main(String[] args) {
106         try {
107             BaseDao.getCon();
108             System.out.println("測試數據庫鏈接成功");
109         } catch (ClassNotFoundException e) {
110             // TODO Auto-generated catch block
111             e.printStackTrace();
112         } catch (SQLException e) {
113             // TODO Auto-generated catch block
114             e.printStackTrace();
115         }
116     }*/
117     
118     
119 }

View Code

5:寫完工具類BaseDao.java開始寫UserDao.java接口和UserDaoImpl.java實現類

 1 package com.bie.dao;
 2 
 3 import java.util.List;
 4 
 5 import com.bie.po.User;
 6 
 7 /** 
 8 * @author BieHongLi 
 9 * @version 創建時間：2017年2月21日 上午10:38:40 
10 * 創建一個接口用於聲明用戶登陸注冊的方法
11 */
12 public interface UserDao {
13 
14     /***
15      * 用戶登陸的方法聲明
16      * @param user
17      * @return
18      */
19     public User login(User user);
20     
21     /***
22      * 用戶注冊的方法聲明
23      * @param user
24      * @return
25      */
26     public boolean register(User user);
27     
28     /***
29      * 查詢用戶的信息
30      * @param sql
31      * @param arr
32      * @return
33      */
34     public List<User> selectUser(String sql,Object[] arr);
35 }

View Code

  1 package com.bie.dao.impl;
  2 
  3 import java.sql.Connection;
  4 import java.sql.PreparedStatement;
  5 import java.sql.ResultSet;
  6 import java.sql.SQLException;
  7 import java.util.ArrayList;
  8 import java.util.List;
  9 
 10 import com.bie.dao.UserDao;
 11 import com.bie.po.Book;
 12 import com.bie.po.User;
 13 import com.bie.utils.BaseDao;
 14 
 15 /** 
 16 * @author BieHongLi 
 17 * @version 創建時間：2017年2月21日 上午10:38:56 
 18 * 
 19 */
 20 public class UserDaoImpl implements UserDao{
 21 
 22     @Override
 23     public User login(User user) {
 24         Connection con=null;
 25         PreparedStatement ps=null;
 26         ResultSet rs=null;
 27         try {
 28             con=BaseDao.getCon();//1:獲取數據庫的連接
 29             //2:書寫sql語句
 30             String sql="select * from user where name=? and password=? ";
 31             ps=con.prepareStatement(sql);//3：預編譯
 32             //4：設置值
 33             ps.setString(1, user.getName());
 34             ps.setString(2, user.getPassword());
 35             rs=ps.executeQuery();//5:執行sql語句
 36             User users=null;
 37             if(rs.next()){
 38                 users=new User();
 39                 //從數據庫中獲取值設置到實體類的setter方法中
 40                 users.setId(rs.getInt("id"));
 41                 users.setName(rs.getString("name"));
 42                 users.setPassword(rs.getString("password"));
 43                 users.setEmail(rs.getString("email"));
 44                 users.setPhone(rs.getString("phone"));
 45                 
 46                 return user;
 47             }else{
 48                 return null;
 49             }
 50             
 51         } catch (ClassNotFoundException e) {
 52             // TODO Auto-generated catch block
 53             e.printStackTrace();
 54         } catch (SQLException e) {
 55             // TODO Auto-generated catch block
 56             e.printStackTrace();
 57         }finally{
 58             //關閉資源，避免出現異常
 59             BaseDao.close(con, ps, rs);
 60         }
 61         return null;
 62     }
 63 
 64     /***
 65      * 插入的方法，即注冊
 66      */
 67     @Override
 68     public boolean register(User user) {
 69         String sql="insert into user values(0,?,?,?,?) ";
 70         List<Object> list=new ArrayList<Object>();
 71         list.add(user.getName());
 72         list.add(user.getPassword());
 73         list.add(user.getEmail());
 74         list.add(user.getPhone());
 75         
 76         boolean flag=BaseDao.addUpdateDelete(sql,list.toArray());
 77         if(flag){
 78             return true;
 79         }else{
 80             return false;
 81         }
 82     }
 83 
 84     @Override
 85     public List<User> selectUser(String sql, Object[] arr) {
 86         Connection con=null;
 87         PreparedStatement ps=null;
 88         ResultSet rs=null;
 89         try {
 90             con=BaseDao.getCon();//第一步連接數據庫
 91             ps=con.prepareStatement(sql);//第二步：預編譯
 92             if(arr!=null){
 93                 for(int i=0;i<arr.length;i++){
 94                     ps.setObject(i+1, arr[i]);
 95                 }
 96             }
 97             //第四步執行sql
 98             rs=ps.executeQuery();
 99             List<User> list=new ArrayList<User>();
100             while(rs.next()){
101                 User user=new User();
102                 user.setId(rs.getInt("id"));
103                 user.setName(rs.getString("name"));
104                 user.setPassword(rs.getString("password"));
105                 user.setEmail(rs.getString("email"));
106                 user.setPhone(rs.getString("phone"));
107                 //System.out.println(user);//測試數據
108                 list.add(user);
109             }
110             return list;
111         } catch (ClassNotFoundException e) {
112             // TODO Auto-generated catch block
113             e.printStackTrace();
114         } catch (SQLException e) {
115             // TODO Auto-generated catch block
116             e.printStackTrace();
117         }finally{
118             //關閉資源，避免出現異常
119             BaseDao.close(con, ps, rs);
120         }
121         
122         return null;
123     }
124 
125     
126 }

View Code

6：寫完dao層，寫service層的接口和實現類

 1 package com.bie.service;
 2 
 3 import java.util.List;
 4 
 5 import com.bie.po.User;
 6 
 7 /** 
 8 * @author BieHongLi 
 9 * @version 創建時間：2017年2月23日 下午1:58:59 
10 * 
11 */
12 public interface UserService {
13 
14     /***
15      * 用戶查詢的信息
16      * @param user
17      * @return
18      */
19     public List<User> selectUser(User user);
20 }

View Code

 1 package com.bie.service.impl;
 2 
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 
 6 import com.bie.dao.UserDao;
 7 import com.bie.dao.impl.UserDaoImpl;
 8 import com.bie.po.User;
 9 import com.bie.service.UserService;
10 
11 /** 
12 * @author BieHongLi 
13 * @version 創建時間：2017年2月23日 下午1:59:36 
14 * 
15 */
16 public class UserServiceImpl implements UserService{
17 
18     private UserDao dao=new UserDaoImpl();
19     
20     @Override
21     public List<User> selectUser(User user) {
22         //sql語句
23         //String sql="select * from user ";
24         StringBuilder sql=new StringBuilder("select * from user where 1=1 ");
25         List<Object> list=new ArrayList<Object>();
26         if(user!=null){
27             //按照姓名查詢
28             if(user.getName()!=null && !user.getName().equals("")){
29                 sql.append(" and name = ? ");
30                 list.add(user.getName());
31             }
32             //按照email查詢
33             if(user.getEmail()!=null && !user.getEmail().equals("")){
34                 sql.append(" and email = ? ");
35                 list.add(user.getEmail());
36             }
37             
38         }
39         return dao.selectUser(sql.toString(), list.toArray());
40     }
41 
42     
43 }

View Code

7：然后就可以進行登陸了，由於登陸之后顯示的是book列表，所以把圖書的查詢的dao層和service層也列出來

 1 package com.bie.dao;
 2 
 3 import java.util.List;
 4 
 5 import com.bie.po.Book;
 6 
 7 /** 
 8 * @author BieHongLi 
 9 * @version 創建時間：2017年2月23日 上午10:22:45 
10 * 圖書信息的接口
11 */
12 public interface BookDao {
13     
14     /***
15      * 圖書信息查詢的方法
16      * @param sql
17      * @param arr
18      * @return
19      */
20     public List<Book> select(String sql,Object[] arr);
21     
22     /***
23      * 獲取圖書的編號進行查詢
24      * @param book
25      * @return
26      */
27     public Book getBook(Integer id);
28 }

View Code

  1 package com.bie.dao.impl;
  2 
  3 import java.sql.Connection;
  4 import java.sql.PreparedStatement;
  5 import java.sql.ResultSet;
  6 import java.sql.SQLException;
  7 import java.util.ArrayList;
  8 import java.util.List;
  9 
 10 import com.bie.dao.BookDao;
 11 import com.bie.po.Book;
 12 import com.bie.utils.BaseDao;
 13 
 14 /** 
 15 * @author BieHongLi 
 16 * @version 創建時間：2017年2月23日 上午10:24:02 
 17 * 
 18 */
 19 public class BookDaoImpl implements BookDao{
 20 
 21     @Override
 22     public List<Book> select(String sql, Object[] arr) {
 23         Connection con=null;
 24         PreparedStatement ps=null;
 25         ResultSet rs=null;
 26         try {
 27             con=BaseDao.getCon();//第一步連接數據庫
 28             ps=con.prepareStatement(sql);//第二步：預編譯
 29             if(arr!=null){
 30                 for(int i=0;i<arr.length;i++){
 31                     ps.setObject(i+1, arr[i]);
 32                 }
 33             }
 34             //第四步執行sql
 35             rs=ps.executeQuery();
 36             List<Book> list=new ArrayList<Book>();
 37             while(rs.next()){
 38                 Book book=new Book();
 39                 book.setBookid(rs.getInt("bookid"));
 40                 book.setBookname(rs.getString("bookname"));
 41                 book.setPrice(rs.getDouble("price"));
 42                 book.setAuthor(rs.getString("author"));
 43                 book.setPic(rs.getString("pic"));
 44                 book.setPublish(rs.getString("publish"));
 45                 
 46                 list.add(book);
 47             }
 48             return list;
 49         } catch (ClassNotFoundException e) {
 50             // TODO Auto-generated catch block
 51             e.printStackTrace();
 52         } catch (SQLException e) {
 53             // TODO Auto-generated catch block
 54             e.printStackTrace();
 55         }finally{
 56             //關閉資源，避免出現異常
 57             BaseDao.close(con, ps, rs);
 58         }
 59         
 60         return null;
 61     }
 62 
 63     @Override
 64     public Book getBook(Integer id) {
 65         Connection con=null;
 66         PreparedStatement ps=null;
 67         ResultSet rs=null;
 68         try {
 69             con=BaseDao.getCon();//第一步連接數據庫
 70             String sql="select * from book where bookid = ? ";
 71             ps=con.prepareStatement(sql);//第二步：預編譯
 72             ps.setInt(1, id);
 73             
 74             //第四步執行sql
 75             rs=ps.executeQuery();
 76             while(rs.next()){
 77                 Book books=new Book();
 78                 books.setBookid(rs.getInt("bookid"));
 79                 books.setBookname(rs.getString("bookname"));
 80                 books.setPrice(rs.getDouble("price"));
 81                 books.setAuthor(rs.getString("author"));
 82                 books.setPic(rs.getString("pic"));
 83                 books.setPublish(rs.getString("publish"));
 84                 
 85                 return books;
 86             }
 87         } catch (ClassNotFoundException e) {
 88             // TODO Auto-generated catch block
 89             e.printStackTrace();
 90         } catch (SQLException e) {
 91             // TODO Auto-generated catch block
 92             e.printStackTrace();
 93         }finally{
 94             //關閉資源，避免出現異常
 95             BaseDao.close(con, ps, rs);
 96         }
 97         
 98         return null;
 99     }
100 
101     
102 }

View Code

 1 package com.bie.service;
 2 
 3 import java.util.List;
 4 
 5 import com.bie.po.Book;
 6 
 7 /** 
 8 * @author BieHongLi 
 9 * @version 創建時間：2017年2月23日 上午10:56:42 
10 * 
11 */
12 public interface BookService {
13 
14     /***
15      * 圖書信息查詢的方法
16      * @return
17      */
18     public List<Book> select(Book book);
19     
20     /***
21      * 根據id進行查詢
22      * @param id
23      * @return
24      */
25     public Book getBook(Book book);
26 }

View Code

 1 package com.bie.service.impl;
 2 
 3 import java.util.ArrayList;
 4 import java.util.List;
 5 
 6 import com.bie.dao.BookDao;
 7 import com.bie.dao.impl.BookDaoImpl;
 8 import com.bie.po.Book;
 9 import com.bie.service.BookService;
10 
11 /** 
12 * @author BieHongLi 
13 * @version 創建時間：2017年2月23日 上午10:57:01 
14 * 
15 */
16 public class BookServiceImpl implements BookService{
17 
18     private BookDao dao=new BookDaoImpl();
19     
20     public List<Book> select(Book book){
21         //String sql="select * from book ";
22         StringBuilder sql=new StringBuilder("select * from book where 1=1 ");
23         //sql語句
24         List<Object> list=new ArrayList<Object>();
25         if(book!=null){
26             
27             if(book.getBookid()!=null && book.getBookid()!=0){
28                 sql.append(" and bookid=? ");
29                 list.add(book.getBookid());
30             }
31             /*list.add(book.getBookname());
32             list.add(book.getPrice());
33             list.add(book.getAuthor());
34             list.add(book.getPic());
35             list.add(book.getPublish());*/
36         }
37         
38         return dao.select(sql.toString(), list.toArray());
39     }
40 
41     @Override
42     public Book getBook(Book book) {
43         if(book.getBookid()!=null && book.getBookid()!=0){
44             return dao.getBook(book.getBookid());
45         }
46         return null;
47     }
48     
49 }

View Code

8：現在展示登陸之后的頁面

9:現在展示注冊的功能，由於dao層和service層在上面都已經說過了，這里只顯示沒寫的register.jsp頁面和doregister.jsp頁面

  1 <%@ page language="java" contentType="text/html; charset=UTF-8"
  2     pageEncoding="UTF-8"%>
  3 <%
  4     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
  5     String path = request.getContextPath();
  6     String basePath = request.getScheme() + "://"
  7                 + request.getServerName() + ":" + request.getServerPort()
  8                 + path + "/";
  9 %> 
 10 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 11 <html>
 12 <head>
 13 <base href="<%=basePath %>" />
 14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 15 <title>注冊的頁面</title>
 16 <style type="text/css">
 17 h1{text-align:center;}
 18 h4{text-align:right;color:red;}
 19 body{background:url(images/2.png)}
 20 </style>
 21 
 22 <script type="text/javascript" src="js/jquery.min.js"></script>
 23 <script type="text/javascript">
 24     $(document).ready(function(){
 25         //alert("測試jQuery是否能用");
 26         $("#form1").submit(function(){
 27             var name=$("#name").val();//獲取提交的值
 28             if(name.length==0){//進行判斷，如果獲取的值為0那么提示賬號不能為空
 29                 //alert("aa");//測試使用
 30                 $("#nameError").html("賬號不能為空");
 31                 return false;
 32             }
 33             
 34             //密碼進行驗證不能為空
 35             var password=$("#password").val();//獲取提交的密碼的值
 36             if(password.length==0){
 37                 $("#passwordError").html("密碼不能為空");
 38                 return false;
 39             }
 40             
 41             //確認密碼進行驗證
 42             var relpassword=$("#relpassword").val();//獲取提交的確認密碼的值
 43             if(relpassword.length==0){
 44                 $("#relpasswordError").html("確認密碼不能為空哦");
 45                 return false;
 46             }
 47             
 48             if(password!=relpassword){
 49                 $("#relpasswordError").html("確認密碼輸入不正確，請重新輸入");
 50                 return false;
 51             }
 52         });
 53     
 54     });
 55 </script>
 56 </head>
 57 <body>
 58 <form action="doregister.jsp" method="post" id="form1">
 59     <h1>用戶注冊頁面</h1>
 60     <h4>裝飾中......</h4>    
 61     <hr/>
 62     <table align="center">
 63         <tr>
 64             <td>賬&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;號：</td>
 65             <td>
 66                 <input type="text" name="name" id="name"/>
 67                 <div id="nameError" style="display:inline;color:red;"></div>
 68             </td>
 69         </tr>
 70         <tr>
 71             <td>密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;碼：</td>
 72             <td>
 73                 <input type="password" name="password" id="password">
 74                 <div id="passwordError" style="display:inline;color:red;"></div>
 75             </td>
 76         </tr>
 77         <tr>
 78             <td>確認密碼：</td>
 79             <td>
 80                 <input type="password" name="relpassword" id="relpassword">
 81                 <div id="relpasswordError" style="display:inline;color:red;"></div>
 82             </td>
 83         </tr>
 84         <tr>
 85             <td>電話號碼：</td>
 86             <td><input type="text" name="phone" id="phone"></td>
 87         </tr>
 88         <tr>
 89             <td>電子郵件：</td>
 90             <td><input type="text" name="email" id="email"></td>
 91         </tr>
 92         <tr>
 93             <td colspan="1">
 94             </td>
 95             <td>
 96                 <input type="submit" value="注冊"/>
 97                 <input type="reset" value="重置"/>
 98                 <a href="login.jsp" target="_blank">登陸</a>
 99             </td>
100         </tr>
101     </table>
102 </form>
103 </body>
104 </html>

View Code

 1 <%@page import="com.bie.dao.impl.UserDaoImpl"%>
 2 <%@page import="com.bie.dao.UserDao"%>
 3 <%@page import="com.bie.po.User"%>
 4 <%@ page language="java" contentType="text/html; charset=UTF-8"
 5     pageEncoding="UTF-8"%>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>處理注冊的頁面</title>
11 </head>
12 <body>
13 <%
14     User user=new User();
15     //獲取login.jsp頁面提交的賬號和密碼
16     String name=request.getParameter("name");
17     String password=request.getParameter("password");
18     String email=request.getParameter("email");
19     String phone=request.getParameter("phone");
20     
21     //獲取register.jsp頁面提交的賬號和密碼設置到實體類User中
22     user.setName(name);
23     user.setPassword(password);
24     user.setEmail(email);
25     user.setPhone(phone);
26     
27     //引入數據交互層
28     UserDao dao=new UserDaoImpl();
29     boolean flag=dao.register(user);
30     
31     if(flag){
32         response.sendRedirect("login.jsp");
33     }else{
34         response.sendRedirect("register.jsp");
35     }
36 %>
37 </body>
38 </html>

View Code

效果如下所示：

10:找回密碼的功能searchPassword.jsp頁面和dosearchPassword.jsp和search.jsp頁面

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
 5     String path = request.getContextPath();
 6     String basePath = request.getScheme() + "://"
 7                 + request.getServerName() + ":" + request.getServerPort()
 8                 + path + "/";
 9 %> 
10 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11 <html>
12 <head>
13 <base href="<%=basePath %>" />
14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15 <title>找回密碼</title>
16 <style type="text/css">
17 body{background:url(images/3.jpg)}
18 </style>
19 </head>
20 <body>
21 <h1>找回密碼</h1>
22 <hr/>
23 <a href="javascript: window.history.go(-1)">返回上一級</a>
24 <form action="dosearchPassword.jsp" method="post">
25     <table>
26         <tr>
27             <td>請輸入賬號：</td>
28             <td><input type="text" name="name"/></td>
29         </tr>
30         <tr>
31             <td colspan="1"></td>
32             <td>
33                 <input type="submit" value="提交">
34                 <input type="reset" value="重置">
35             </td>
36         </tr>
37     </table>
38 </form>
39 
40 </body>
41 </html>

View Code

 1 <%@page import="java.util.List"%>
 2 <%@page import="com.bie.service.impl.UserServiceImpl"%>
 3 <%@page import="com.bie.po.User"%>
 4 <%@ page language="java" contentType="text/html; charset=UTF-8"
 5     pageEncoding="UTF-8"%>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>處理找回密碼的頁面</title>
11 </head>
12 <body>
13 <%
14     User user=new User();
15     //獲取login.jsp頁面提交的賬號和密碼
16     String name=request.getParameter("name");
17     user.setName(name);
18     
19     UserServiceImpl service=new UserServiceImpl();
20     List<User> list=service.selectUser(user);
21     request.setAttribute("list", list);
22     for(User u:list){
23         request.setAttribute("user", u);
24         out.print(u);
25     }
26     if(user!=null){
27         //response.sendRedirect("search.jsp");//不傳輸數據的轉發
28         request.getRequestDispatcher("search.jsp").forward(request, response);
29     }
30     
31 
32 %>
33 </body>
34 </html>

View Code

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%
 4     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
 5     String path = request.getContextPath();
 6     String basePath = request.getScheme() + "://"
 7                 + request.getServerName() + ":" + request.getServerPort()
 8                 + path + "/";
 9 %> 
10 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
11 <html>
12 <head>
13 <base href="<%=basePath %>" />
14 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
15 <title>彈出信息</title>
16 
17 
18 <script type="text/javascript">
19     alert("您的密碼是：${user.password}");
20 </script>
21 
22 </head>
23 <body style="background-color:pink;">
24 <h1>您的密碼是：${user.password}</h1>
25 <a href="javascript: window.history.go(-1)">返回上一級</a>
26 </body>
27 </html>

View Code

效果如下所示：

11:圖書列表的功能和圖書詳情的功能book.jsp頁面，doInfo.jsp頁面，detail.jsp頁面

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8" %>
 3 <%@ page import="java.util.List" %>
 4 <%@ page import="com.bie.po.Book" %>
 5 <%@ page import="com.bie.service.impl.BookServiceImpl" %>
 6   
 7 <%@ include file="head.jsp" %>  
 8 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 9 <html>
10 <head>
11 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
12 <title>圖書處理頁面</title>
13 <style type="text/css">
14 h1{text-align:center;}
15 </style>
16 </head>
17 <body>
18 <%
19     Book book=new Book();
20     BookServiceImpl service=new BookServiceImpl();
21     List<Book> list=service.select(book);
22 %>
23 <h1>圖書列表</h1>
24 <a href="javascript: window.history.go(-1)">返回上一級</a>
25 <table align="center" cellpadding="10" cellspacing="10">
26     
27     <tr bgcolor="green">
28         <td>編號</td>
29         <td>書名</td>
30         <td>價格</td>
31         <td>作者</td>
32         <td>封皮</td>
33         <td>出版社</td>
34     </tr>
35         <%-- <%
36             for(Book b:list){
37         %> --%>
38         <%
39             String bg="";
40             for(int i=0;i<list.size();i++){
41                 Book b=list.get(i);
42                 if(i%2==0)
43                     bg="pink";
44                 else
45                     bg="yellow";
46         %>
47     <tr bgcolor="<%=bg%>">
48             <td><%=b.getBookid() %></td>
49             <td><a href="doInfo.jsp?bookid=<%=b.getBookid() %>"><%=b.getBookname() %></a></td>
50             <td><%=b.getPrice() %></td>
51             <td><%=b.getAuthor() %></td>
52             <td><%=b.getPic() %></td>
53             <td><%=b.getPublish() %></td>
54     </tr>
55         <%        
56             }
57         %>
58         
59 </table>
60 </body>
61 </html>

View Code

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@ page import="com.bie.po.Book" %>
 4 <%@ page import="com.bie.service.BookService" %>
 5 <%@ page import="com.bie.service.impl.BookServiceImpl" %>
 6 <%
 7     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
 8     String path = request.getContextPath();
 9     String basePath = request.getScheme() + "://"
10                 + request.getServerName() + ":" + request.getServerPort()
11                 + path + "/";
12 %>
13 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
14 <html>
15 <head>
16 <base href="<%=basePath %>" />
17 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
18 <title>書籍詳細信息的頁面</title>
19 </head>
20 <body>
21 <%
22     Book book=new Book();
23     String sid=request.getParameter("bookid");
24     Integer id=Integer.parseInt(sid);
25     BookService service=new BookServiceImpl();
26     book.setBookid(id);
27     Book books=service.getBook(book);
28     
29     session.setAttribute("book", books);
30     response.sendRedirect("detail.jsp");
31 %>
32 </body>
33 </html>

View Code

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@ page import="com.bie.po.Book" %>
 4 <%@ page import="com.bie.service.BookService" %>
 5 <%@ page import="com.bie.service.impl.BookServiceImpl" %>
 6 
 7 <%@ include file="head.jsp" %>
 8 <%
 9     //獲取絕對路徑路徑 ,開發項目一定要使用絕對路徑，不然肯定出錯
10     String path = request.getContextPath();
11     String basePath = request.getScheme() + "://"
12                 + request.getServerName() + ":" + request.getServerPort()
13                 + path + "/";
14 %> 
15 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
16 <html>
17 <head>
18 <base href="<%=basePath %>" />
19 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
20 <title>圖書詳細信息頁面</title>
21 
22 <style type="text/css">
23 h1{text-align:center;}
24 a{font-size:24px;text-decoration:none;}
25 a:hover{text-decoration:underline;font-size:28px;}
26 </style>
27 </head>
28 <body>
29 <h1>圖書詳細信息的頁面</h1>
30 <a href="javascript: window.history.go(-1)">返回上一級</a>
31 <%
32     Book book=(Book)session.getAttribute("book");
33 %>
34 <table align="center" cellpadding="20" cellspacing="20">
35     <tr>
36         <td>圖書編號</td>
37         <td>圖書名稱</td>
38         <td>圖書價格</td>
39         <td>圖書作者</td>
40         <td>圖書封皮</td>
41         <td>圖書出版社</td>
42     </tr>
43     <tr>
44         <td><%=book.getBookid() %></td>
45         <td><%=book.getBookname() %></td>
46         <td><%=book.getPrice() %></td>
47         <td><%=book.getAuthor() %></td>
48         <td><img src="images/<%=book.getPic() %>"></td>
49         <td><%=book.getPublish() %></td>
50     </tr>
51     <tr>
52         <td colspan="3"></td>
53         <td></td>
54         <td colspan="2"></td>
55     </tr>
56 </table>
57 <div style="text-align:center;font-size:36px;">
58     <a href="doCard.jsp">添加到購物車</a>
59     <a href="book.jsp">圖書列表</a>
60 </div>
61 </body>
62 </html>

View Code

效果如下所示：

12:頁面最上面顯示歡迎用戶的功能和安全退出的功能logout.jsp和head.jsp

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>退出登陸</title>
 8 </head>
 9 <body>
10 <%
11     session.invalidate();
12     response.sendRedirect("login.jsp");
13 %>
14 </body>
15 </html>

View Code

 1 <%@page import="com.bie.po.User"%>
 2 <%@ page language="java" contentType="text/html; charset=UTF-8"
 3     pageEncoding="UTF-8"%>
 4 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 5 <html>
 6 <head>
 7 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 8 <title>頭部信息</title>
 9 <style type="text/css">
10 #head{background-color:#eee;height:60px;}
11 a{font-size: 36px;}
12 </style>
13 </head>
14 <body>
15 <%
16     User user=(User)session.getAttribute("user");
17     if(user==null){
18         response.sendRedirect("login.jsp");
19     }else{
20 %>
21 
22 <div id="head">
23 <table width=100%>
24     <tr>
25         <td>歡迎您 : <%=user.getName() %></td>
26         <td align="right">
27             <a href="cart.jsp">我的購物車</a>
28             <a href="logout.jsp">安全退出</a>
29         </td>
30     </tr>
31 </table>
32 <%} %>
33 </div>
34 </body>
35 </html>

View Code

效果如下所示：

13:購物車功能cart.jsp和添加到購物車doCard.jsp的實現

 1 <%@page import="java.util.Set"%>
 2 <%@page import="java.util.Map"%>
 3 <%@page import="com.bie.po.CardItem"%>
 4 <%@ page language="java" contentType="text/html; charset=UTF-8"
 5     pageEncoding="UTF-8"%>
 6 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 7 <html>
 8 <head>
 9 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
10 <title>購物車</title>
11 <style type="text/css">
12 tr,td{text-align:center;background-color:#eee;}
13 
14 </style>
15 </head>
16 <body>
17 <table width="100%" align="center">
18     <tr>
19         <th>書本編號</th>
20         <th>書本名稱</th>
21         <th>書本單價</th>
22         <th>書本數量</th>
23         <th>書本小計</th>
24     </tr>
25     <%
26         
27         Map<Integer,CardItem> cart=(Map<Integer,CardItem>)session.getAttribute("cart");
28         
29         //Set<Map.Entry<Integer,CardItem>> entrys=cart.entrySet();
30         //if(entrys==null || entrys.isEmpty()){
31             //response.sendRedirect("book.jsp");
32         //}
33         double count=0;//總價格
34         //for(Map.Entry<Integer,CardItem> entry : entrys){
35         for(Map.Entry<Integer,CardItem> entry : cart.entrySet()){    
36             
37             //小計
38             double price=entry.getValue().getNumber() * entry.getValue().getBook().getPrice();
39             //總價格
40             count=count+price;
41     %>
42     <tr>
43         <td><%=entry.getKey() %></td>
44         <td><%=entry.getValue().getBook().getBookname() %></td>
45         <td><%=entry.getValue().getBook().getPrice()%></td>
46         <td><%=entry.getValue().getNumber() %></td>
47         <td><%=price%></td>
48     </tr>
49     <%} %>
50     <tr>
51         <td colspan="4" align="right">價格總計</td>
52         <td><%=count %></td>
53     </tr>
54 </table>
55 <div style="text-align:right;font-size:36px;margin-top:20px;">
56     <a href="book.jsp">繼續購買圖書</a>
57     <a href="login.jsp">登陸頁面</a>
58 </div>
59 </body>
60 </html>

View Code

 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <%@ page import="com.bie.po.Book" %>
 4 <%@page import="java.util.HashMap"%>
 5 <%@page import="com.bie.po.CardItem"%>
 6 <%@page import="java.util.Map"%>
 7 
 8 
 9 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
10 <html>
11 <head>
12 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
13 <title>處理購物車</title>
14 </head>
15 <body>
16 
17 <%
18     //購物車功能
19     //1：我購買的是哪一本書籍,將將要購買的書本先放到session域中
20     Book book=(Book)session.getAttribute("book");
21 
22     //2：如何把該書籍存放到購物車中???
23     //2.1：先判斷是否有購物車，如果沒有購物車，那么創建購物車，如果有購物車，則直接使用購物車
24     //2.2：購物車使用什么數據類型？
25     //數組(數組是固定大小的，所以不適合)
26     //List集合(list集合是可以存放相同的對象，所以不適合)
27     //Set集合，Map集合(使用Map集合是因為Map集合存儲速度比較快) key:存放商品編號;value:存放購物車項;
28     
29     //先將購物車從session中拿出來，然后判斷是否存在，不存在就創建。
30     Map<Integer,CardItem> cart=(Map<Integer,CardItem>)session.getAttribute("cart");
31     //如果沒有購物車，只有第一次訪問，才會操作
32     if(cart==null){
33         //就new一個購物車
34         cart=new HashMap<Integer,CardItem>();
35     }
36     
37     //把書籍存放到購物車
38     //第二次判斷，判斷購物車中是否有該書籍
39     //從購物車中，獲取該書籍，如果為空，表示購物車中沒有該書籍
40     CardItem item=cart.get(book.getBookid());
41     if(item==null){//購物車中不存在這本書，創建，數量默認為1
42         item=new CardItem();
43         item.setBook(book);
44         item.setNumber(1);
45     }else{//購物車中，存在該書籍，直接把數量加1
46         item.setNumber(item.getNumber()+1);
47     }
48     
49     
50     //把購物車項存放到購物車
51     cart.put(book.getBookid(), item);
52     
53     //把購物車存放到session
54     session.setAttribute("cart", cart);
55     
56     response.sendRedirect("book.jsp");
57 %>
58 
59 
60 </body>
61 </html>

View Code

效果如下所示：

基本的功能都已經實現了，權當練習的小項目的，歡迎交流

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 jsp圖書管理系統 Django練習——圖書管理系統 44.Python實現簡易的圖書管理系統 Android簡易版圖書管理系統 Python 簡易版圖書管理系統 C語言: 簡易圖書管理系統基於Jsp+Servlet的圖書管理系統圖書管理系統圖書管理系統練習：Django實現簡單的圖書管理系統