圖書管理項目

来源:https://www.cnblogs.com/mmgf/archive/2018/03/15/8576743.html
-Advertisement-
Play Games

項目搭建 1.導入原型 只有前端頁面，但沒有後端代碼的項目。即一個只有頁面但沒有功能的項目！ 導入原型： 2.前臺需求分析 前臺是針對會員購書，而後臺是管理員管理系統並完成售書。 2.1 前臺主頁 /index.jsp使用<jsp:forward>轉發到/jsps/main.jsp,、main.js ...


項目搭建

1.導入原型

　　只有前端頁面，但沒有後端代碼的項目。即一個只有頁面但沒有功能的項目！

　　導入原型：

  1. 創建一個web項目，命名為goods；
  2. 把原型的webroot和src兩個目錄copy到goods中，覆蓋原有的文件夾；
  3. 把goods發佈到tomcat上，打開瀏覽器，訪問主頁。

2.前臺需求分析

前臺是針對會員購書，而後臺是管理員管理系統並完成售書。

2.1 前臺主頁

　　　　/index.jsp使用<jsp:forward>轉發到/jsps/main.jsp,、main.jsp中只有一個<table>，結構如下：

            main.jsp

             

　　　　<table>中各個部分使用的是<iframe>完成的框架頁。

　　　　(1)：/jsps/top.jsp；

　　　　(2)：/jsps/left.jsp；

　　　　(3)：/jsps/searchj.jsp；

　　　　(4)：/jsps/body.jsp

　　　　在(1)、(2)、(3)部分都存在超鏈接或表單，無論點擊哪個超鏈接（或提交表單）都會在(4)部分顯示

2.2 模塊劃分

  系統分為如下模塊：

  1. 用戶模塊
  2. 分類模塊
  3. 圖書模塊
  4. 購物車模塊
  5. 訂單模塊

 

2.3前臺用戶模塊

用戶模塊功能有：

  1. 註冊
  2. 激活
  3. 登錄
  4. 修改密碼
  5. 退出

 

2.4前臺分類模塊

分類模塊功能有：

  1. 顯示所有分類；

 

2.5前臺圖書模塊

  1. 前臺圖書模塊功能有：
  2. 分頁查看指定分類的圖書；
  3. 分頁查看指定名稱的圖書；
  4. 分頁查看指定條件的圖書；
  5. 查看圖書詳細信息。

 

2.5購物車模塊

  1. 購物車模塊功能有：
  2. 向車中添加條目；
  3. 查看我的購物車；
  4. 修改條目數量；
  5. 刪除條目；
  6. 批量刪除條目；

 

2.6前臺訂單模塊

前臺訂單模塊功能有：

  1. 生成訂單；
  2. 查看我的訂單；
  3. 查看訂單詳細信息；
  4. 取消訂單；
  5. 確認收貨；
  6. 支付訂單；

 

3.後臺需求分析

後臺是管理員管理系統，以售書功能。

 3.1　後臺主頁

與前臺主頁一樣，使用框架頁。

3.2管理員模塊

管理員模塊功能有：

  1. 管理員登錄；
  2. 管理員退出；

 

3.3後臺分類管理

後臺分類管理功能有：

  1. 查看所有分類；
  2. 添加一級分類；
  3. 添加二級分類；
  4. 編輯一級分類；
  5. 編輯二級分類；
  6. 刪除一級分類；
  7. 刪除二級分類；

3.4後臺圖書管理

               

　後臺圖書管理功能有：

  1. 分頁查看指定分類的圖書；
  2. 分頁查看指定條件的圖書；
  3. 添加新圖書；
  4. 編輯圖書；
  5. 刪除圖書；

3.5　後臺訂單管理

後臺訂單管理功能有：

  1. 分頁查看所有訂單；
  2. 分頁查看指定狀態的訂單；
  3. 查看訂單詳細信息；
  4. 訂單發貨；
  5. 取消訂單；

 

4數據模型設計

根據需求分析，得到如下實體：

  1. User：會員；
  2. Category：圖書分類；
  3. Book：圖書；
  4. CartItem：購物車條目；
  5. Order：訂單；
  6. OrderItem：訂單條目；
  7. Admin：管理員。

4.1　t_user表

列名

列類型

描述

uid

char(32)

主鍵

loginname

varchar(50)

會員登錄名

loginpass

varchar(50)

會員登錄密碼

email

varchar(50)

郵箱地址

status

boolean

是否已激活

activationCode

char(64)

激活碼

4.2　t_category表

列名

列類型

描述

cid

char(32)

主鍵

cname

varchar(50)

