網(wǎng)站的前臺(tái)展示界面設(shè)計(jì)

《網(wǎng)站的前臺(tái)展示界面設(shè)計(jì)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在學(xué)術(shù)論文-天天文庫。

1、1.1網(wǎng)站的前臺(tái)展示界面設(shè)計(jì)木網(wǎng)站的界面整體結(jié)構(gòu)采用的左右結(jié)構(gòu)，左邊的部分主要是顯示相關(guān)的信息，右邊的部分顯示的是網(wǎng)站的一些功能。前臺(tái)的展示界面包括前臺(tái)的主界面、用戶注冊(cè)、課程瀏覽、用戶留言、課程申報(bào)、友情鏈接、后臺(tái)登錄。1.1.1網(wǎng)站的前臺(tái)主界面我們能通過前臺(tái)主界面來了解一些關(guān)于精品課程網(wǎng)站的信息，用戶也必須通過前臺(tái)主界面來進(jìn)行登錄和注冊(cè)等操作。網(wǎng)站前臺(tái)主界面如圖5-1所示。圖5-1網(wǎng)站前臺(tái)主界面1丄2用戶注冊(cè)界面用戶要使用該網(wǎng)站必須先注冊(cè)成為該網(wǎng)站的用戶，并且登錄后才能對(duì)課程的課件、作業(yè)和實(shí)驗(yàn)進(jìn)行下載

2、。網(wǎng)站的注冊(cè)的信息包括用戶的昵稱、姓名、密碼。用戶注冊(cè)界面如圖5-2所示。圖5?2用戶注冊(cè)界面1.實(shí)現(xiàn)目標(biāo)用戶通過填寫相應(yīng)的學(xué)牛信息，然后單擊“保存”按鈕學(xué)生信息就會(huì)相應(yīng)的添加到數(shù)據(jù)庫中用戶信息表中。如果覺得添加有誤的話，可以單擊“返回”按鈕,來實(shí)現(xiàn)填寫信息的清除。如果添加的用戶信息已經(jīng)存在則有相應(yīng)的提示。2.實(shí)現(xiàn)過程窗體名：UserRegist.aspx用戶注冊(cè)主要控件信息列表如表5-3所示。表5-3用戶注冊(cè)信息主要控件信息列表名稱主要屬性設(shè)置作用txtUserlD/顯示用戶編號(hào)txtUserName/

3、顯示用戶姓名txtUserPwd//顯示用戶密碼1丄3課程瀏覽界面單擊“課程瀏覽”按鈕，進(jìn)入到課程瀏覽的界面會(huì)瀏覽到一些精品課程。如圖5-3所示?！觥眆t?0?<■€??f?XJIO???Mr11.tw?o??ma?iww圖5-3課程瀏覽界面1.實(shí)現(xiàn)目標(biāo)單擊每個(gè)課程會(huì)瀏覽到課程的詳細(xì)信息，登錄后會(huì)看到關(guān)于該課程的課件、作業(yè)和實(shí)驗(yàn)的下載。用戶可以選擇自己喜歡的課程進(jìn)行相應(yīng)的下載。1.1.4用戶留言界面用戶進(jìn)入到網(wǎng)站的主頁面就會(huì)看到“用戶留言”按鈕，用戶留言的界面如圖5-4所示。用戶—■?a■■■■pw、■M

4、m?fH*.?BMiAllpuwI??m■”VIIM：2W"2>Usnsromns圖5-4用戶留言界面1.實(shí)現(xiàn)目標(biāo)單擊“用戶留言”按鈕，可以查看留言的信息，提出自已的意見和建議。并且可以和老師進(jìn)行交流。留言包括留言人、留言的內(nèi)容、留言的時(shí)間。1.1.5友情鏈接界面進(jìn)入到“友情鏈接”界面，用戶可以瀏覽到一些有關(guān)精品課程的網(wǎng)站。友情鏈接界面如圖5?5所示。4o

5、的網(wǎng)址和網(wǎng)站名稱。用戶可以通過鏈接進(jìn)入到其它的精品課程網(wǎng)站。瀏覽其精品課程。1.2網(wǎng)站的后臺(tái)管理界面1.2.1管理員修改密碼界面管理員登還到后臺(tái)首先顯示的是修改管理員密碼的界面。管理員修改密碼界面如圖5-6所示。東方大學(xué)楙品課程網(wǎng)站后臺(tái)/xx?ue>onjivj?tiMMIMVMOtAflTla.r.?rvUm?*TTtQliMWb”TW-WWTWS'?■?O??□ULJXUafWtW6?a圖5-6管理員修改密碼界面1.實(shí)現(xiàn)目標(biāo)管理員進(jìn)入后臺(tái)管理，管理員可以對(duì)自己的密碼進(jìn)行修改。包括原密碼、新密碼和確認(rèn)密

6、碼。管理員添加密碼后按“保存“按鈕，就會(huì)成功的保存管理員的信息。如果管理員添加的信息錯(cuò)誤，可以單擊“重置按鈕進(jìn)行修改。2.實(shí)現(xiàn)過程窗體名：PwdModify.aspx管理員修改密碼主要控件信息列表如表5-4所示。表5-4管理員修改密碼主要控件信息列表名稱主要屬性設(shè)置作用txtOldPwd/顯示舊密碼txtNwePwd/顯示新密碼txtConfirmPwd/確認(rèn)密碼122用戶管理界面單擊“用戶管理”進(jìn)入到用戶管理界面，可以查詢用戶的信息、刪除用戶和垂置密碼。用戶管理界面如圖5-7所示。東方大學(xué)楙品課租網(wǎng)站后

7、臺(tái)?R^O-去：13Ml?C211□>?(Ml■□*wWOwwt“amm皿r?"?we存"MTW伽ne?BTW圖5-7用戶管理界面1?實(shí)現(xiàn)目標(biāo)管理員可以對(duì)用戶進(jìn)行管理，可以查詢用戶的信息并且可以刪除用戶的信息。當(dāng)管理員單擊“查詢”按鈕時(shí)，會(huì)顯示根據(jù)用戶ID和用戶姓名進(jìn)行查詢的控件。管理員可以先擇任何一個(gè)對(duì)用戶進(jìn)行查詢。管理員也可以刪除用戶的信息,用戶選擇想要?jiǎng)h除的用戶。單擊“刪除”按鈕，就可以刪除掉用戶的信息。2.實(shí)現(xiàn)過程窗體名：UserManage.aspx用戶管理主

8、要控件信息列表如表5-5所示。表5-5用戶管理主要控件信息列表名稱主要屬性設(shè)置作用txtUserlD/顯示用戶IDtxtNwePwd/顯示用戶姓名TmageButtonQuery/用戶查詢IxtUserDelete/用戶刪除123角色管理界面進(jìn)入到角色管理界面，在這個(gè)界面里可以添加角色。角色管理的界面如圖5-8所示。I—一東方大學(xué)精品課程網(wǎng)站后臺(tái)圖5-8角色管理界面1?實(shí)現(xiàn)目標(biāo)進(jìn)入角色管理界面，管理員可以對(duì)角色進(jìn)行添加，單擊