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