圖書分類名稱

pid

char(32)

外鍵，相對本表的cid，表示父分類id。

desc

varchar(100)

分類描述

orderBy

int

分類序號，用來排序。

4.3　t_book表

列名

列類型

描述

bid

char(32)

主鍵

bname

varchar(200)

圖書名稱

author

varchar(50)

圖書作者

price

decimal(8,2)

定價

currPrice

decimal(8,2)

當前價

discount

decimal(3,1)

折扣

press

varchar(100)

出版社

edition

int

版次

pageNum

int

頁數

wordNum

int

字數

printtime

char(10)

印刷時間

booksize

int

開本

paper

varchar(50)

紙質

cid

char(32)

所屬分類id

image_w

varchar(100)

大圖路徑

image_b

varchar(100)

小圖路徑

orderBy

int

序號

 

4.4　t_cartitem表

列名

列類型

描述

cartItemId

char(32)

主鍵

quantity

int

數量

bid

char(32)

圖書id

uid

char(32)

當前會員id

orderBy

int

序號

 

4.5　t_order表

列名

列類型

描述

oid

char(32)

主鍵

ordertime

char(19)

下單時間

total

decimal(10,2)

合計金額

status

int

訂單狀態：1 未付款、2 未發貨、3 未收貨、4 交易成功、5 已取消

address

varchar(1000)

收貨地址

uid

char(32)

當前會員id

 

4.6　t_orderitem

列名

列類型

描述

orderItemId

char(32)

主鍵

quantity

int

數量

subtotal

decimal(8,2)

金額小計

bid

char(32)

圖書id

bname

varchar(200)

圖書名稱

currPrice

decimal(8,2)

當前價

image_b

varchar(100)

小圖路徑

oid

char(32)

所屬訂單id

 

4.7　t_admin

列名

列類型

描述

adminId

char(32)

主鍵

adminname

varchar(50)

管理員登錄名

adminpwd

varchar(50)

管理員密碼

                                                

5項目框架

5.1導包

項目所需要導什麼包，要從項目所使用的工具來計算。本項目需要使用工具如下：

  1. c3p0；
  2. commons-beanutils；
  3. commons-dbutils；
  4. commons-fileupload；
  5. commons-fileupload.jar;
  6. javamail；
  7. Log4J；
  8. mysql-connector；
  9. itcast-tools。 

5.2配置文件

本項目使用了C3P0資料庫連接池，所以需要在src下配置c3p0-config.xml文件。模板如下：

c3p0-config.xml

<?xml version="1.0" encoding="UTF-8" ?>

<c3p0-config>

    <default-config>

       <property name="jdbcUrl">jdbc:mysql://localhost:3306/goods</property>

       <property name="driverClass">com.mysql.jdbc.Driver</property>

       <property name="user">root</property>

       <property name="password">123</property>

      

       <property name="acquireIncrement">3</property>

       <property name="initialPoolSize">10</property>

       <property name="minPoolSize">2</property>

       <property name="maxPoolSize">10</property>

    </default-config>

</c3p0-config>

 

5.3建包

包名的結構一般為：公司功能變數名稱.項目名.模塊名稱.分層名稱。本項目的包大致如下：

  1. cn.itcast.goods.user.domain；
  2. cn.itcast.goods.user.dao；
  3. cn.itcast.goods.user.service；
  4. cn.itcast.goods.user.web.servlet；
  5. cn.itcast.goods.category.doamin；
  6. cn.itcast.goods.category.dao；
  7. cn.itcast.goods.category.service；
  8. cn.itcast.goods.category.web.servlet；
  9. cn.itcast.goods.book.domain；
  10. cn.itcast.goods.book.service；
  11. cn.itcast.goods.book.web.servlet；
  12. cn.itcast.goods.cart.domain；
  13. cn.itcast.goods.cart.dao；
  14. cn.itcast.goods.cart.service；
  15. cn.itcast.goods.cart.web.servlet；
  16. cn.itcast.goods.order.domain；
  17. cn.itcast.goods.order.dao；
  18. cn.itcast.goods.order.service；
  19. cn.itcast.goods.order.web.servlet；
  20. cn.itcast.goods.web.filter；
  21. cn.itcast.goods.admin.admin.domain；
  22. cn.itcast.goods.admin.category.web.servlet；
  23. cn.itcast.goods.admin.book.web.servlet；
  24. cn.itcast.goods.admin.order.web.servlet。

5.4JQuery非同步請求

本項目的頁面中使用JQuery來完成表單的校驗，而且還使用了JQuery的AJAX。這裡簡單回顧一下使用JQuery發送非同步請求的過程。

