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