web技術(shù)及應(yīng)用實驗報告說明書

華北電力高校實驗報告|｜實驗名稱圖書館管理系統(tǒng)開發(fā)課程名稱web技術(shù)及應(yīng)用||專業(yè)班級：計科0801同學(xué)姓名：李雪飛學(xué)號：２0080９0１01０9成績:指導(dǎo)老師:王藍(lán)婧實驗日期:201１.4．２７華北電力大學(xué)實驗報告第頁共頁實驗?zāi)康腤eｂ開發(fā)的相關(guān)技術(shù)掌握ＡSP。NET數(shù)據(jù)庫程序設(shè)計方法實驗內(nèi)容及要求設(shè)計一個基于ASＰ的圖書館管理網(wǎng)站，實現(xiàn)圖書館管理，包括登錄、用戶信息顯示，用戶密碼修改、新書通報、書目查詢、圖書借閱與歸還、圖書信息維護(hù)等功能.網(wǎng)站采納ASP作為編程語言，SQＬＳerver作為數(shù)據(jù)庫支持。功能設(shè)計圖：主要功能框圖：實驗儀器及設(shè)備計算機(jī)、ＶiｓuａlStｕｄio2０10、SQLＳerver２008問題分析及系統(tǒng)設(shè)計下面依據(jù)實驗要求將系統(tǒng)內(nèi)個頁面作分析與解釋，并附上關(guān)鍵代碼。１.登錄作為一個完整的圖書館系統(tǒng),網(wǎng)站要面對各種用戶，并針對不同用戶實現(xiàn)不同的功能，因此，首先設(shè)計的是用戶登陸界面。依據(jù)實驗要求，我設(shè)計的圖書館管理系統(tǒng)有三種用戶,同學(xué)、管理員、Ｓ管理員.當(dāng)用戶填入用戶名及密碼后，通過數(shù)據(jù)庫的數(shù)據(jù)驗證后用戶進(jìn)入信息顯示界面。三中用戶對應(yīng)數(shù)據(jù)庫中三種用戶表，同學(xué)、管理員、S管理員。關(guān)鍵代碼段：前臺：<tdｃlaｓs=”stylｅ3７”>登錄〈/ｔd>＜tdcｌasｓ="stｙlｅ３5">用戶:<asp：ＴextBoｘＩD=”用戶”ｒuｎat＝"serｖer”〉＜／ａsp:TｅxｔＢｏx〉＜／td〉＜ｔｄｃlass=＂ｓｔyｌe41"〉＜ａｓp：RequiredFielｄＶａｌidaｔoｒＩD="ＲequｉreｄFieldVａlidａｔor1”ｒuｎaｔ＝＂ｓeｒver”ControｌToValidａt(yī)ｅ＝＂用戶"Displａy=＂Ｄynamｉc”ErroｒMｅsｓａｇe＝”學(xué)號不能為空！”〉〈／aｓｐ：RequiredFielｄＶａｌｉdatoｒ＞<／tｄ＞＜tdcｌａｓs＝"sｔyle36”〉還沒注冊？<aｈrｅf="注冊頁．a(chǎn)ｓｐx”＞點擊注冊</ａ〉</td＞〈tｄｃlaｓs="ｓtyle４6”>＆ｎbsp；〈／ｔd＞〈ｔｄcｌａss="ｓtｙlｅ44"〉密碼：〈asp:TexｔBoxID=＂密碼"ｒuｎａt(yī)="seｒver"sｔyle=＂teｘｔ—alｉｇn：left”＞<／ａｓｐ：TextBｏx〉〈/ｔd>＜tｄclass="style4２＂＞<asp:ＲeqｕirｅｄFiｅldValidatｏｒＩＤ=＂ＲequｉｒedFieldＶalidaｔor2"runａt(yī)="ｓervｅｒ”ＣoｎｔroｌTｏVaｌidaｔｅ="密碼”Diｓｐlaｙ="Ｄynamｉc＂ErｒoｒMesｓａge＝”密碼不能為空！”〉〈／asp：ＲｅｑuiｒedＦielｄVaｌidator〉〈／ｔd><tdclａｓｓ＝"ｓtylｅ33"〉＜ａsp：RａdioButtonListIＤ＝＂身份＂ｒuｎat="serveｒ”ＲepｅaｔColuｍns=”３"><aｓｐ：ListＩtem>同學(xué)〈／asp:ＬｉstIｔem〉〈asp:ListＩtem〉管理員＜/ａsp：ListＩtem〉〈ａｓp：LisｔIｔeｍ〉S管理員</ａｓp：ＬistItem＞〈/aｓp:ＲadiｏＢuttonLｉｓt></td〉〈tｄcｌａsｓ=＂sｔyle42”〉＜asp:RequiｒｅdＦielｄVaｌｉｄatｏrＩD="ReｑuirｅｄＦieldＶａlｉdaｔoｒ3”runat="sｅrｖｅr"CｏntｒｏlToValｉdate=”身份”Ｄｉsplay=”Dynａmiｃ”EｒｒoｒＭesｓａｇｅ＝"身份未選擇?。ⅲ荆?asp：ReｑｕiredＦiｅｌｄVaｌiｄａt(yī)ｏr>〈／ｔd><ｔdcｌaｓｓ＝"stｙle３３”〉〈asp：ButｔonＩＤ=＂Ｂuｔｔon１”ｒｕnａt(yī)=”ｓｅrveｒ＂oncｌｉｃk="Buｔton１_Ｃｌｉｃk1＂sｔｙｌe="tｅxt－align:center”Text＝＂登錄"/＞〈／td>后臺：<ｔdｃｌａsｓ=”sｔｙｌｅ３7"＞登錄〈／td><ｔｄcｌａsｓ=＂ｓtyle35”＞用戶：＜aｓp：ＴeｘｔBoxIＤ＝"用戶"rｕnaｔ="sｅrver">〈/aｓp：TeｘtBox>〈/td〉＜tdclass＝＂stｙle4１”〉＜aｓp：ＲeqｕｉreｄＦiｅldVａｌｉdatorＩD=”RｅquｉｒｅdFｉelｄＶａlidaｔｏｒ1＂ｒunaｔ=”ｓｅrｖer"ContｒolToＶalidatｅ="用戶＂Ｄｉｓｐlay=＂Ｄｙnａmｉc"ＥrｒｏrMeｓsaｇe＝＂學(xué)號不能為空!"＞〈/aｓp：ＲｅquiｒｅdＦiｅldValｉdatoｒ〉<／td〉＜ｔdclass＝”sｔyle３6"＞還沒注冊?<ａhｒef＝＂注冊頁.aspｘ＂＞點擊注冊〈/a＞＜/tｄ><tｄｃlass=＂styｌe4６”>&ｎbsp；</ｔd〉<tdclass="ｓtylｅ44”>密碼：<aｓｐ:ＴeｘｔBoｘID=”密碼"runat=”ｓervｅr＂ｓtyｌｅ=”text—ａlign：lefｔ＂>＜／aｓｐ:ＴextBoｘ＞〈/td><tdclaｓｓ＝"ｓtyle42"〉<asp：RequirｅdＦｉｅldVaｌｉｄａt(yī)orID＝＂RequirｅdＦｉeldＶaｌiｄａt(yī)oｒ2"rｕｎａt(yī)=”serｖeｒ”ＣonｔｒolToＶalidaｔe=＂密碼"Diｓpｌａy="Ｄｙnamｉc”ErｒorMessage="密碼不能為空！”＞〈／asp：RequiｒedFieｌdＶaｌidatoｒ〉〈/tｄ><tdclaｓs＝"sｔｙlｅ3３”〉〈ａsp：RaｄｉｏButtoｎＬｉstＩD=＂身份”ruｎat＝＂serｖｅｒ”RｅpｅaｔColumｎｓ="３”>〈asp：ListＩtem>同學(xué)〈／ａsp：ListＩｔｅｍ>〈ａsp:ListItem>管理員</asp：ＬisｔＩtem><ａsp：LiｓtＩteｍ＞Ｓ管理員＜／asp:ListIｔem＞〈/ａsｐ:RadiｏＢuttｏｎＬist〉〈/ｔd〉〈tdclaｓs＝＂stｙle42”>＜aｓｐ：ReｑｕiredＦiｅｌdValｉdａt(yī)ｏrIＤ="ReｑuｉrｅｄＦiｅｌdVａｌidaｔor３＂rｕnａt(yī)=”sｅrveｒ”ＣｏntrolTｏValidaｔｅ=＂身份＂Ｄiｓｐlａy=”Ｄyｎamiｃ”ErrｏｒMｅsｓａｇｅ="身份未選擇!＂＞〈／ａｓp：RequiｒeｄFieldVａｌｉｄatｏｒ>＜／td〉<tｄclａss=＂style33”〉<asp：ＢｕttｏｎI(lǐng)D=＂Bｕttoｎ１”runat=＂sｅｒvｅｒ”oncｌiｃｋ=”Buｔtoｎ1_Ｃｌｉck1”styｌe=”ｔｅxｔ－align:ｃenter＂Text=”登錄＂/〉</td＞〈tdclass=＂stｙle４2">＆nbｓp；〈/ｔｄ〉＜tdclａss=＂ｓtｙle4３"〉＆nbsp;〈／td〉<tdcｌass＝＂stｙle45"〉&nｂｓp；＜/ｔd>〈／ｔr>〈/table>２.注冊?本系統(tǒng)還設(shè)置了用戶注冊功能,點擊登錄頁面上鏈接可直接到達(dá),此功能針對于沒有注冊的新生。新生注冊時，依據(jù)要求填入各種信息即可注冊成功，然后登陸可進(jìn)入圖書館管理系統(tǒng)。關(guān)鍵代碼后臺：prｏtｅｃtedvoid注冊＿Clicｋ（ｏbｊｅｃｔsendｅr，ＥventArｇｓe）{ｉｆ(IｓVａlｉd==ｔruｅ）｛strｉngstｒxh＝學(xué)號.Teｘt.ToString()；ｓtrinｇsｔrxm=姓名.Ｔeｘt．ToStriｎｇ（）；stｒingｓtrbj＝班級。Text．ToＳｔｒｉnｇ();striｎgstrｍm＝密碼．Text.ToＳtrｉｎg（);SqｌCｏｎneｃtｉonsqlｃon＝ｎewSｑlConｎectｉon（);sqlcon．ＣonnecｔiｏnＳtrinｇ=＂DaｔａＳource＝lｏcalhｏｓt；IｎitialＣaｔalog=lｉb;ＩｎｔegrateｄSeｃurｉtｙ＝Trｕe；＂；sqlcｏn。Opｅｎ（）；ｓｔrｉnｇs="seｌｅct＊frｏｍ同學(xué)wｈere［學(xué)號]='stｒxh'＂;SｑlＣoｍmａｎdscmd=newSqlＣｏmmaｎd(s，sｑlｃｏn)；SｑｌDataReａdｅrdr=scmｄ。ExecｕtｅReadeｒ（）；//intx＝（int）sｃｍd。EｘecｕteＳcａｌａr(）；ｉf(dr。Reａd(）){ｓtriｎgstrｉnseｒt＝sｔring。Formaｔ(”insｅｒtiｎto同學(xué)（學(xué)號,姓名，班級,密碼）vａｌｕes(＇｛０｝'，＇{1｝＇,’{2｝＇，’{3｝’）”，ｓtrxh，sｔrxm，ｓtrbｊ,strｍm);SqｌCoｍｍaｎdｓqｌcmd＝newSｑlCommand(ｓtrｉnｓert，ｓqlcｏn)；sqｌｃmd．ExｅｃｕteＮonＱuery（）;ｓqlcon．Ｃlｏsｅ(）；//)；Ｒespｏnse．Rediｒect(＂第一頁．a(chǎn)spｘ＂)；Ｒesponsｅ.Ｗriｔｅ("<scｒiｐｔ〉aleｒｔ('注冊成功，點擊確認(rèn)到登陸頁面。＇)＜／scripｔ>”）;｝else｛Resｐonse.Wrｉte（”<ｓcrｉpt>ａleｒt（'此用戶已存在，請重新注冊?！?</sｃｒipｔ〉”);｝if(dｒ．IｓClosed＝=falsｅ）{ｄr.Clｏsｅ();｝｝}３．用戶信息顯示界面?用戶登錄后進(jìn)入用戶信息頁面,這里以同學(xué)用戶為例解釋。同學(xué)信息頁面顯示各種同學(xué)用戶功能頁面鏈接，以及同學(xué)信息。同學(xué)信息數(shù)據(jù)來自數(shù)據(jù)庫同學(xué)表。在也建立一個Gｒidview控件，將數(shù)據(jù)源綁定在數(shù)據(jù)庫中同學(xué)表上。另外，借閱歷史頁面的原理與此基本相同.關(guān)鍵代碼：<ａｓp:GｒidVieｗIＤ="ｇｖ"runaｔ＝"server＂AｕtoGｅneratｅＣoluｍns＝"Fａlse”DataSourｃeＩＤ=”SqlDａｔaSoｕrｃe１＂>〈Ｃoluｍns〉＜asp:BoundFieldＤataＦｉｅlｄ＝＂學(xué)號"HeaderTｅxt＝”學(xué)號"SortEｘpｒesｓion＝"學(xué)號＂/>＜ａｓp：BｏundＦｉｅldＤataＦiｅlｄ＝"姓名”ＨeａderText=”姓名"SorｔExpresｓｉon＝＂姓名”/>〈asp：ＢoundFieldDaｔaＦiｅld="班級＂HｅadｅrTeｘｔ＝＂班級”ＳｏrtEｘprｅssion=”班級”/＞<ａｓp:BoｕnｄFｉｅｌｄＤaｔaＦｉelｄ＝＂密碼"ＨｅadｅrText="密碼”SoｒtＥxpｒessｉon=”密碼"/＞＜/Cｏｌuｍns〉＜／asｐ:ＧridＶiｅw>＜asp:SｑlDataＳouｒceＩD=”SｑlDaｔａSource１"runat＝"ｓeｒvｅr＂ＣonnectioｎStriｎg=＂<%＄CｏnｎeｃｔionStrings:libConnecｔionＳｔｒinｇ%>＂SelecｔＣｏmmand=＂SEＬＥＣT＊FROＭ［同學(xué)］ＷHERE（[學(xué)號］=@學(xué)號）"><SｅｌectParameterｓ＞〈asp:ＳesｓioｎPａrａｍetｅrDeｆauｌtＶａｌｕｅ＝”—１＂Nａme＝"學(xué)號”SessioｎFieｌd="ｕｉd”Ｔｙpｅ=＂Ｓtring”／>＜/SelｅctＰaraｍeterｓ>＜/asp：SqlDaｔaＳourcｅ＞４。書刊查詢、修改密碼、更新圖書信息、新書通報書刊查詢、修改密碼、更新圖書信息、新書通報等功能都是ADO。ＮＥT中Ｃｏmmaｎd對象應(yīng)用的變化。以書刊查詢?yōu)槔?前臺界面設(shè)計時,添加一個輸入查詢關(guān)鍵的Ｔｅxtbox控件和一個Griｄvｉｅw控件。后臺代碼如下：proｔecteｄvoｉdButton1＿Cliｃk（obｊｅctｓ