用戶界面設計56934

用戶界面設計1.客戶端主頁面圖3.5客戶端主頁面主頁面中有如下功能區(qū)：公告欄：書店發(fā)布的公告信息。精品圖書欄：展示當前熱銷的精品圖書。最新圖書欄：展示最新的圖書。圖書查找欄：提供用戶快速查找圖書的功能，讀者可以通過書名、作者、出版社等信息進行圖書快速查找。用戶登錄、注冊欄：用戶購書時，系統(tǒng)檢查用戶的登錄情況，只有登錄的用戶才可以購買圖書，用戶先完成用戶注冊，填寫必要的個人信息，得到用戶名和密碼。注冊后書店將長期保留用戶的注冊信息。用戶登錄系統(tǒng)時輸入自己的用戶名和密碼，登錄用戶可以查看自己的訂單情況，也可以瀏覽自己的讀者留言的反饋信息。購書車：客戶可在任何時間將圖書放入購書車，進入購書車查看并修改購書信息，下訂單（去收銀臺），完成購書活動。書店職工將根據(jù)讀者的訂單本配送圖書。2.管理端主界面圖3.6管理員登錄界面系統(tǒng)管理端由本店職工使用，完成書店的各種管理業(yè)務。為保證系統(tǒng)的安全，管理員進入管理系統(tǒng)時必須輸入相應的口令。進入管理員主界面系統(tǒng)后，其主界面如圖3-7所示。圖3.7網(wǎng)上書店管理端主界面3.頁面制作所使用的技術4．主界面實現(xiàn)客戶端處理主界面1）.頁面布局客戶端業(yè)務處理主界面的頁面布局Top：客戶端業(yè)務處理主界面的Top部分的文件名是top.jsp，使用<%@includefile=”top.jsp”%>語句把它嵌入客戶端業(yè)務處理各個頁面的頂部，使得系統(tǒng)具有統(tǒng)一的風格。Top部分用來顯示logo圖片、日期和客戶端各功能模塊的入口。首頁精品圖書新書架書目查找我的訂單購書車讀者留言Left：用來顯示公告欄、用戶登錄和圖書檢索等信息。Body：為當前頁面的主要內(nèi)容顯示區(qū)域。Bottom：此部分的文件名是bottom.jsp，使用<%@includefile=”bottom.jsp”%>語句把它嵌入客戶端業(yè)務處理各個頁面的底部，使得系統(tǒng)具有統(tǒng)一的風格。Bottom部分主要用來顯示版權信息、聯(lián)系信息等。2）.主界面index.jsp代碼清單管理端處理主界面管理端業(yè)務處理主界面的頁面布局Top：管理端業(yè)務處理主界面的Top部分的文件名也是top.jsp，但與客戶端業(yè)務處理的主界面文件放在不同的目錄下，也使用<%@includefile=”top.jsp”%>語句把它嵌入管理端業(yè)務處理各個頁面的頂部，使得系統(tǒng)具有統(tǒng)一的風格。Top部分用來顯示logo圖片、日期和管理端各功能模塊的入口。圖書管理用戶管理訂單管理留言管理職工管理出版社管理Body：為當前頁面的主要內(nèi)容顯示區(qū)域。Bottom：此部分的文件名是bottom.jsp，使用<%@includefile=”bottom.jsp”%>語句把它嵌入管理端業(yè)務處理各個頁面的底部，使得系統(tǒng)具有統(tǒng)一的風格。Bottom部分主要用來顯示版權信息、聯(lián)系