【文章內(nèi)容簡介】 3 所示。書籍圖書 I D書名作者出版社 I D圖書編號字數(shù)價格作者簡介編者點評目錄類別 I D點擊次數(shù)內(nèi)容描述圖 413 書籍實體屬性圖(4) 書籍類別：類別 ID、類別名稱。如圖 414 所示。 書籍類 別類別 I D類別名稱圖 414 書籍類別實體屬性圖系統(tǒng)設(shè)計(5) 出版社：出版社 ID、出版社名稱、出版時間。如圖 415 所示。 出版社 出版時間出版社 I D出版社名稱圖 415 出版社實體屬性圖 (6) 圖書評價：評價 ID、內(nèi)容、評價時間、圖書 ID。如圖 416 所示。 出版社 出版時間出版社 I D出版社名稱圖 416 圖書評價實體屬性圖(7) 訂單信息：訂單 ID、下單時間、用戶 ID、總價格、配送地址、狀態(tài)。如圖 417 所示。 訂單詳細信息訂單 I D下單時間用戶 I D狀態(tài)配送地址總價格圖 417 訂單實體屬性圖(8) 訂單詳細信息： Id、訂單 ID、數(shù)量、圖書 ID、書價。如圖 418 所示。系統(tǒng)設(shè)計 訂單詳細信息訂單 I D數(shù)量圖書 I D書價I d圖 418 訂單詳細信息實體屬性圖從上述功能描述可以得出實體之間的聯(lián)系如下：(1) 用戶信息實體與用戶類別實體之間是多對一關(guān)聯(lián)（n:1） 。(2) 用戶信息實體與訂單信息實體之間是一對多關(guān)聯(lián)（1:n） 。(3) 圖書信息實體與圖書評價實體之間是一對多關(guān)聯(lián)（1:n） 。(4) 圖書信息實體與圖書類別實體之間是多對一關(guān)聯(lián)（n:1） 。(5) 圖書信息實體與出版社實體之間是多對于一聯(lián)（n:1） 。(6) 圖書信息實體與訂單詳細信息實體之間是一對多關(guān)聯(lián)（1:n） 。(7) 訂單信息實體與訂單詳細信息實體之間是一對多關(guān)聯(lián)（1:n） 。 經(jīng)過上面對系統(tǒng)功能的描述，得出系統(tǒng) ER 圖如圖 419 所示 圖 419 系統(tǒng) ER 圖11n11nnnn11n圖書信息圖書評價出版社圖書類別訂單詳細信息訂單信息用戶信息 用戶類別提交生成屬于屬于屬于系統(tǒng)設(shè)計 邏輯結(jié)構(gòu)設(shè)計 網(wǎng)上圖書商城系統(tǒng)的數(shù)據(jù)庫是采用 SQL Server 2022 開發(fā)的，其中主要數(shù)據(jù)表有8 個表，其分別為：BookComment、Books、Publishers、Categories 、OrderBook、Orders、Users、UserStates 。(1) 圖書信息表主要是記錄了書籍的基本信息，表結(jié)構(gòu)如表 420 所示。表 419 圖書信息表(Books)列名 數(shù)據(jù)類型 長度 完整性約束 說明 Id int 默認 PK 圖書 IDPublisherId int 4 FK 出版社 IDCategoryId int 4 FK 類別 ID Title nvarchar 200 NOT NULL 書名Author nvarchar 200 NOT NULL 作者ISBN nvarchar 50 NOT NULL 圖書編號WordsCount int 4 NOT NULL 字數(shù)UnitPrice datetime 8 NOT NULL 價格ContentDescription nvarchar Max NULL 內(nèi)容描述AurhorDescription nvarchar Max NULL 作者簡介EditorComment nvarchar Max NULL 編者點評TOC nvarchar 200 NULL 目錄Clicks int 4 NOT NULL 點擊次數(shù)(2) 圖書評價表主要是記錄了用戶對書籍的評價，表結(jié)構(gòu)如表 421 所示。表 420 圖書評價(BookComments)列名 數(shù)據(jù)類型 長度 完整性約束 說明 Id int 默認 PK 評價 IDBookId int 4 FK 圖書 IDMsg nvarchar Max NOT NULL 內(nèi)容CreateDateTime datetime 8 NOT NULL 評價時間系統(tǒng)設(shè)計(3) 出版社表主要是記錄了出版者信息，表結(jié)構(gòu)如表 422 所示。表 421 出版社(Publishers)列名 數(shù)據(jù)類型 長度 完整性約束 說明 Id int 默認 PK 出版社 IDName nvarchar 200 NOT NULL 出版社名稱PublishDate datetime 8 NOT NULL 出版時間(4) 圖書類別表主要是記錄了書籍分類名稱，表結(jié)構(gòu)如表 423 所示。表 422 圖書類別(Categories )列名 數(shù)據(jù)類型 長度 完整性約束 說明 Id int 4 PK 類別 IDName nvarchar 200 NOT NULL 類別名稱(5) 訂單詳細信息表主要是記錄了書籍的基本信息，表結(jié)構(gòu)如表 424 所示。表 423 訂單詳細信息(OrderBook)列名 數(shù)據(jù)類型 長度 完整性約束 說明 Id int 默認 PK IdBookId int 4 FK 圖書 IDOrderID nvarchar 50 FK 訂單 IDQuantity int 4 NOT NULL 數(shù)量UnitPrice decimal 9 NOT NULL 書價(6) 訂單信息表主要是記錄了書訂單的基本信息，表結(jié)構(gòu)如表 425 所示。表 424 訂單信息表(Orders)列名 數(shù)據(jù)類型 長度 完整性約束 說明OrderID nvarchar 50 PK 訂單 IDUserId int 4 FK 用戶 IDOrderDate int 8 NOT NULL 下單時間TotalPrice decimal 9 NOT NULL 總價格PostAddress nvarchar 255 NULL 配送地址state int 4 NOT NULL 狀態(tài)系統(tǒng)設(shè)計(7) 用戶信息表主要是記錄了用戶的基本信息，表結(jié)構(gòu)如表 426 所示。表 425 用戶表(Users)列名 數(shù)據(jù)類型 長度 完整性約束 說明Id Int 默認 PK 用戶 IDUserStateId Int 4 FK 用戶類別 IDLoginId nvarchar 50 NOT NULL 登錄帳號LoginPwd nvarchar 50 NOT NULL 登錄密碼Name nvarchar 50 NOT NULL 姓名Address nvarchar 255 NOT NULL 地址Phone nvarchar 100 NOT NULL 聯(lián)系電話Mail nvarchar 100 NOT NULL 郵箱 (8) 圖書信息表主要是記錄了書籍的基本信息，表結(jié)構(gòu)如表 427 所示。表 426 用戶類別表(UserStates)列名 數(shù)據(jù)類型 長度 完整性約束 說明Id int 4 PK 用戶類別 IDName nvarchar 50 NOT NULL 類別名稱功能實現(xiàn)5 功能實現(xiàn) 游客注冊模塊 游客模塊具有注冊成為會員、瀏覽圖書列表、查看圖書詳細信息，主要是初次進入網(wǎng)站瀏覽書籍，但沒有注冊本系統(tǒng)會員的瀏覽者。在這里主要針對游客注冊成為會員來進行說明。由于注冊和登錄的頁面展示效果基本一致，因此用戶登錄的功能操作將不在進行說明。游客注冊成為會員功能說明如下：(1) 描述：游客如果想要成為會員者，需要先注冊成為本系統(tǒng)的會員。在這里頁面使用了 Ajax 技術(shù)，自動驗證文本框是否輸入正確，如果不正確將不能進行注冊需要重新填寫信息。密碼必須是由英文字母和數(shù)字組成的字符，校驗是否滿足條件是通過 JQuery 的相關(guān)技術(shù)在頁面上自動進行驗證的。(2) 注冊界面運行效果圖如圖 51 所示。圖 51 游客注冊 (3) 注冊前臺驗證代碼和注釋如下。 /*即時檢測用戶名是否存在 */ $(txtName).blur(function () { var name = $(this).val()。功能實現(xiàn) if (!HasContent(name)) { $(spName).text(帳號不能為空).addClass(sp).show()。 return。 } else { $.post(../ashx/, { name: name, tab: 1, random: () }, function (data, success) { if (data == ok) { $(spName).hide()。} else { $(spName).text(帳號已存在).addClass(sp).show()。return。 } })。 } })。 /*即時檢測驗證碼輸入是否正確 */ $(txtCode).blur(function () { var code = $(this).val()。 if (!HasContent(code)) { $(spCode).text(驗證碼錯誤).addClass(sp).show()。 return。 } else { $.post(../ashx/, { code: code, tab: 2, random: () }, function (data, success) { if (data == ok) { $(spCode).hide()。 } else { $