用戶注冊(cè)登錄模塊設(shè)計(jì)

《用戶注冊(cè)登錄模塊設(shè)計(jì)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫(kù)。

1、動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)徐延章編著第14章用戶注冊(cè)登錄模塊設(shè)計(jì)——數(shù)據(jù)連接的建立第14章用戶注冊(cè)登錄模塊設(shè)計(jì)——數(shù)據(jù)連接的建立用戶登錄及管理是任何功能網(wǎng)站應(yīng)用程序中必備的功能，是系統(tǒng)安全的重要組成部分，本章介紹用戶注冊(cè)登錄模塊的設(shè)計(jì)。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo第14章用戶注冊(cè)登錄模塊設(shè)計(jì)——數(shù)據(jù)連接的建立動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社14.1用戶界面的設(shè)計(jì)114.2數(shù)據(jù)庫(kù)的設(shè)計(jì)214.3用戶注冊(cè)設(shè)計(jì)314.4用戶登錄設(shè)計(jì)414.5用戶界面的美化5www.themegalle

2、ry.comCompanyLogo14.1用戶界面的設(shè)計(jì)用戶注冊(cè)登錄功能是任何功能性網(wǎng)站應(yīng)用程序的必要組成部分，因此用戶注冊(cè)登錄界面也必然是網(wǎng)頁(yè)美工設(shè)計(jì)課題。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo14.1.1美工的界面設(shè)計(jì)網(wǎng)頁(yè)登錄的界面中一般提供用戶名和密碼的輸入框、登錄和注冊(cè)按鈕等選項(xiàng)，如圖所示是作者主持設(shè)計(jì)并開(kāi)發(fā)主持的一個(gè)網(wǎng)絡(luò)辦公自動(dòng)化系統(tǒng)的界面。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo14.1.1美工的界面設(shè)計(jì)網(wǎng)易郵箱登錄的界面提供了

3、簡(jiǎn)潔的造型，將用戶名、密碼、登錄等清晰地展示出來(lái)。從美工設(shè)計(jì)而言，可以采用滿版式的登錄頁(yè)面，也可以加入到網(wǎng)頁(yè)中，形成登錄版塊。除了整體的界面效果外，文本框與按鈕的設(shè)計(jì)往往成為設(shè)計(jì)的焦點(diǎn)。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo14.1.1美工的界面設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社注冊(cè)界面中一般包含用戶名、密碼之類的一些信息輸入項(xiàng)與性別之類的選擇項(xiàng)，用于獲取用戶的信息。其中，用戶名和密碼是必備的內(nèi)容，在設(shè)計(jì)時(shí)可根據(jù)情況進(jìn)行分類，如基本信息、其他信息等，并將必填的信息加以標(biāo)識(shí)，通常用紅色*表示，

4、網(wǎng)易郵箱注冊(cè)的界面。在設(shè)計(jì)注冊(cè)界面時(shí)，往往需要注意的是界面的清晰美觀、層次清楚，而切忌用大量的圖片和動(dòng)畫(huà)效果。www.themegallery.comCompanyLogo14.1.2技術(shù)如何實(shí)現(xiàn)對(duì)于注冊(cè)界面，技術(shù)實(shí)現(xiàn)主要是采用在表格布局的基礎(chǔ)上安排控件，然后用CSS樣式控制界面的美工，對(duì)于滿版的登錄界面，可以采用背景圖片的方式，再用表格安排登錄控件，也可以采用切片的方式，進(jìn)行布局。其中按鈕的設(shè)計(jì)可以用ImageButton控件實(shí)現(xiàn)，也可以通過(guò)CSS樣式修改普通按鈕進(jìn)行更改。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompany

5、Logo14.2數(shù)據(jù)庫(kù)的設(shè)計(jì)根據(jù)需求進(jìn)行數(shù)據(jù)庫(kù)的設(shè)計(jì)，新建數(shù)據(jù)庫(kù)UserDB，在數(shù)據(jù)庫(kù)中新建表格users用來(lái)存放用戶信息，其中用戶名（username）和密碼（password）是必備的字段。選擇表分支，單擊鼠標(biāo)右鍵，新建表。設(shè)計(jì)指導(dǎo)：輸入ID字段名后，選擇數(shù)據(jù)類型為int，在列屬性中，設(shè)置標(biāo)識(shí)規(guī)范為是，這樣該字段就能夠自動(dòng)編號(hào)（即第一條記錄ID值為1，每增加一條記錄，ID值自動(dòng)加1），從而能夠可以作為記錄的識(shí)別編號(hào)。單擊工具欄中的設(shè)置為主鍵按鈕，將該字段作為主鍵，這樣能夠提高數(shù)據(jù)檢索的速度，后面表的設(shè)計(jì)中同樣參考這種思路。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社w

6、ww.themegallery.comCompanyLogo14.2數(shù)據(jù)庫(kù)的設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社字段含義字段名稱數(shù)據(jù)類型備注編號(hào)IDint標(biāo)識(shí)規(guī)范為是，主鍵用戶名UserNameNvarchar50密碼PasswordNvarchar50姓名NameNvarchar50性別SexNvarchar2電子郵件EmailNvarchar50www.themegallery.comCompanyLogo14.3用戶注冊(cè)設(shè)計(jì)用戶注冊(cè)功能的設(shè)計(jì)主要包括注冊(cè)界面的設(shè)計(jì)、用戶信息的合法性檢查、重名的檢測(cè)和用戶數(shù)據(jù)的插入數(shù)據(jù)庫(kù)操作。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)

7、機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo14.3.1用戶注冊(cè)界面設(shè)計(jì)首先在D盤(pán)新建網(wǎng)站myaspnet-6。打開(kāi)Default.aspx網(wǎng)頁(yè)，切換到設(shè)計(jì)視圖，輸入響應(yīng)的文字，拖動(dòng)相應(yīng)的控件到界面中，設(shè)計(jì)效果。動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程——美工與技術(shù)機(jī)械工業(yè)出版社www.themegallery.comCompanyLogo14.3.2用戶信息的提交在用戶注冊(cè)中，我們先實(shí)現(xiàn)注冊(cè)的基本功能，即把用戶信息插入到數(shù)據(jù)庫(kù)中。這里先實(shí)現(xiàn)插入記錄操作，而不做信息合法性驗(yàn)證，驗(yàn)證部分在后面的程序設(shè)計(jì)中逐步完善。雙擊注