柚子快報邀請碼778899分享：前端 基于web的圖書管理系統(tǒng)

http://yzkb.51969.com/

因為是本人本科階段某課程的課程設計，所以并不適合全部人，僅供參考。

由于本人水平，可能會有地方有誤，望以指正。

一、系統(tǒng)概要設計

序號 功能 功能說明 1 登錄 借閱人、管理員均可用自己的賬戶信息可以登錄系統(tǒng) 2 圖書查詢 借閱人、管理員登錄系統(tǒng)可以查詢圖書情況 3 圖書錄入 管理員登錄系統(tǒng)后可以錄入圖書 4 圖書修改 管理員登錄系統(tǒng)后可以修改圖書的信息 5 刪除圖書 管理員登錄系統(tǒng)后可以刪除圖書的信息 6 修改密碼 借閱人、管理員登錄系統(tǒng)后可以修改自己賬號的密碼 7 讀者管理 管理員登錄系統(tǒng)后對讀者信息悉心進行管理，包括添加借閱人信息、圖書信息和刪除 8 分類管理（附加） 對圖書進行分類，進行分類管理 9 自動識別（附加） 登錄系統(tǒng)時會識別是管理人員或者是借閱人 10 退出功能（附加） 將自己的賬號退出 11 判斷輸入的信息是否合法（附加） 在注冊，登錄時判斷輸入的信息是否合法

二、數(shù)據(jù)庫設計

2.1 數(shù)據(jù)庫邏輯結構設計

管理員管理關系：admin（aid，username，name，password，emali，phone，status，lend_num,max_num）

圖書管理關系：book(bid，name，card，author，num，press，type)

圖書分類管理：book type(tid，name)

圖書歸還管理：history（hid，aid，bid，card，bookname，adminname，username，begintime，endtime，status）

2.2 數(shù)據(jù)庫表

（1）管理員表（admin）

屬性：aid，username，name，password，emali，phone，status，lend_num,max_num

（2）圖書管理關系 （book）

屬性：bid，name，card，author，num，press，type

（3）圖書分類管理

屬性：book type(tid，name)

（4）圖書歸還（history）

屬性：hid，aid，bid，card，bookname，adminname，username，begintime，endtime，status

三、系統(tǒng)實現(xiàn)

3.1?功能1登錄注冊

3.1.1流程設計

進入圖書管理系統(tǒng)的注冊頁面進入圖書管理系統(tǒng)的登錄頁面填寫登錄者的登錄信息，點擊按鈕將信息提交給數(shù)據(jù)庫檢索圖書管理系統(tǒng)數(shù)據(jù)庫信息，對比信息是否和數(shù)據(jù)庫一致登錄者輸入的登錄信息通過系統(tǒng)數(shù)據(jù)庫驗證，系統(tǒng)會自動識別是管理員或者是借閱人，進入相應的頁面頁面

3.1.2技術應用

在實現(xiàn)登錄功能中，主要由項目中的login.jsp，來實現(xiàn)。在login.jsp中我們主要來實現(xiàn)登陸界面的設計和判斷賬號密碼不能為空。在判斷賬號密碼不能為空上，我使用了javascript來實現(xiàn)，首先獲取賬號和密碼的內(nèi)容，然后判斷賬號和密碼是否為空，如果為空的話彈出一個警告窗口信息為“這是必填字段”，然后輸入焦點或者光標定位到這個為空的文本框里。我們用HTML的相關技術來實現(xiàn)登錄頁面的設計，先利用

創(chuàng)建一個HTML 表單，第一行是標題“歡迎使用圖書管理系統(tǒng)”，然后利用標簽創(chuàng)建一個表格，表格分四行，第一行是賬號，第二行是密碼，第三行是沒有賬號可以自行再去注冊的跳轉，第四行是登錄鍵。接著在登錄鍵上實現(xiàn)登錄。最后利用css樣式來美化我們的界面。

3.1.3技術選擇分析

頁面跳轉，我用的是在button標簽中加上onclick屬性，賦值為Javascript，

3.1.4關鍵代碼

????（1）查詢信息是否正確

??①有關讀者賬號的連接數(shù)據(jù)庫操作，登錄驗證，注冊，修改賬號，修改密碼

