第8章主題頁科研申報系統(tǒng)

科研申報系統(tǒng)1.需求分析2.存儲過程3.母版頁、內(nèi)容頁4.注冊模塊、登錄模塊5.密碼找回模塊6.項目申報模塊7.項目修改模塊、項目查詢模塊母版頁與內(nèi)容頁1.母版頁設(shè)計、內(nèi)容頁設(shè)計2.ContentPlaceHolder控件、Content控件3.CSS樣式、層、表格、web控件的使用母版頁與內(nèi)容頁一、為什么設(shè)計母版頁1、在設(shè)計網(wǎng)頁時有多個網(wǎng)頁部分內(nèi)容相同的情況，如果每個網(wǎng)頁都設(shè)計一次顯然是重復(fù)勞動且非常繁瑣。而使用母版頁可以很好的解決這個問題。2、母版頁還可以統(tǒng)一管理和定義頁面，使多個頁面具有相同的布局風(fēng)格，給網(wǎng)頁設(shè)計和修改帶來很大方便。二、母版頁的概念

1、母版頁：指其他網(wǎng)頁可以將其作為模板來引用的特殊網(wǎng)頁。母版頁的擴(kuò)展名為.master。2、ContentPlaceHolder控件：在母版頁中，界面被分為公用區(qū)和可編輯區(qū)，公用區(qū)的設(shè)計方法與一般頁面的設(shè)計方式相同，可編輯區(qū)用ContentPlaceHolder控件預(yù)留出來。一個母版頁中可以有一個可編輯區(qū)，也可以有多個可編輯區(qū)。3、內(nèi)容頁的概念：引用母版頁的.aspx頁面即為內(nèi)容頁。4、Content控件：在內(nèi)容頁中，母版頁的ContentPlaceHolder控件預(yù)留的可編輯區(qū)會被自動替換為Content控件，開發(fā)人員只需在Content控件區(qū)域中填充內(nèi)容即可，在母版頁中定義的其他標(biāo)記將自動出現(xiàn)在使用了該母版頁的.aspx頁面中。四、CSS1.CascadingStyleSheets的縮寫，稱為級聯(lián)樣式表，也叫層疊式樣式表。引入CSS的主要目的是為了將網(wǎng)頁結(jié)構(gòu)和表現(xiàn)分離。2.CSS定義樣式的方式內(nèi)聯(lián)式嵌入式外部鏈接式外部鏈接式適用于控制多個網(wǎng)頁內(nèi)具有相同樣式的元素，這種方式將樣式保存在一個或者多個單獨的.css文件中，當(dāng)需要修改元素的樣式時，只需要修改.css文件中的樣式即可。一旦修改了.css中的某個樣式，凡是引用了指定.css文件的網(wǎng)頁，都會自動應(yīng)用新的樣式。引用方式：<linkhref="css/base.css"rel="stylesheet"/>三種方式都存在的情況下：瀏覽器會采用“就近使用”的原則，即采用與該元素位置最近的樣式定義。五、網(wǎng)頁布局工具1.層--<div>-</div>2.表格--<table>-</table>3.web控件—Image控件、Button控件、LinkButton控件等用戶注冊模塊技術(shù)要點：1.注冊頁面—個人信息(標(biāo)簽、文本框、下拉列表框、按鈕、驗證控件)2.調(diào)用通用存儲過程函數(shù)：CommonMethods.ExcuteStoredProcedure(

"AddNewUser",

inputParameters,

outputParameters);3.設(shè)置輸入?yún)?shù)：inputParameters4.驗證用戶是否存在函數(shù)：CheckUserName用戶注冊模塊1.注冊頁面用戶注冊模塊2.調(diào)用通用存儲過程函數(shù)：

CommonMethods.ExcuteStoredProcedure("AddNewUser",inputParameters,

outputParameters);從控件中獲取參數(shù)值給形參：newKeyValuePair<string,object>("@userName",TextBoxUserName.Text)用戶注冊模塊3.設(shè)置輸入?yún)?shù)KeyValuePair<string,object>[]inputParameters={

newKeyValuePair<string,object>("@userName",TextBoxUserName.Text),newKeyValuePair<string,object>("@trueName",TextBoxTrueName.Text),newKeyValuePair<string,object>("@pwd",TextBoxPassword.Text),newKeyValuePair<string,object>("@IDcard",TextBoxIDcard.Text),newKeyValuePair<string,object>("@sex",DropDownListSex.SelectedValue),newKeyValuePair<string,object>("@birthday",birthday),

newKeyValuePair<string,object>("@xuewei",

DropDownListXueWei.SelectedValue),newKeyValuePair<string,object>("@phone",

TextBoxBanGongDianHua.Text),newKeyValuePair<string,object>("@address",TextBoxAddress.Text),newKeyValuePair<string,object>("@postcode",TextBoxPostcode.Text),newKeyValuePair<string,object>("@email",TextBoxEmail.Text)};用戶注冊模塊4.驗證用戶是否存在函數(shù)：privateintCheckUserName(){KeyValuePair<string,object>[]inputParameters={

newKeyValuePair<string,object>("@userName",

TextBoxUserName.Text)};KeyValuePair<string,object>[]outputParameters={

newKeyValuePair<string,object>("@number",0)};

CommonMethods.ExcuteStoredProcedure("CheckUserName",inputParameters,outputParameters);return(int)outputParameters[0].Value;}用戶注冊模塊驗證用戶是否存在函數(shù)：1.焦點離開文本框時驗證用戶是否存在；2.提交注冊信息時檢查用戶是否已經(jīng)存在，如果存在給出提示信息并返回。用戶登錄模塊登錄運行顯示效果：按鈕事件：1.輸入?yún)?shù)處理2.輸出參數(shù)處理3.執(zhí)行存儲過程4.保存信息Session用戶登錄模塊主要知識點：usingSystem.Collections.Generic;