使用JQuery發送非同步請求最為靈活的方法是ajax()方法，該方法只有一個參數，參數為一個JSON對象，下麵來看看這個對象的屬性。

  1. async：預設為true，表示發送非同步請求。
  2. beforeSend：函數類型。該函數會在發送請求前被調用，可以用來設置自定義的HTTP報頭。該函數有一個參數為XMLHttpRequest類型，我們可以使用它完成底層AJAX的設置，如果該函數返回false，那麼當前請求會被取消。
  3. cache：預設為true，表示是否在瀏覽器緩存中載入信息。當dataType為script時，該屬性為false。
  4. complete：函數類型，無論請求是否成功，當請求結束時調用它。該函數有兩個參數，function (XMLHttpRequest, textStatus)。
  5. contentType：預設為application/x-www-form-urlencoded，一般無需修改該屬性。
  6. data：請求參數，格式為{key1:val1,key2:val2…}。如果val為數組那麼會被轉換為多個參數，例如{key:[val1,val2]}轉換為key=val1&key=val2。
  7. dataType：可選值為xml、html、script、json、jsonp、text。表示伺服器的響應數據的類型。
  8. type：預設為GET，表示請求方式。POST和GET使用的比較多。
  9. url：請求的伺服器資源，可以是一個html、xml、jsp和Servlet等。
  10. success：請求成功調用的函數。函數形如fun(data,status)，其中data為通過dataType進行了轉換的伺服器響應數據。
  11. error：請求失敗時調用的函數。函數形如fun(XMLHttpRequest, status, errorThrown) 。

常用屬性有6個：

  • url：要請求的伺服器端地址
  • dataType：伺服器返回數據的類型，我們通常用json；
  • data：客戶端發送給伺服器的參數；
  • type：請求方法，可以是GET或POST
  • async：是否為非同步（如果為true，那麼是用兩個線程來完成，否則是一個線程）
  • cache：客戶端是否緩存數據。
  • success：成功是調用的方法。

 

例如：

    <script type="text/javascript" src="<c:url value='/js/jquery-1.5.1.js'/>"></script>

    <script type="text/javascript">

$(function() [q1] {

    $("#btn").click([q2] function() {

       var name = $("#name").val();

       if(name) {

           $.ajax[q3] ({

              async: false,

              cache: false,

              type: "POST"[q4] ,

              dataType: "json"[q5] ,

              url[q6] : "<c:url value='/AjaxServlet'/>",

              data[q7] : {method: "findByName", name: name},

              success[q8] : function(person) {

                  $("#person").text(person.pid + ", " + person.name + ", " + person.age + ", " + person.birthday);

              }

           });

       }

    });

});

    </script>

  <body>

      請輸入姓名：<input type="text" id="name" name="name"/>

      <input type="submit" value="查詢" id="btn"/>

   <div id="person"></div>

  </body>

public class AjaxServlet extends BaseServlet {

    public String findByName[q9] (HttpServletRequest request, HttpServletResponse response)

           throws ServletException, IOException {

       String name = request.getParameter("name")[q10] ;

       PersonDao dao = new PersonDao();

       try {

           Person person = dao.findByName(name);

           StringBuilder sb = new StringBuilder();

           sb.append("{");

           sb.append("\"pid\":").append("\"").append(person.getPid()).append("\",");

           sb.append("\"name\":").append("\"").append(person.getName()).append("\",");

           sb.append("\"age\":").append("\"").append(person.getAge()).append("\",");

           sb.append("\"birthday\":").append("\"").append(person.getBirthday()).append("\"");

           sb.append("}");

[q11]           response.getWriter().print(sb);[q12] 

       } catch (SQLException e) {

           throw new RuntimeException(e);

       }

       return null;

    }

}

 

6頁面結構

6.1目錄介紹 

 

在WebRoot下有很多文件夾，下麵我們對這些文件夾進行介紹：

  1. adminjsps：後臺管理jsp頁面；
  2. bank_img：銀行圖片，線上支付時，會員需要選擇支付的網銀，這個頁面需要顯示這些圖片；
  3. book_img：每本書都要有大圖和小圖，圖書的圖片都在這個文件夾中；
  4. css：公共css樣式文件；
  5. images：按鈕圖片；
  6. jquery：jquery的源代碼；
  7. js：公共js腳本；
  8. jsps：前臺會員購書jsp頁面；
  9. menu：javascript小工具，在前臺首頁的左部就是使用的這個小工具來顯示圖書分類的。

6.2jsps目錄介紹

jsps目錄下是前臺頁面：

 

