【文章內容簡介】 角色 管理員 前置條件 成功登錄后臺管理系統(tǒng) 事件流 管理員想要維護產品時，用例啟動。 （ 1） 管理員選擇管理選項 如果選擇“新增產品”，則執(zhí)行支流 S1； 如果選擇“管理產品”，則執(zhí)行支流 S2； 如果選擇“新增類別”，則執(zhí)行支流 S3； 如果選擇“管理類別”，則執(zhí)行支流 S4； （ 2） 點擊確認提交； （ 3） 系統(tǒng)執(zhí)行命令，數(shù)據庫更新信息。 ； 管理員錄入產品信息； ； 管理員使用搜索功能，選擇篩選條件或輸入關鍵詞，顯示搜索結果列表； 管理員選擇修改的選項； ； 管理員錄入新增的類別； S4. .系統(tǒng)載入管理 類別 頁面； 管理員選擇修改的選項； 后置條件 如果用例 成功 ，則產品或類別被更新 ，數(shù)據在數(shù)據庫中更新 ，否則系統(tǒng)狀態(tài)不變。 特殊需求 無 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 9 頁 共 29 頁 4. 數(shù)據庫設計 數(shù)據模型 圖 41 為系統(tǒng)的物理數(shù)據模型及其關系。 N E W SP K i d a d d t i m e t i t l e c o n t e n t p i c s t a t eF K 1 c i dN C L A S SP K i d c l a s sG O O D SP K i d a d d t i m e n a m e t y p e m t r s i z e t a g p i c r e m a r k s t a t eF K 1 g i dG C L A S SP K i d f i d c l a s s 圖 41 數(shù)據模型 圖 數(shù)據模型描述 系統(tǒng)建立了四張基本數(shù)據庫表：新聞表 NEWS、新聞類別表 NCLASS、產品表 GOODS、產品分類表 GCLASS。數(shù)據模型的結構如表 41~44 所示。 . 新聞表 NEWS 新聞表里存儲的是關于新聞的一些屬性信息，如新聞標題、內容、發(fā)布時間、 上傳 圖片、編輯狀態(tài)、所屬類別。 所有屬性都不允許為空，但只有新聞標題和新聞內容是必填項。發(fā)布時間是系統(tǒng)設置的默認建立時間。對于一條新聞，可以沒有圖片，當沒有附圖時，我們默認圖片路徑為一張空白圖片的路徑。 新聞的狀態(tài)有 4 種： 0 為草稿箱，是未發(fā)布狀態(tài)的新聞； 1 為發(fā)布，是已發(fā)布狀態(tài)的新聞； 2 為垃圾箱，是刪除的新聞，不是數(shù)據庫中真正的刪除； 3 為置頂新聞，在排序上有優(yōu)勢。 是 的外鍵。 表 41 NEWS 表 字段 名 數(shù)據 類型 是否為空 說明 id int(11) 否，主鍵 自動編號 ，自增長 addtime datetime 否 建立時間，系統(tǒng)時間 title varchar(50) 否 新聞標題 content mediumtext 否 新聞內容 pic varchar(50) 否 圖片路徑 state tinyint(1) 否 編輯狀態(tài)： 0 草稿箱； 1 發(fā)布； 2 垃圾箱；3 置頂新聞 cid tinyint(2) 否 新聞分類編號 . 新聞類別表 NCLASS 新聞類別表里存儲新聞的分類。 新聞分類為一個個大類，不存在子類。 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 10 頁 共 29 頁 表 42 NCLASS 表 字段 名 數(shù)據 類型 是否為空 說明 id tinyint(2) 否，主鍵 自動編號 ，自增長 class char(20) 否 新聞分類名稱 . 產品表 GOODS 產品表里存儲的是關于產品的一些屬性信息，如產品名稱、型號、使用材料、規(guī)格、產品圖片等。 基本描述與新聞表 NEWS 類似，區(qū)別是 產品表的圖片路徑為必填項，要求每個產品一定要附圖。 是 的外鍵。 表 43 GOODS 表 字段 名 數(shù)據 類型 是否為空 說明 id int(11) 否，主鍵 自動編號 ，自增長 addtime datetime 否 建立時間，系統(tǒng)時間 name varchar(50) 否 產品名稱 type char(20) 空 產品型號 mtr varchar(50) 空 使用材料 size varchar(50) 空 產品規(guī)格 tag varchar(50) 空 標簽 pic varchar(50) 否 圖片路徑 remark mediumtext 空 產品介紹 state tinyint(1) 否 編輯 狀態(tài)： 0 草稿箱； 1 發(fā)布； 2 垃圾箱；3 置頂推薦 gid tinyint(2) 否 產品分類編號 . 產品分類表 GCLASS 產品分類表里存儲產品的分類信息。 產品分類很多很復雜，每個大類下有子類，子類下又有子類。所以每個分類有記錄它父類，即上一級分類的編號，從而記錄它們之間的聯(lián)系。 表 44 GCLASS 表 字段 名 數(shù)據 類型 是否為空 說明 id tinyint(2) 否，主鍵 自動編號 ，自增長 fid tinyint(2) 否 父類編號 class char(20) 否 產品分類名稱 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 11 頁 共 29 頁 5. 系統(tǒng)概要設計 總體功能模塊介紹 網站總體上由前臺 的用戶子系統(tǒng) 和后臺 的管理員子系統(tǒng) 兩部分組成。前臺 展現(xiàn) 給用戶， 是 供 用戶 瀏覽 并與 負責人員交流的顯示界面。 后臺則是 用 于 服務 前臺，管理系統(tǒng) 數(shù)據 庫信息的增加、刪除、修改等工作， 保證系統(tǒng) 持續(xù) 可靠 的 運行。 本網站 前臺 主要有 五 大 功能模塊，分別為 公司介紹、新聞資訊、產品展示、供求信息和聯(lián)系我們 ， 后臺 在設計上 有新聞管理和產品管理兩大功能模塊 ，是整個系統(tǒng)最 為 核心的部分。 用 戶 子 系 統(tǒng)公司介紹管 理 員 子 系 統(tǒng)新聞資訊產品展示供求信息聯(lián)系我們新聞管理產品管理企 業(yè) 電 商 網 站 圖 51 網站 功能模塊劃分 子 功能模塊介紹 新聞 資訊 模塊 ： 是向用戶提供的一個瀏覽新聞的平臺。通過分類查詢，直接把數(shù)據庫中的新聞分類顯示在導航處， 用戶可以 直接點擊新聞類型 瀏覽 各類 重大活動、最新報道等 。它 具備 搜索功能，可以通過搜索 欄 位 選擇關鍵 字段 并輸入內容搜索到結果。 新聞 以列表方式呈現(xiàn)，點擊選定新聞進入閱讀 詳細內容 界面。 產品展示模塊 ： 是企業(yè)用于展示自己產品和宣傳產品的重要模塊，用戶可以瀏覽此模塊了解企業(yè)發(fā)布的產品。 它擁有強大的搜索功能， 可以 按 照 要求 篩 選結果。 以圖片的 形 式呈現(xiàn)，點擊圖片進入產品詳情介紹界面。 后臺 新聞管理模塊 ： 主要有新增新聞、 管理新聞功能，通過該模塊可以對新聞資訊進行管理。 后臺產品管理模塊：主要有產品添加、管理產品、類別管理功能，通過該模塊可以對產品展示進行管理。 UML 建模 UML 是用來描述模型的，它用模型描述系統(tǒng)的結構或靜態(tài)特征以及行為或動態(tài)特征。 它 從不同的視角為系統(tǒng)建模，形成不同 的視圖。 靜態(tài) 結構建模 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 12 頁 共 29 頁 系統(tǒng)的 靜態(tài) 結構由 用例圖、類圖、對象圖、包圖、構件圖 和 部署圖 五種圖來描述 。 其中用例圖描述系統(tǒng)功能；類圖描述系統(tǒng)的靜態(tài)結構；對象圖描述系統(tǒng)在某個時刻的靜態(tài)結構，補充類圖是類圖的實例；構件圖描述實現(xiàn)系統(tǒng)的元素的組織；部署圖 描述 任何基于計算機的應用系統(tǒng)的物理或邏輯的配置。 圖 52~54 為系統(tǒng)的類圖、構件圖、部署圖。 （ 1） 類圖 如圖 52， 該系統(tǒng)主要有新聞對象、新聞類別對象、產品對象和產品類別對象。產品 對象 ，其主要屬性包括品名、型號、材料、規(guī)格、圖片路徑等，主要 操作有新增產品、刪除產品、修改產品、獲取所有產品、獲取某類別產品、查詢某一產品、查看產品信息。產品類別對象，其主要屬性有 父類編號 、類別名稱，主要操作有新增類別、刪除類別、修改類別、獲取所有類別。新聞對象和新聞類別對象描述類似。 + a d d N e w s ( )+ d e l e t e N e w s ( )+ u p d a t e N e w s ( )+ g e t A l l ( )+ g e t B y C l a s s ( )+ s e l e c t N e w s ( )+ g e t d e t a i l ( )N E W S+ s e l e c t N C l a s s ( )N C L A S S+ a d d G o o d s ( )+ d e l e t e G o o d s ( )+ u p d a t e G o o d s ( )+ g e t A l l ( )+ g e t B y C l a s s ( )+ s e l e c t G o o d s ( )+ g e t d e t a i l ( )G O O D S+ a d d G C l a s s ( )+ d e l e t e G C l a s s ( )+ u p d a t e G C l a s s ( )+ g e t A l l ( )G C L A S S 圖 52 系統(tǒng) 類圖 （ 2） 構件圖 該系統(tǒng)在 web 應用程序下 有前臺和后臺兩個部分。 前臺：① 前臺 是網站的首頁，供用戶選擇需要瀏覽的模塊；②列表 是新聞 /產品的列表 顯示 ；③ 查看 是新聞 /產品的詳細內容 顯示 ；④搜索 ；⑤ 分類 。 后臺：①后臺 是后臺操作主頁，供管理員選擇需要管理的模塊；②添加 是添加新聞 /產品 /類別功能 界面 ；③刪除 是選擇刪除功能；④ 修改 是修改功能界面。 前 臺 瀏 覽 界 面 后 臺 管 理 界 面添 加 界 面刪 除 界 面 修 改 界 面W e b 應 用 程 序列 表 界 面查 看 內 容搜 索 功 能分 類 功 能 圖 53 系統(tǒng)構 件 圖 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 13 頁 共 29 頁 （ 3） 部署圖 該系統(tǒng) 是 B/S 三層結構。 第一層表示層： 是展示給用戶的瀏覽器界面。 它的任務是由瀏覽器向網絡上的 Web 服務器提出服務請求， Web 服務器對用戶身份進行驗證后用 HTTP 協(xié)議把所需的主頁傳送給客戶端，客戶機接受傳來的主頁文件，并把它顯示在瀏覽器上。 第二層 業(yè)務邏輯層： 是 具有應用程序擴展功能的 Web 服務器 。 它 包含系統(tǒng)的 業(yè)務 處理邏輯，即 .PHP 文件 位于 Web 服務器端。它的任務是接受用戶的請求， 建立 與數(shù)據庫 的 連接，通過 SQL 等方式向數(shù)據庫服務器提出數(shù)據處理申請， 等數(shù)據庫服務器將數(shù)據處理的結果提交給 Web 服務器，再由 Web 服務器傳送回客戶端。 第三層數(shù)據 訪問層 ： 是 數(shù)據庫服務器 。 在數(shù)據層中包含系統(tǒng)的數(shù)據處理邏輯，位于數(shù)據庫服務器端。它的任務是接受 Web 服務器對數(shù)據庫操 作 的請求，實現(xiàn)對數(shù)據庫查詢、更新等功能，把運行結果提交給 Web 服務器。 數(shù) 據 庫W e b 服 務 器瀏 覽 器 h t t p 圖 54 系統(tǒng)部署圖 動態(tài) 行為模型 系統(tǒng)的 動態(tài) 行為由 時序 圖 、協(xié)作 圖、狀態(tài)圖和 活動圖 來描述。動態(tài)行為即 描述 了 系統(tǒng)中的對象在執(zhí)行期間中不同時間點是如何動態(tài)交互的。 下 圖 55~58 是以瀏覽新聞和管理新聞為例， 用時序圖 描述 用戶瀏覽和管理員后臺管理的主要場景。 圖 59 是用戶 搜索瀏覽的 活動圖。 用 戶l i s t . p h p1 : 瀏 覽 頁 面v i e w . p h p2 : 提 交 新 聞 i d3 : 顯 示 具 體 新 聞 圖 55 用戶 瀏覽 新聞時序圖 上 海海洋大學 2020 屆畢業(yè)設計（論文） 某企業(yè)電子商務網站建設 —— 動態(tài)信息管理系統(tǒng)的設計與開發(fā) 第 14 頁 共 29 頁 管 理 員登 錄1 : 登 錄 后 臺a d d . p h p2 : 提 交 添 加 管 理 請 求3 : 顯 示 添 加 頁 面數(shù) 據 庫 模 塊4 : 輸 入 添 加 的 內 容5 : S Q L 執(zhí) 行 插 入 語 句6 : 提 示 添 加 成 功 圖 56 管理員添加新聞時序圖 管 理 員