KeyValuePair<string,object>CommonMethods.ExcuteStoredProcedureScriptManager.RegisterClientScriptBlockSession對象用戶登錄模塊

輸入?yún)?shù)處理KeyValuePair<string,object>[]inputParameters={

new

KeyValuePair<string,object>(

"@userName",

TextBoxUserName.Text),

newKeyValuePair<string,object>(

"@userPwd“,

TextBoxPwd.Text)};用戶登錄模塊輸出參數(shù)處理KeyValuePair<string,object>[]outputParameters={

newKeyValuePair<string,object>

"@trueName",

newstring('',20)),newKeyValuePair<string,object>(

"@number",0)};用戶登錄模塊執(zhí)行存儲過程CommonMethods.ExcuteStoredProcedure(

"CheckUserNameAndPwd",

inputParameters,

outputParameters);存儲過程名：驗證用戶名或密碼是否正確用戶登錄模塊保存信息--Session的應(yīng)用：存儲信息留作下一個網(wǎng)頁驗證Session["userName"]=TextBoxUserName.Text;

Session["trueName"]=outputParameters[0].Value.ToString();Response.Redirect("UserLoginSuccess.aspx");總結(jié)1.界面設(shè)計—控件屬性的設(shè)置2.存儲方法的調(diào)用—參數(shù)設(shè)置3.信息保存—Session的應(yīng)用密碼找回模塊密碼找回模塊主要內(nèi)容：SqlConnection類SqlCommand類SqlDataReader類密碼找回模塊建立數(shù)據(jù)庫連接stringconnstring=CommonMethods.connString;SqlConnectionconn=newSqlConnection(connstring);conn.Open();密碼找回模塊創(chuàng)建查詢執(zhí)行并返回給SqlDataReader對象stringstr=string.Format("select*fromUserInfowhere(用戶名='{0}'and電子郵箱='{1}'

and身份證號='{2}');",TextBoxUserName.Text,TextBoxEmail.Text,

TextBoxIDcard.Text);SqlCommandcommand=newSqlCommand(str,conn);SqlDataReaderr=command.ExecuteReader();密碼找回模塊獲取密碼Stringpassword="";if(r.Read()){//獲取數(shù)據(jù)庫中的密碼

password=r["密碼"].ToString().Trim();}密碼找回模塊后續(xù)處理if(r.FieldCount<=0){

ScriptManager.RegisterClientScriptBlock(

ImageButtonOK,typeof(ImageButton),

"LoginError","alert('輸入驗證信息有誤!');",true);}r.Close();conn.Close();

this.TextBoxTip.Text=string.Format(

"用戶名：{0}，密碼為：{1}",

TextBoxUserName.Text,password);用戶自定義控件用戶自定義控件用戶自定義控件主要知識點：用戶自定義控件的屬性定義驗證控件文件上傳控件FileUpload用戶自定義控件的使用用戶自定義控件用戶自定義控件—屬性設(shè)置設(shè)置或獲取項目名稱publicstringXiangMuMingChen{

get{returnTextBoxXiangMuMingCheng.Text;}

set{TextBoxXiangMuMingCheng.Text=value;}}用戶自定義控件用戶自定義控件—屬性設(shè)置publicstringYuQiChengGuo{get{return

DropDownListYuQiChengGuo.SelectedValue;}set{DropDownListYuQiChengGuo.SelectedValue=value;}}用戶自定義控件驗證控件RequiredFieldValidator驗證是否為空屬性設(shè)置：ControlToValidate="TextBoxXiangMuMingCheng"指定被驗證控件為TextBoxXiangMuMingCheng用戶自定義控件文件上傳控件FileUploadFileUpload屬性：FileUpload1.HasFile表示是否選中上傳文件值為：true表示選中文件值為：false表示未選中文件FileUpload1.FileName表示上傳文件的名稱用戶自定義控件FileUpload方法：FileUpload1.SaveAs(“保存文件的路徑”);FileUpload1.SaveAs(

Server.MapPath(("/uploadfiles/")+FileUpload1.FileName));使用：解決方案資源管理器

選中用戶自定義控件

按住左鍵不放拖動到web窗體中的合適位置項目申報模塊第一步：申請說明項目申報模塊第二步：填寫項目申請有關(guān)內(nèi)容項目申報模塊第三步：提交主要知識點：1.用戶自定義控件的使用2.通用存儲過程方法調(diào)用項目申報模塊用戶自定義控件屬性--接受賦值：InputItem1.ShenQingRen=

Session["TrueName"].ToString();屬性--作為參數(shù)值：KeyValuePair<string,object>[]inputParameters1={newKeyValuePair<string,object>("ProjectName",

InputItem1.XiangMuMingCheng)};項目申報模塊通用存儲過程方法調(diào)用—實現(xiàn)申報1.參數(shù)準(zhǔn)備：輸入?yún)?shù)：inputParameters輸出參數(shù)：outputParameters驗證項目是否存在:inputParameters1outputParameters1

添加新建項目：

inputParameters2項目申報模塊2.調(diào)用方法：驗證項目是否存在：CommonMethods.ExcuteStoredProcedure("CheckProject",

inputParameters1,outputParameters1);添加新建項目：CommonMethods.ExcuteStoredProcedure("AddNewProject",

inputParameters2,null);項目修改模塊項目修改模塊項目修改模塊主要知識點：GridView控件Pa