天天看點

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

功能要求

一、登入功能(http://localhost:8080/#/login)

輸入賬号和密碼(admin/admin)進行登入:

如果密碼錯誤,給出提示資訊

如果密碼正确,跳轉到首頁

  • 賬号或密碼錯誤:
基于Vue+SSM+SpringCloudAlibaba書籍管理系統
  • 賬号密碼正确:跳轉到【圖書清單】
基于Vue+SSM+SpringCloudAlibaba書籍管理系統
  • 分類(标簽)管理

2.1 标簽清單

  1. 點選【分類管理】-進入分類清單,展示所有分類資訊
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.2 新增标簽

點選【新增】進行添加分類,點選确定,重新整理【分類清單】

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.3 編輯标簽

點選要操作的記錄右側的【編輯】按鈕,進行編輯分類。

  1. 回顯資料
  2. 點選确認之後,重新整理頁面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.4 删除标簽

點選要操作的記錄右側的【删除】按鈕,進行删除分類。

  1. 點選删除後,詢問是否删除;
  2. 删除成功,給出提示,并重新整理頁面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統
  • 使用者清單

3.1 使用者條件分頁查詢

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

3.2 新增使用者

【新增使用者】界面如下,要求同【新增分類】

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.3 編輯使用者

【編輯使用者】界面如下,要求同【編輯分類】

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

3.3 删除使用者

要求同【删除分類】

3.4 批量删除使用者

要求同【批量删除分類】

  • 圖書管理

3.1圖書條件分頁查詢

多條件分頁查詢:圖書标題模糊查詢、建立日期範圍查詢

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

3.2 新增圖書

【新增圖書】界面如下,

注:

  1. 書籍标簽需要從資料庫查出動态資料
  2. 建立日期為新增書籍的當天
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

新增成功:提示【新增成功】,并重新整理頁面

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.3 編輯圖書

【編輯使用者】界面如下,點選要操作的記錄右側的【編輯】按鈕,進行編輯分類。

  1. 回顯資料
  2. 點選确認之後,重新整理頁面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

3.3 删除圖書

點選要操作的記錄右側的【删除】按鈕,進行删除分類。

  1. 點選删除後,詢問是否删除;
  2. 删除成功,給出提示,并重新整理頁面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

3.4 批量删除圖書

批量删除圖書

  1. 選中要删除的記錄
  2. 點選批量删除
  3. 點選确定按鈕,删除成功後傳回重新整理清單
  4. 基于Vue+SSM+SpringCloudAlibaba書籍管理系統
  • 借閱圖書
  1. 在【圖書管理】界面點選想要借閱的圖書右側的【借閱】按鈕,進入【借閱圖書】界面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

借閱界面

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

或者

  1. 點選【借閱圖書】進入圖書借閱界面
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

5.1 圖書名稱輸入建議

1. 輸入【圖書名稱】,查詢資料庫相關圖書,給出輸入建議

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.選中書籍後,回顯圖書ISBN編碼和剩餘庫存資料

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

5.2 使用者名輸入建議

1. 輸入【借閱人姓名】,查詢資料庫相關使用者,給出輸入建議

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

2.選中書籍後,回顯借閱人編号

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

5.3 确認借閱

1. 點選确認借閱

2. 書籍庫存-1,且書籍借出數量+1

基于Vue+SSM+SpringCloudAlibaba書籍管理系統
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

借閱前:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

借閱後:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統
  • 歸還圖書

點選【歸還圖書】進入歸還圖書界面

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

6.1 輸入建議

圖書标題輸入建議

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

使用者名輸入建議

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

6.2 還書操作

1. 點選還書按鈕

2. 書籍庫存+1,借出數量-1

基于Vue+SSM+SpringCloudAlibaba書籍管理系統
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

還書前:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

還書後:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

6.3 圖書丢失處理

如果使用者丢失了圖書,點選【丢失】按鈕,記錄書籍丢失情況。

  1. 點選【丢失】按鈕
  2. 書籍庫存不變,已借數量-1
基于Vue+SSM+SpringCloudAlibaba書籍管理系統

丢失前:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

丢失後:

基于Vue+SSM+SpringCloudAlibaba書籍管理系統

6.4 檢視所有【借還】記錄

在【歸還圖書】界面,勾選【檢視全部】可以檢視所有書籍的借閱、歸還、丢失記錄。