2844.C基于ASP的家具城網(wǎng)站設(shè)計與實現(xiàn) 界面圖

1、附錄2：圖1 網(wǎng)站登錄界面打開瀏覽器在地址欄中輸入/進入網(wǎng)站登錄界面。單擊“進入”按鈕進入盛世家具城首頁，界面如下圖：圖2 網(wǎng)站“首頁”界面單擊“首頁”鏈接進入的也是“首頁”界面，在網(wǎng)站的搜索部分輸入條件單擊“搜索”按鈕將查找出所有滿足條件的產(chǎn)品記錄并輸出所有滿足條件的產(chǎn)品信息。界面如下圖：圖3 網(wǎng)站“搜索”頁面圖4“搜索”結(jié)果顯示頁面單擊網(wǎng)站top導(dǎo)航部分“關(guān)于我們”鏈接進入關(guān)于盛世具城信息的頁面。圖5“關(guān)于我們”頁面根據(jù)右邊的導(dǎo)航鏈接，相繼可以進入“關(guān)于盛世具城”、“歷史照片”、“盛世具城新聞”、“工作機會”、“重要客戶名錄”、“廣告宣傳”頁面，如下圖：圖6-

2、圖10圖6“歷史照片”頁面圖7“盛世具城新聞”頁面圖8“工作機會”頁面圖9“重要客戶名錄”頁面圖10“廣告宣傳”頁面在top導(dǎo)航部分點擊“產(chǎn)品介紹”進入具城家具產(chǎn)品的詳細介紹頁面，點擊左邊的品類框中的一個品類就會在后邊出現(xiàn)相關(guān)的家具圖片信息，點擊每個圖片就可查看該家具的詳細信息。如下圖：圖11圖12 圖11“產(chǎn)品介紹”頁面圖12產(chǎn)品詳細信息頁面點擊“產(chǎn)品介紹“頁面右邊的鏈接可相繼進入“材料介紹”、“顏色介紹”、“包裝與組裝”、“產(chǎn)品及材料檢驗證書”頁面，這和前面的“關(guān)于我們”模塊操作相同。以及后面的“銷售地點”、“購買指南”、“產(chǎn)品文化”、“聯(lián)系我們”四個模塊和“關(guān)于我們”模塊操作也相同，這里

3、都不再做詳細介紹了。點擊“管理員登錄”鏈接，進入“管理員入口”界面：在“管理員姓名”欄中輸入“admin”,在“登錄密碼”欄中輸入“123”，單擊“登錄”按鈕驗證通過進入后臺管理界面。圖13 “管理員登錄”頁面當(dāng)未輸入管理員姓名或登錄密碼，就會出現(xiàn)請輸入信息的彈出框；如果管理員姓名或密碼出現(xiàn)錯誤，就會出現(xiàn)錯誤信息提示。如下圖：圖14圖16 圖14 錯誤消息彈出框圖15“錯誤信息提示”頁面圖16 成功登錄后臺頁面進入后臺管理界面后，可以進行修改了。管理員模塊圖如下:圖17-圖27在此頁面中可以進行管理員信息修改，點擊“修改“按鈕后重新輸入用戶名、密碼、真實姓名、電話號碼、郵件地址、qq可以進行修

4、改,修改成功后會提示信息修改成功，修改后的信息生成到數(shù)據(jù)庫中。如下圖：圖17 “管理員信息修改”頁面圖18“管理員信息修改成功”頁面點擊left頁面的“關(guān)于我們”可進行 “關(guān)于我們”前臺頁面修改，同理點擊“產(chǎn)品介紹”、“銷售地點”、“購買指南”、“產(chǎn)品文化”、“聯(lián)系我們”、“首頁”、“關(guān)于盛世具城”、“歷史照片”、“工作機會”等進入后臺進行前臺頁面修改，由于它們的操作和“關(guān)于我們”的后臺操作大致相同，下面就不再做具體介紹了。如下圖：圖19“關(guān)于我們”后臺修改頁面圖20 “產(chǎn)品文化”后臺修改頁面當(dāng)點擊left頁面的“具城新聞管理”進入新聞信息管理頁面，如下圖： 圖21 “具城新聞管理”頁面 單擊

5、每個新聞記錄后的”修改”時,便進入新聞信息修改頁面,對標(biāo)題、內(nèi)容、日期、來自、圖片修改過后,可以點擊”修改”會出現(xiàn)成功修改提示，將數(shù)據(jù)保存在news數(shù)據(jù)表中,也可以點擊”刪除”按鈕,此時這條數(shù)據(jù)記錄將在數(shù)據(jù)表中刪除。圖22 “具城新聞修改”頁面圖23 新聞修改成功提示框在頁面中還可以進行新聞添加操作，在新聞信息添加頁面中輸入標(biāo)題、內(nèi)容、日期、來自、新聞圖片后點擊“添加”按鈕后更新news數(shù)據(jù)表,請看下圖： 圖23 “新聞信息添加”頁面由于產(chǎn)品管理和新聞管理的操作相同（添加、修改和刪除操作），下面就不再介紹了。點擊left頁面的“品牌管理”進入品牌信息管理頁面，在此頁面可以對品牌信息進行添加、修

6、改和刪除操作,信息操作以后點擊保存,品牌相關(guān)信息便生成在品牌數(shù)據(jù)表中.圖24 “品牌管理”頁面品類管理、顏色管理的操作同品牌管理的操作相同，管理員可以添加、修改和刪除數(shù)據(jù)記錄。由于頁面和操作基本相同,在此不多加介紹。當(dāng)點擊left頁面中的“留言管理”便進入下圖，該頁面顯示所有會員發(fā)表的留言，可回復(fù)和刪除留言。圖25 “留言管理”頁面執(zhí)行每條留言記錄下的”回復(fù)留言”時,管理員便可進行回復(fù)，進入下圖在回復(fù)框中輸入信息單擊“提交回復(fù)”將數(shù)據(jù)保存到數(shù)據(jù)表中，前臺也會相應(yīng)顯示。圖26 “留言回復(fù)”頁面執(zhí)行每條留言記錄下的“刪除留言“將會出現(xiàn)下圖提示，單擊“確定”按鈕就會刪除該條記錄，“取消”按鈕放棄本次

7、刪除。圖27 留言刪除提示框在下圖頁面中可以進行會員登錄，已是會員的直接輸入用戶名和密碼單擊“登錄”驗證通過后就登錄成功，登錄成功后會出現(xiàn)提示如圖 ，如驗證未通過會出現(xiàn)錯誤提示；圖28 會員登錄頁面圖29 會員成功登錄頁面圖30 會員登錄出錯提示頁面會員登錄后可以修改資料，點擊“修改”轉(zhuǎn)入會員信息修改頁面，信息修改后將會更新到數(shù)據(jù)表中。如下圖：圖31 “會員信息修改”頁面如果不是會員點擊“注冊”轉(zhuǎn)到會員注冊頁面進行會員注冊，如圖32 ，填寫完會員各項資料（帶*的為必填，兩次密碼輸入要相同，否則會有錯誤信息提示）后單擊“注冊”后會員資料將更新道數(shù)據(jù)表中。圖32“會員注冊”頁面此頁面可以查看會員留言記錄,如圖33 。單擊“發(fā)表新貼”可以留言給管理員,但留言者必須是會員