index.jsp中只有一條語句，使用<jsp:forward>標簽轉發到/jsps/main.jsp。而main.jsp頁面是框架頁，分為上、左、高級、中三個部分。分別對應：top.jsp、left.jsp、gj.jsp、body.jsp。

其中book、cart、order、user目錄中分別對應各自模塊的頁面；pager是分頁頁面，使用分頁的頁面會使用<%@include>指令包含分頁頁面。

js和css目錄下又分為book、cart、order、user目錄：

 

 

　　對應不同頁面的css和js文件。

 

7　添加過濾器

添加編碼過濾器！

web.xml

<filter>

    <filter-name>EncdoingFilter</filter-name>

    <filter-class>cn.itcast.filter.EncodingFilter</filter-class>

</filter>

<filter-mapping>

    <filter-name>EncdoingFilter</filter-name>

    <url-pattern>/*</url-pattern>

</filter-mapping>

 [q1]這個的內容會在當前頁面被載入完成後執行，相同與<body>的onload事件。

 [q2]給id為btn的元素添加click事件

 [q3]發送非同步請求

 [q4]請求方式為POST

 [q5]伺服器返回的數據類型為json類型

 [q6]請求的url為/AjaxServlet

 [q7]請求參數有兩個，分別為method=findByName以及name=name

 [q8]當請求成功後，會執行這個方法，其中參數person是由伺服器返回的json對象。

 [q9]因為請求伺服器時指定method參數值為findByName，所以就會調用本方法

 [q10]獲取name參數值

 [q11]把Person對象轉換成json對象

 [q12] 發送給客戶端

 

 

 

未完待續...................


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 1.go變數
    練習 ...
  • 從零自學Java-4.使用字元串來交流
    1.使用字元串來存儲文本； 2.在程式中顯示字元串； 3.在字元串中包含特殊的字元； 4.拼接字元串； 5.在字元串中包含變數； 6.比較字元串； 7.判斷字元串的長度； 程式Credits：顯示一部電影的導演和演員名單 1 package com.jsample; 2 3 public class ...
  • VHDL和verilog應該先學哪個？
    網上有太多的VHDL和verilog比較的文章，基本上說的都是VHDL和verilog之間可以實現同一級別的描述，包括模擬級、寄存器傳輸級、電路級，所以可以認為兩者是等同級別的語言。很多時候會了其中一個，當然前提是真的學會，知道rtl(寄存器傳輸級)的意義，知道rtl與電路如何對應，在此基礎上，則很 ...
  • Python 學習筆記（十一）Python語句（二）
    For 迴圈語句 基礎知識 for迴圈可以遍歷任何序列的項目，如一個列表或者一個字元串。 語法： for 迴圈規則： do sth 判斷對象是否可迭代 zip() 函數 函數用於將可迭代的對象作為參數，將對象中對應的元素打包成一個個元組，然後返回由這些元組組成的列表。 如果各個迭代器的元素個數不一致 ...
  • Java基礎隨筆
    1.一些簡單的dos命令： – d: 回車 盤符切換 – dir(directory):列出當前目錄下的文件以及文件夾 – del:刪除文件 – md:創建文件夾 – rd:刪除文件夾 – cd (change directory)改變指定目錄(進入指定目錄) 進入 cd 目錄；cd 多級目錄 回退 ...
  • 【PTA-天梯賽訓練】願天下有情人都是失散多年的兄妹
    呵呵。大家都知道五服以內不得通婚，即兩個人最近的共同祖先如果在五代以內（即本人、父母、祖父母、曾祖父母、高祖父母）則不可通婚。本題就請你幫助一對有情人判斷一下，他們究竟是否可以成婚？ 輸入格式： 輸入第一行給出一個正整數N（2 ≤ N ≤），隨後N行，每行按以下格式給出一個人的信息： 其中ID是5位 ...
  • PyCharm設置
    內容：顯示工具欄，設置主題、快捷鍵、開頭文字、解釋器 一些可能用到的設置，想起來就發上來。有需要的可以查看 ###############顯示工具欄 ##############設置主題，我用的主題是這種比較暗的，不喜歡太亮的，比如那種基本都是白色的。 ####################### ...
  • 百度搜索結果HTML分析
    目的： 為了從搜索結果中提取所有網頁，以備後續處理。 訪問百度鏈接分析 名稱 值 說明 wd 任意文字 關鍵字 rn 可以不指定，預設為10，最大為50，最小為1，可設置為任意值 一頁包含的結果條目數 pn 百度預設顯示760條，所以最後一頁為pn=750 第一條結果的索引位置 示例： https:... ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類