【正文】 (2) 管理員信息表 (tb_manager) 管理員信息表用來保存管理員信息 ，包括管理員的編號以及名稱密碼。 如表 42所示： 表 42 tb_manager 的結(jié)構(gòu) 字段名 數(shù)據(jù)類型 長度 是否 主鍵 描述 ID int 4 是 ID號 manager varchar 30 管理員名稱 PWD varchar 30 密碼 畢業(yè)設(shè)計（論文） 20 第五章 用戶界面設(shè)計 界面設(shè)計要求 界面設(shè)計是人與機器之間傳遞和交換信息的媒介 ,通過對界面設(shè)計不同需求進行的分類以及界面設(shè)計元素對用戶行為的影響，來研究用戶在界面設(shè)計中所體現(xiàn)的重要性。交互性已經(jīng)成為網(wǎng)絡(luò)界面設(shè)計中設(shè)計追求的目標。為了使設(shè)計滿足可用性要求，全面的了解用戶特征及多元化要求是 十分必要的。這就需要找到正確的方法來記錄和實現(xiàn)多元化的用戶要求。界面是人與物體互動的媒介，換句話說，界面就是設(shè)計師賦予物體的新面孔。 簡易性 ： 界面的簡潔是要讓用戶便于使用、便于了解、并能減少用戶發(fā)生錯誤選擇的可能性。 用戶語言 ： 界面中要使用能反應(yīng)用戶本身的語言，而不是 游戲設(shè)計 者的語言。 記憶負擔(dān)最小化 ： 人腦不是電腦，在設(shè)計界面時必須要考慮人類大腦 處理信息 的限度。人類的短期記憶極不穩(wěn)定、有限， 24 小時內(nèi)存在 25%的遺忘率。所以對用戶來說，瀏覽信息要比記憶更容易。 一致性 ： 是每一個優(yōu)秀界面都具備的特點。界面的結(jié)構(gòu)必須清晰且一致，風(fēng)格必須與游戲內(nèi)容相一致。 清楚 ： 在視覺效果上便于理解和使用。 用戶的熟悉程度 ： 用戶可通過已掌握的知識來使用界面，但不應(yīng)超出一般常識。 從用戶的 觀點 考慮 ： 想用戶所想，做用戶所做。用戶總是按照他們自己的方法理解和使用。 系統(tǒng)界面設(shè)計 本系統(tǒng)采用暖色調(diào) 色彩搭配上的協(xié)調(diào)會讓網(wǎng)站呈現(xiàn)出一目了然，給人予舒適、自然之感 。 手機 配以直觀的圖片，讓注冊會員在瀏覽網(wǎng)站商品時 一目了然 。界面應(yīng)該大小適合美學(xué)觀點，感覺協(xié)調(diào)舒適，能在有效的范圍內(nèi)吸引用戶的注意力。設(shè)計操作簡單直觀，在操作要求方面頁面都有相應(yīng)的提示如密碼的長度，插入圖片的規(guī)則等。當(dāng)填寫表格格式出現(xiàn)錯誤時，系統(tǒng)也會給予相關(guān)提示。 后臺頁面說明 后臺 頁面 由管理員使用，主要包括 會員 管理 、 商品 管理 、分類管理、 公告 管畢業(yè)設(shè)計（論文） 21 理 、 訂單管理以及 涉及到得各個頁面。后臺頁面跳轉(zhuǎn)具體如下： (1) ：登錄頁面。主頁面由有商城后臺管理登陸樣式的圖片構(gòu)成，建立一個兩行三列的 table 表單，左邊一列寫有管理員賬號和管理員密 碼字樣，中間一列是兩個文本框用于輸入用戶名和密碼，右面一列是 文本框上面是管理登陸下面是 重置 。 提交表單后交給 頁面處理。 跳轉(zhuǎn)關(guān)系如圖 51所示： L o g i n _ M . j s p L o g i n _ M _ d e a l . j s pI n d e x . j s p錯 誤 提 示圖 51 登陸跳轉(zhuǎn) 關(guān)系圖 (2) ： 后臺登陸進去后的首頁，上邊用 include 動作包含了 頁面，是網(wǎng)頁的 banner；左邊用 include 動作包含了 頁面 是網(wǎng)站的后臺管理目錄 ， 其中點擊退出后臺后，進入 頁面進行退出處理 ；下邊用 include 動作包含了 頁面，是網(wǎng)站的底部說明。 中間主體是手機商品管理，其中上邊是分類管理 。其中中間有點擊修改那個圖標后進入 頁面進 行商品信息修改，提交后進入 頁面進行相關(guān)處理 。 點擊那個刪除圖標后進入 頁面進行商品信息刪除，提交后進入 頁面進行相關(guān)處理。 如圖 52 所示： I n d e x . j s pb a n n e r . j s pn a v i g a t i o n . j s pc o p y r i g h t . j s pi n c l u d eo r d e r m a n a g e . j s pm e m b e r m a n a g e . j s pI n d e x . j s pg o o d s _ m o d i f y . j s ps u p e r T y p e . j s pg o o d s _ m o d i f y _ d e a l . j s pg o o d s _ d e l _ d e a l . j s pl o g o u t . j s p修 改 商 品s u b T y p e . j s pg o o d s _ d e l . j s p刪 除 商 品 圖 52 后臺首頁跳轉(zhuǎn) 關(guān)系圖 (3) ： 小分類管理界面。上邊通過添加小分類超鏈接連接到 頁面進行小分類添加 ， 頁面里點擊添加按鈕進入 頁面進行添加分類處理 。 下邊點擊刪除后，跳轉(zhuǎn)到畢業(yè)設(shè)計（論文） 22 頁面進行小分類刪除處理。 如圖 53 所示： s u b T y p e . j s ps u b _ a d d . j s ps u b T y p e _ D e l _ d e a l . j s ps u b T y p e _ A d d _ d e a l . j s p添 加 小 分 類刪 除 小 分 類 圖 53 添加小分類 跳轉(zhuǎn) 關(guān)系圖 (4) ： 大分類管理 。 上邊通過添加大分類超鏈接連接到 頁面進行大分類添加， 頁面里點擊添加按鈕進入 頁面進行添加分類處理。下邊點擊刪除后，跳轉(zhuǎn)到 頁面進行大分類刪除處理。 如圖 54 所示： s u p e r T y p e . j s ps u p e r T y p e _ a d d . j s ps u p e r T y p e _ D e l _ d e a l . j s ps u p e r T y p e _ A d d _ d e a l . j s p添 加 大 分 類刪 除 大 分 類 圖 54 添加大分類 跳轉(zhuǎn) 關(guān)系圖 (5) ： 訂單 管理界面 。 點擊里邊那個小人圖標后通過 頁面處理后，顯示訂單已經(jīng)執(zhí)行，沒有那個小人圖標就是已經(jīng)執(zhí)行 。 其中點擊訂單號后進入 訂單詳細信息頁面，顯示訂單的詳細信息。 如圖 55 所示： o r d e r m a n a g e . j s po r d e r _ d e t a i l . j s po r d e r _ e n f o r c e . j s p點 擊 訂 單 號點 擊 執(zhí) 行 圖 標查 看 訂 單 詳 細 信 息 圖 55 訂單管理跳轉(zhuǎn) 關(guān)系圖 (6) ： 會員管理界面 。 點擊里邊那個小 鎖 圖標后通過 頁面處理后，顯示 已經(jīng)凍結(jié) ， 點擊里邊那個小鑰匙圖標后通過 頁面處理后，顯示已經(jīng)解凍。 其中點擊 用戶名 后進入 會員 詳細信息頁面，顯示 會員 的詳細信息。 如圖 56 所示： m e m b e r m a n a g e . j s pm e m b e r _ f r e e z e . j s pm e m b e r _ t h a w . j s pm e m b e r _ d e t a i l . j s p點 擊 鎖 狀 圖 標點 擊 解 鎖 圖 標點 擊 用 戶 名鎖 定 用 戶用 戶 解 鎖圖 56 會員管理跳轉(zhuǎn) 關(guān)系圖 (7) ：商品管理 詳細信息界面 。 頁面主要顯示商品詳細信息，畢業(yè)設(shè)計（論文） 23 其中上邊有三個超鏈接，其中前兩個分類已經(jīng)介紹過，點擊另外一個添加商品信息后進入 頁面進行商品添加，提交后通過 頁面進行商品添加處理 。 如圖 57 所示： g o o d s _ d e t a i l . j s pg o o d s _ a d d . j s p點 擊 小 分 類點 擊 大 分 類商 品 添 加 處 理添 加 商 品s u b T y p e . j s ps u p e r T y p e . j s pg o o d s _ a d d _ d e a l . j s p圖 57 商品管理跳轉(zhuǎn) 關(guān)系圖 (8) ： 登陸信息安全檢查 。 Session 回話超時后不能進行后臺管理操作。 后臺頁面之間的跳轉(zhuǎn) 對應(yīng)后臺的各網(wǎng)頁之間的跳轉(zhuǎn)關(guān)系圖 58 如下 : 商 品 管 理會 員 管 理訂 單 管 理公 告 管 理退 出 后 臺修 改 商 品刪 除 公 告添 加 公 告執(zhí) 行 訂 單查 看 會 員 信 息凍 結(jié) / j 解 凍 帳 號查 看 訂 單 信 息小 分 類 信 息 管 理返 回 系 統(tǒng) 前 臺大 分 類 信 息 管 理刪 除 商 品添 加 新 的 商 品添 加刪 除添 加刪 除L o g i n _ M . j s p I n d e x . j s p 圖 58 后臺網(wǎng)頁之間的跳轉(zhuǎn)關(guān)系圖 前臺頁面說明 前臺部分由用戶使用，主要包括用戶注冊，購物車管理，訂單管理，個人資料管理 ，新聞查詢功能涉及到的各個頁面。前臺頁面跳轉(zhuǎn)具體如下： 畢業(yè)設(shè)計（論文） 24 (1) ：是前臺系統(tǒng)的主頁面。通過 include 動作包含了 導(dǎo)航部分，導(dǎo)航中點擊新品上架后進入 新品上架界面，瀏覽新上品信息；點擊特價商品后進入 特價商品頁面，瀏覽特價商品；點擊會員資料修改 進入 修改會員信息頁面，進行會員信息修改，提交后交給 頁面處理；點擊購物車后進入 頁面；點擊查看訂單后進入 頁面；點擊銷售排行進入 頁面。左邊用 inlude 動作包含了 頁面，其中有登陸界面以及商城公告。 通過 include動作包含了 頁面，進行商品搜索。右邊包含了 頁面，其中包含了商品分類信息。 如圖 59 所示： I n d e x . j s pl e f t . j s pn a v i g a t i o n . j s ps e a r c h . j s pi n c l u d eN e w G o o d s . j s ps a l e . j s pm o d i f y M e m b e r . j s pr i g h t . j s p o r d e r . j s pS e l l S o r t . j s pc a r t _ s e e . j s p點 擊 新 品 上 架點 擊 特 價 商 品點 擊 會 員 修 改m o d i f y M e m b e r _ d e a l . j s p修 改 會 員 信 息 處 理點 擊 購 物 車點 擊 查 看 訂 單點 擊 銷 售 排 行圖 59 前臺首頁跳轉(zhuǎn) 關(guān)系圖 (2) ： 左邊框部分，其中包含了登陸注冊界面以及商城公告以及手機銷售排行 。 登陸板塊 通過表單 form1 布局，通過 action 動作調(diào)用了 頁面進行登陸信息處理。 點擊注冊進入 注冊頁面進行會員注冊，注冊板塊通過表單 myform 布局，通過 action 動作調(diào)用了 頁面進行登陸信息處理。 商城公告里通過調(diào)用數(shù)據(jù)庫中數(shù)據(jù)進行顯示。 手機銷售排行也是通過調(diào)用數(shù)據(jù)庫表中數(shù)據(jù) 進行顯示。 如圖 510 所示： l e f t . j s pb b s _ d e t a i l . j s p登 陸 處 理注 冊 處 理公 告 顯 示L o g i n _ U . j s pr e g i s t e r . j s pS e l l S o r t . j s p銷 售 排 行1 . 用 戶 名2 . 密 碼 表 單 數(shù) 據(jù)1 . 用 戶 名2 . 密 碼3 . 身 份 證 號4 . 郵 箱 ?表 單 數(shù) 據(jù)r e g i s t e r _ d e a l . j s p圖 510 首頁左部跳轉(zhuǎn) 關(guān)系圖 (3) ：商品搜索頁面。列出關(guān)鍵字搜索結(jié)果，根據(jù)結(jié)果列表可以查看商品詳細信息。 (4) ：商品詳細信息頁面。列出商品詳細信息， 通過點擊商品鏈接都能調(diào)用此頁面。點擊購買后，調(diào)用 頁面將商品加入到購物車。 (5) ：查看購物車有商品時頁面。 此頁面通過框架調(diào)用 頁面進行相關(guān)購物車信息處理。 顯示購物車內(nèi)商品，點擊去收銀臺結(jié)賬，進入 、 頁面進行相關(guān)信息填寫。點擊刪除后調(diào)用 頁面進行刪除購物車內(nèi)商品處理。點擊清空購物車調(diào)用 頁面進行清空購物車內(nèi)商品處理。 如圖 511 所示： 畢業(yè)設(shè)計（論文） 25 c a r t _ s e e . j s pc a r t _ m o v e . j s p購 物 車 信 息 處 理去 收 銀 臺 結(jié) 賬刪 除 購 物 車 商 品c a r t _ m o d i f y . j s pc a r t _ c h e c k o u t . j s pc a r t _ c l e a r . j s p