【文章內容簡介】 ，尤其是開放源碼這一特點，許多中小型網站為了降低網站總體擁有成本 。 而且只要先建立一個管理系統(tǒng)之后就能長期的使用，由于使用軟件的開源性保證來數(shù)據(jù)等信息的安全性，而且管理員也能夠在很多時候靠計算機自行操作，節(jié)約了人員消耗，而且可以提高超市的市場空間，給超市帶來更多的收益。同時，系統(tǒng)的開發(fā)費用較低。 本系統(tǒng)操作簡單，使用的是瀏覽器端服務器結構，主要的工作都是在服務器端執(zhí)行的，頁面的設計符合大眾的正常思維，客戶能夠同過網頁上的提示非 ?？焖俚氖褂谩Ｒ虼藢ο到y(tǒng)的操作是可行的。 4．法律可行性 本系統(tǒng)所有開發(fā)流程和內容均遵守中華人民共和國計算機相關法律規(guī)定，在法律上也是完全可行的。 河北大學 2021屆本科生畢業(yè)論文（設計） 7 三 總體設計 設計目標 設計一個基于 B/S（瀏覽器 /服務器）架構的 超市前臺管理系統(tǒng) 。使用 Tomcat 作為 Web服務器，通過 JDBC 技術與后臺的數(shù)據(jù)庫連接。用戶可以通過網絡在任意地方使用 IE 或者其他瀏覽器訪問服務器，根據(jù)權限的不同對數(shù)據(jù)進行 查詢等 操作。系統(tǒng)為 超市 提供一個公司信息和產品的展示平臺，為普通用戶提供一個界面美觀、操作友好的信息查看和交流 的平臺。 系統(tǒng)的主要功能有：發(fā)布信息、上傳文件、瀏覽頁面、模糊查詢、用戶反饋等，其中，發(fā)布信息和上傳文件是系統(tǒng)管理員的獨有功能。 功能總體設計 系統(tǒng)的功能特點 操作簡 單， 界面友好：頁面布局 合理 ，使得信息的錄入工作更簡便， 大部分工作可以通過鼠標完成，用戶還可以根據(jù)我們的說明信息簡單快速的熟練操作，在您輸入錯誤信息是能夠及時的提醒 。 即時 更新 ：對信息的處理（包括錄入、修改、刪除）將立即在頁面的對應欄目中顯示出來，達到 “ 即時操作、即時生效 ” 的功能， 在超市的售貨情況有所變動時，產品消息也能及 時更新，這樣 方便用戶和管理員查看最新的產品信息。 功能完善：在系統(tǒng)中普通用戶可以瀏覽相關產品的基本信息、報價信息以 相類似產品 的信息，用戶還可以根據(jù)產品的名稱進行模糊查詢 或者分類瀏覽 ；管理員可以方便的進行信息的錄入、修改和刪除操作，完整地實現(xiàn)了對系統(tǒng)信息的管理要求。 系統(tǒng)功能總體設計 在系統(tǒng)中存在兩類用戶：系統(tǒng)管理員和用戶，兩種用戶分別擁有不同的權限。系統(tǒng)管理員擁有系統(tǒng)的管理權，可以進行產品類別信息、產品基本信息、產品報價信息、擴展產品信息等信息的錄入、修改和刪除操作，保持整個系統(tǒng)正常、快速的運 行；瀏覽者擁有對信息的瀏覽和查詢的權利，工作功能如圖 31。 河北大學 2021屆本科生畢業(yè)論文（設計） 8 超市前臺管理系統(tǒng)頁面設計 數(shù)據(jù)庫管理 程序模塊設計登陸頁面超市管理員頁面客戶登陸后頁面試題程序設計腳本語言設計其他方法設計進貨信息查詢余貨信息查詢 圖 31系統(tǒng)功能分配 用戶分類管理員 瀏覽者商品錄入商品管理產品報價管理信息管理瀏覽信息查詢信息反饋信息 圖 32系統(tǒng) 用戶 工作功能圖 后臺管理頁面中共設置了五商品個選項卡，分別代表一個管理模塊，點擊選項卡可以進入相應的模塊，各個模塊的總體設計如下： 商品類別管理模塊，如圖 32 是產品類別的列表，列表使用 HTML 和 JSP 編寫，通過循環(huán)讀取數(shù)據(jù)庫中的數(shù)據(jù)，配合 table等 HTML 標記組合成數(shù)據(jù) 表格。點擊“屬性”列下的“視圖”鏈接可以查看該類別的屬性，點擊“操作”列下的鏈接可以分別進行編輯、刪河北大學 2021屆本科生畢業(yè)論文（設計） 9 除和置頂?shù)牟僮鳎c擊“刪除”按鈕可以刪除選中的產品類別，并刪除與這個類別相關聯(lián)的產品信息。 商品類 類名 有無目錄 顯示位置 具體描述 刪除 操作 日用品 有 左上 牙膏被子等 編輯 刪除 放大 服裝 沒 左下 各種衣服 編輯 刪除 放大 食品 有 右上 蔬菜水果等 編輯 刪除 放大 電器 有 右下 電視冰箱等 編輯 刪除 放大 刪除 添加類 圖 33 商品類管理頁面設計圖 商品管理模塊，如圖 33 為產品信息列表，該列表的實現(xiàn)方法與 產品類別列表實現(xiàn)方法相同，并且實現(xiàn)了分頁顯示。點擊“圖”列下的“示圖”鏈接和“更改”鏈接可以分別實現(xiàn)查看圖片和更換圖片的操作，點擊“增加”按鈕可以進入增加產品頁面，點擊“ Delete”按鈕可以刪除選中的產品。其中，點擊“圖”列下的“示圖”和“更改”需要動態(tài)彈出對話框，該效果的實現(xiàn)需要使用 JavaScript 技術。 商品表 商品名 編號 所屬種類 圖 刪除 操作 富光水杯 R0001 日用 圖示 更改 編輯 刪除 耐克短袖 y0002 衣服 圖示 更改 編輯 刪除 富士蘋果 s0002 蔬菜 圖示 更改 編輯 刪除 聯(lián)想電腦 d0002 電器 圖示 更改 編輯 刪除 刪除 添加商品 First Pre Next Last 圖 34 商品管理頁面設計圖 相關產品管理頁面，如圖 35 為相關產品類別的列表，點擊“圖”列下的“示圖 View”和“更改”鏈接可以分別進行查看和替換圖片的操作，點擊“操作”列下的“ Edit”和“編輯”鏈接可以分別進行編輯和刪除操作。 河北大學 2021屆本科生畢業(yè)論文（設計） 10 相關類表 刪除 名稱 圖 操作 racelet 示圖 更改 編輯 Lanyard 示圖 更改 編輯 Patch 示圖 更改 編輯 提交 添加 圖 35 相關產品管理頁面設計圖 用戶反饋管理頁面，如圖 36 為用戶反饋信息列表，由于用戶反饋信息較多，所以這個列表只列出所反饋的基本信息，管理員要觀察詳細的意見必須通過后邊的鏈接，一次性在數(shù)據(jù)庫讀取全部數(shù)據(jù)，然后在頁面中進行處理進行分頁顯示；另一種是通過 SQL 語句限制讀出數(shù)據(jù)的數(shù)量，然后點擊翻頁按鈕時再進行下一次讀取。系統(tǒng)采用第二種方式實現(xiàn)翻頁功能，這樣做雖然會增加與數(shù)據(jù)庫交互的次數(shù)，但卻減少了一次查詢數(shù)據(jù)的數(shù)量，可以在一定程度上緩解數(shù)據(jù)庫服務器的壓力。 用戶反饋表 是否查看 姓名 職業(yè) 工作地點 郵箱 操作 張三 學生 北京 查看 刪除 李四 老師 上海 查看 刪除 王五 程序員 南京 查看 刪除 提交 第一頁 前一頁 后一頁 尾頁 圖 36 用戶反饋頁面設計圖 密碼修改模塊需要實現(xiàn)管理員密碼的修改功能，如圖 37，在用戶提交時，需要在使用正則表達式在客戶端驗證密碼的格式，這樣做可以減少用戶與服務器交互的次 數(shù)，在一定程度上可以緩解服務器的壓力。 河北大學 2021屆本科生畢業(yè)論文（設計） 11 修改密碼信息 用戶名 舊密碼 輸入新密碼 : 重復一下新密碼 : 提交 重置 重置 圖 37 密碼修改頁面設計圖 數(shù)據(jù)庫總體設計 數(shù)據(jù)庫的設計主要應該遵循以下幾條原則： 應該使設計出的表具有較好的使用性，這一點主要體現(xiàn)在查詢時是否需要關聯(lián)多張表且還需使用復雜的 SQL 技巧； 在保證數(shù)據(jù)的準確性的前提下應該使設計出的表盡可能減少數(shù)據(jù)冗余，有效的控制冗余有助于提高數(shù)據(jù)庫的性能； 應該盡量使用邏輯 主鍵，這樣做可以增加系統(tǒng)的可維護性。 在上述的原則下，系統(tǒng)主要設計了以下幾張表。 管理員表：主要用于記錄系統(tǒng)管理員的基本信息 ，主要在管理員登錄后臺管理系統(tǒng)時驗證使用， 管理員表如表 31。 表 31 管理員表 管理員表（ tbit_admin） 字段含義 字段名 數(shù)據(jù)類型 數(shù)據(jù)長度 自動添加 默認值 ID id int 4 是 無 帳號 name varchar 30 否 null 密碼 password varchar 30 否 null 產品類別表：主要用于記錄公司產品類別的主要信息 ， 顯 示區(qū)域字段有 0 和 1 兩種取值，如果為 0 則顯示在左側菜單中，如果為 1 則顯示在上部菜單中；是否有擴展產品字段也有 0 和 1 兩種取值，如果為 0 則代表沒有 新添加 產品，如果為 1 則代表有 已有類 產品，產品類別表如 32 所示。 河北大學 2021屆本科生畢業(yè)論文（設計） 12 表 32 商品 類別表 產品類別表（ tbit_ pname） 字段含義 字段名 數(shù)據(jù)類型 數(shù)據(jù)長度 自動添加 默認值 ID id int 4 是 無 產品類別名稱 name varchar 50 否 null 代表性的圖片（路徑） picpath varchar 200 否 null 類 描 述 content text 100 否 null 顯示區(qū)域 isnew int 4 否 0 所屬數(shù)量 Snum int 4 否 0 商品 表：主要用于記錄公司產品的主要