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

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

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

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

3、www.themegallery.comCompanyLogo14.1.1美工的界面設(shè)計網(wǎng)易郵箱登錄的界面提供了簡潔的造型，將用戶名、密碼、登錄等清晰地展示出來。從美工設(shè)計而言，可以采用滿版式的登錄頁面，也可以加入到網(wǎng)頁中，形成登錄版塊。除了整體的界面效果外，文本框與按鈕的設(shè)計往往成為設(shè)計的焦點。動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社www.themegallery.comCompanyLogo14.1.1美工的界面設(shè)計動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社注冊界面中一般包含用戶名、密碼之類的一些信息輸入

4、項與性別之類的選擇項，用于獲取用戶的信息。其中，用戶名和密碼是必備的內(nèi)容，在設(shè)計時可根據(jù)情況進行分類，如基本信息、其他信息等，并將必填的信息加以標(biāo)識，通常用紅色*表示，網(wǎng)易郵箱注冊的界面。在設(shè)計注冊界面時，往往需要注意的是界面的清晰美觀、層次清楚，而切忌用大量的圖片和動畫效果。www.themegallery.comCompanyLogo14.1.2技術(shù)如何實現(xiàn)對于注冊界面，技術(shù)實現(xiàn)主要是采用在表格布局的基礎(chǔ)上安排控件，然后用CSS樣式控制界面的美工，對于滿版的登錄界面，可以采用背景圖片的方式，再用表格安排登錄控件，

5、也可以采用切片的方式，進行布局。其中按鈕的設(shè)計可以用ImageButton控件實現(xiàn)，也可以通過CSS樣式修改普通按鈕進行更改。動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社www.themegallery.comCompanyLogo14.2數(shù)據(jù)庫的設(shè)計根據(jù)需求進行數(shù)據(jù)庫的設(shè)計，新建數(shù)據(jù)庫UserDB，在數(shù)據(jù)庫中新建表格users用來存放用戶信息，其中用戶名（username）和密碼（password）是必備的字段。選擇表分支，單擊鼠標(biāo)右鍵，新建表。設(shè)計指導(dǎo)：輸入ID字段名后，選擇數(shù)據(jù)類型為int，在列屬性中，設(shè)置標(biāo)識

6、規(guī)范為是，這樣該字段就能夠自動編號（即第一條記錄ID值為1，每增加一條記錄，ID值自動加1），從而能夠可以作為記錄的識別編號。單擊工具欄中的設(shè)置為主鍵按鈕，將該字段作為主鍵，這樣能夠提高數(shù)據(jù)檢索的速度，后面表的設(shè)計中同樣參考這種思路。動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社www.themegallery.comCompanyLogo14.2數(shù)據(jù)庫的設(shè)計動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社字段含義字段名稱數(shù)據(jù)類型備注編號IDint標(biāo)識規(guī)范為是，主鍵用戶名UserNameNvarchar50密碼Passwo

7、rdNvarchar50姓名NameNvarchar50性別SexNvarchar2電子郵件EmailNvarchar50www.themegallery.comCompanyLogo14.3用戶注冊設(shè)計用戶注冊功能的設(shè)計主要包括注冊界面的設(shè)計、用戶信息的合法性檢查、重名的檢測和用戶數(shù)據(jù)的插入數(shù)據(jù)庫操作。動態(tài)網(wǎng)頁設(shè)計教程——美工與技術(shù)機械工業(yè)出版社www.themegallery.comCompanyLogo14.3.1用戶注冊界面設(shè)計首先在D盤新建網(wǎng)站myaspnet-6。打開Default.aspx網(wǎng)頁，切換到設(shè)

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