public class AdminDao {

/**

* 登錄驗證功能，傳入用戶名和密碼，在數(shù)據(jù)庫中查找，如果找到了，返回true，沒找到則返回false

* @param username

* @param password

* @return

*/

public boolean Login_verify(String username,String password){

Connection conn = DBUtil.getConnectDb();

String sql = "select * from admin where username="+username+" and password="+password;

PreparedStatement stm = null;

ResultSet rs = null;

try {

stm = conn.prepareStatement(sql);

rs = stm.executeQuery();

if(rs.next()){

return true;

}

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

DBUtil.CloseDB(rs, stm, conn);

}

return false;

}

②注冊的代碼

/**

* 注冊賬號的函數(shù)，傳入賬號，密碼，姓名，郵箱，手機號，借閱天數(shù)，可借閱數(shù)

* @param username

* @param password

* @param name

* @param email

* @param phone

* @param lend_num

* @param max_num

*/

public void Register(String username, String password, String name, String email, String phone,int lend_num,int max_num) {

// TODO Auto-generated method stub

Connection conn = DBUtil.getConnectDb();

String sql = "insert into admin(status,username,password,name,email,phone,lend_num,max_num) values(?,?,?,?,?,?,?,?)";

int rs = 0;

PreparedStatement stm = null;

try {

stm = conn.prepareStatement(sql);

stm.setInt(1, 1);

stm.setString(2, username);

stm.setString(3, password);

stm.setString(4, name);

stm.setString(5, email);

stm.setString(6, phone);

stm.setInt(7, lend_num);

stm.setInt(8, max_num);

rs = stm.executeUpdate();

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

}

5.實現(xiàn)

圖3.1.1注冊界面

圖3.1.2登錄界面

3.2?功能2查看圖書信息

3.2.1流程設計（借閱人模塊）

借閱人登陸系統(tǒng)后點擊圖書查詢可以查詢圖書信息點擊借閱信息后后，可以查看借閱的信息點擊借閱歷史，可以對書籍的借閱歷史進行了解在整體的右上方可以查看個人資料、修改自己的密碼、還可以退出系統(tǒng)

3.2.2技術應用

①圖書查詢

學生成績查詢功能主要是由/books/select.jsp來實現(xiàn)的。在這里，利用row進行頁面布局，使用panel進行控件，使它們在一個界面。

<%= bean.getCard() %>

<%= bean.getType() %>

<%= bean.getName() %>

<%= bean.getAutho() %>

<%= bean.getPress() %>

<%= bean.getNum() %>

借閱

②借閱信息與借閱歷史

學生留言功能主要是由borrow.jsp完成、借閱歷史由history.jsp完成

③修改密碼

修改圖書系統(tǒng)賬號密碼功能主要是由項目中的updatepwd完成來實現(xiàn)。。

讓它存儲通過調(diào)用數(shù)據(jù)庫中的getstudent()方法查詢出來的相關信息。接下來我們要設置密碼不能為空，在設置密碼不能為空，我使用了javascript來實現(xiàn)，首先利用getElementById ()方法獲取密碼的內(nèi)容，然后判斷密碼是否為空，如果為空的話利用alert?()彈出一個警告窗口信息為“這是必填字段”，然后輸入焦點或者光標定位到這個為空的文本框里，用username.focus();最后返回一個失敗。然后，我們可以在文本框中輸入新的密碼點擊保存，之后新密碼會被同步到數(shù)據(jù)庫中。我是使用的文本框并設置οnclick="savestudent()" value="保存"屬性來實現(xiàn)將新密碼保存到數(shù)據(jù)庫中的。

3.2.3技術選擇分析

采用了javascript中focus()的語句，文本輸入框要鼠標點擊下輸入框，等光標在里面之后再敲鍵盤輸入。 ???focus()的作用就是將光標放在輸入框中，省掉了你點擊的那一下，直接輸入你要輸入的內(nèi)容。可以留意下百度的首頁，你打開頁面之后光標就直接在輸入框里了，直接敲鍵盤輸入你要搜索的內(nèi)容就行了，省掉了還要用鼠標點擊下輸入框才能輸入的步驟，非常人性化的考慮。

3.2.4關鍵代碼

①圖書查詢

(1)查詢語句

①查看全部圖書信息

返回的是ArrayList數(shù)組形式

try {

stm = conn.prepareStatement(sql);

rs = stm.executeQuery();

while(rs.next()){

BookBean tag = new BookBean();

tag.setBid(rs.getInt("bid"));

tag.setName(rs.getString("name"));

tag.setCard(rs.getString("card"));

tag.setType(rs.getString("type"));

tag.setAutho(rs.getString("autho"));

tag.setPress(rs.getString("press"));

tag.setNum(rs.getInt("num"));

tag_Array.add(tag);

}

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

DBUtil.CloseDB(rs, stm, conn);

}

②獲取用戶想要的單個圖書/**

?* 用戶查找圖書，根據(jù)輸入的名稱，使用like進行模糊查詢，然后返回一個ArrayList數(shù)組類型

?*/

public ArrayList getLikeList(String name) {

// TODO Auto-generated method stub

ArrayList tag_Array = new ArrayList();

Connection conn = DBUtil.getConnectDb();

String sql = "select * from book where name like '%"+name+"%'";

PreparedStatement stm = null;

ResultSet rs = null;

try {

stm = conn.prepareStatement(sql);

rs = stm.executeQuery();

while(rs.next()){

BookBean tag = new BookBean();

tag.setBid(rs.getInt("bid"));

tag.setName(rs.getString("name"));

tag.setCard(rs.getString("card"));

tag.setType(rs.getString("type"));

tag.setAutho(rs.getString("autho"));

tag.setPress(rs.getString("press"));

tag.setNum(rs.getInt("num"));

tag_Array.add(tag);

}

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

DBUtil.CloseDB(rs, stm, conn);

}

return tag_Array;

}

②圖書借閱信息

?* 獲取借閱記錄的全部信息，傳入的條件有status，aid，表示搜索正在借閱的，或者已經(jīng)還書的信息，aid代表當前登錄用戶

try {

stm = conn.prepareStatement(sql);

rs = stm.executeQuery();

while(rs.next()){

HistoryBean tag = new HistoryBean();

tag.setHid(rs.getInt("hid"));

tag.setAid(rs.getInt("aid"));

tag.setBid(rs.getInt("bid"));

tag.setBookname(rs.getString("bookname"));

tag.setCard(rs.getString("card"));

tag.setAdminname(rs.getString("adminname"));

tag.setUsername(rs.getString("username"));

tag.setBegintime(rs.getString("begintime"));

tag.setEndtime(rs.getString("endtime"));

tag.setStatus(rs.getInt("status"));

tag_Array.add(tag);

}

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

DBUtil.CloseDB(rs, stm, conn);

}

③查看借閱歷史

public void setHid(int hid) {

this.hid = hid;

}

public int getAid() {

return aid;

}

public void setAid(int aid) {

this.aid = aid;

}

public int getBid() {

return bid;

}

public void setBid(int bid) {

this.bid = bid;

}

public String getCard() {

return card;

}

public void setCard(String card) {

this.card = card;

}

public String getBookname() {

return bookname;

}

public void setBookname(String bookname) {

this.bookname = bookname;

}

public String getAdminname() {

return adminname;

}

public void setAdminname(String adminname) {

this.adminname = adminname;

}

public String getUsername() {

return username;

}

public void setUsername(String username) {

this.username = username;

}

public String getBegintime() {

return begintime;

}

public void setBegintime(String begintime) {

this.begintime = begintime;

}

public String getEndtime() {

return endtime;

}

public void setEndtime(String endtime) {

this.endtime = endtime;

}

public int getStatus() {

return status;

}

public void setStatus(int status) {

this.status = status;

}

④修改密碼

public boolean Login_verify(String username,String password){

Connection conn = DBUtil.getConnectDb();

String sql = "select * from admin where username="+username+" and password="+password;

PreparedStatement stm = null;

ResultSet rs = null;

try {

stm = conn.prepareStatement(sql);

rs = stm.executeQuery();

if(rs.next()){

return true;

}

} catch (SQLException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}finally{

DBUtil.CloseDB(rs, stm, conn);

}

return false;

3.2.5實現(xiàn)

圖3.2.1 讀者登陸系統(tǒng)的主頁面

圖3.2.2 借閱信息查詢頁面

圖3.2.3 借閱歷史頁面

圖3.2.4 個人資料頁面

圖3.2.5 修改密碼

3.3?功能3對圖書和借閱者增加、刪除、修改

3.3.1流程設計

管理員進入系統(tǒng)后可以對圖書進行管理可以查看讀者信息，對讀者信息進行修改和刪除管理員可以對圖書進行分類管理員可以查看借閱信息同時，管理員可以查看圖書歸還信息管理員同樣可以對密碼和個人資料進行修改

3.3.2技術應用

①管理員管理圖書

在管理員管理圖書功能中主要由AdminDao.jsp來實現(xiàn)。

在AdminDao.jsp中，首先要判斷登陸賬號的角色是否為管理員。定義了一個role,并且令它等于從session中保存的數(shù)據(jù)的role。接下來判斷，如果role不為空，接著判斷如果角色為借閱者則成功進入借閱者主頁面。反之則返回登陸頁面。接下來是構思頁面的布局。在這個頁面中有表頭、主體、分割線、內(nèi)容、表單和表尾這幾個部分。我重點介紹主體中的內(nèi)容部分。在內(nèi)容中我創(chuàng)建了一個表單，又利用css相關知識設計樣式。

②管理員刪除相關信息

在管理員刪除相關信息功能中主要是由admin_user.jsp、admin_book.jsp來實現(xiàn)的。

• 個人資料
• 修改密碼
• 退出

③管理員可以對圖書進行分類

在管理員對圖書分類的功能中主要由admin_booktype.jsp來實現(xiàn)。

分類名稱