【正文】 本次設(shè)計(jì)是一個(gè)小型的有關(guān)考研 資料的網(wǎng)站系統(tǒng) 。 4. 設(shè)計(jì)準(zhǔn)備 系統(tǒng)準(zhǔn)備 操作系統(tǒng)： Windows 7 數(shù)據(jù)庫(kù)系統(tǒng)： SQL Server 2020 客戶端開發(fā)工具： Visual Studio 2020 知識(shí)準(zhǔn)備 熟悉 SQL Server 2020 的使用； 熟悉 C、 或其他語(yǔ)言進(jìn)行數(shù)據(jù)庫(kù)編程。在計(jì)算機(jī)的使用還沒(méi)有現(xiàn)在這樣普及的時(shí)候，人們只能 看書本學(xué)習(xí)，或者去上輔導(dǎo)班?？佳幸曨l網(wǎng)站是一個(gè)考研的信息 交流的平臺(tái)。 4 管理員和用戶登錄后有不同的權(quán)限，管理員具有查詢和上傳、下載及管理全部的權(quán)限，用戶具有查詢和上傳、下載權(quán)限。 視頻查詢功能，用于用戶在線看視頻。 功能模塊設(shè)計(jì) 該 系統(tǒng)分為 五個(gè) 模塊，如下： 1） 登陸驗(yàn)證模塊 2） 用戶注冊(cè)模塊 3） 用戶 上傳、 下載功能模塊 4） 用戶觀看視頻模塊 5） 系統(tǒng) 管理模塊 部分要求說(shuō)明 注冊(cè)用戶 信息 必須 包括： 姓名、密碼 ； 該網(wǎng)站要求只能用戶登陸了才能觀看在線視頻、上傳和下載資料。各大功能模塊又由一些子功能模塊構(gòu)成，其功能框圖如下 圖 61。 登錄窗口做成的是自定義控件，用的 table 控件布局，然后設(shè)置其樣式，用戶輸入登錄名和密碼是 TextBox 控件，將密碼框的 TextMode 設(shè)置成 Password，這樣用戶輸入密碼時(shí)就將密碼顯示為黑點(diǎn)了。部分主要代碼如下： //定義樣式 style type=text/css .username{ 10 backgroundimage:url(images/)。 backgroundrepeat:norepeat。 height:20px。} .password{ backgroundimage:url(images/)。 backgroundrepeat:norepeat。 height:20px。} /style //登錄框設(shè)計(jì) 調(diào)用樣式 username asp:TextBox ID=LoginName runat=server class=username size=30/asp:TextBox //密碼框設(shè)計(jì) 調(diào)用樣式 password asp:TextBox ID=Password class=password size=30 TextMode=Password runat=server/asp:TextBox (2) 首頁(yè)設(shè)計(jì) 首頁(yè)調(diào)用了 3 個(gè)自定義控件，導(dǎo)航控件 ，登錄控件 和頁(yè)腳控件，中間部分用了 div+css 來(lái)布局， 左邊是登錄框和顯示圖 片，右邊是首頁(yè)的視頻框，視頻支持全屏、暫停、調(diào)節(jié)音量等功能。中間用一個(gè)大的 div 來(lái)布局顯示資訊內(nèi)容，設(shè)置 div 調(diào)用的樣式 news 的 overflow 屬性為 scroll 來(lái)實(shí)現(xiàn)滾動(dòng)條，這樣可以節(jié)省網(wǎng)頁(yè)布局的大小和顯示空間。 overflow: scroll。 height: 800px。 padding: 0px。 bordercolor:CC0000。 } div id=news class=newsh1 style=textalign:center考研資 訊 /h1 p 考研資訊內(nèi)容 /p /div (4) 下載頁(yè)面設(shè)計(jì) 下載頁(yè)面也用到導(dǎo)航控件和頁(yè)腳控件。如 圖 62： 12 圖 6 3 如果未登錄顯示如下對(duì)話框： 主要實(shí)現(xiàn)代碼如下： asp:GridView ID=GridView1 runat=server AutoGenerateColumns=False DataKeyNames=DownId DataSourceID=SqlDataSource1 Width=800px AllowPaging=True AllowSorting=True BackColor=DEBA84 BorderColor=DEBA84 BorderStyle=None BorderWidth=1px CellPadding=3 CellSpacing=2 Height=324px Style=margintop: 0px /asp:GridView asp:SqlDataSource ID=SqlDataSource1 runat=server ConnectionString=%$ ConnectionStrings:KaoyanVideoBBSConnectionString % SelectCommand=SELECT * FROM [tb_DownLoad]/asp:SqlDataSource (5) 觀看視頻頁(yè)面設(shè)計(jì) 觀看視頻頁(yè)面用到導(dǎo)航控件和頁(yè)腳控件，中間居中顯示視頻，如 圖 63： 13 圖 6 4 主要實(shí)現(xiàn)代碼如下： object classid=clsid:d27cdb6eae6d11cf96b8444553540000 codebase=n=8,0,0,0 width=900 height=500 align=top param name=allowScriptAccess value=sameDomain / param name=movie value= / param name=quality value=high / embed src= quality=high font=30 bgcolor=000000 width=900 height=500 align=top allowscriptaccess=sameDomain type=application/xshockwaveflash pluginspage= / /object (6) 注冊(cè)頁(yè)面設(shè)計(jì) 注冊(cè)頁(yè)面也調(diào)用了導(dǎo)航控件和頁(yè)腳控件，中間是兩個(gè) Panel 來(lái)分布顯示注冊(cè)步驟，如圖 64： 主要實(shí)現(xiàn)代碼如下： //用 Textbox來(lái)接收用戶輸入的密碼和用戶名信息 ,并驗(yàn)證不為空 asp:TextBox ID=ConfirmPwd runat=server TextMode=Password CssClass=textBox_Style/asp:TextBox asp:RequiredFieldValidator ID=RequiredFieldValidator7 runat=server ErrorMessage=*確認(rèn)密碼也必填！ Visible=true ControlToValidate=ConfirmPwd/asp:RequiredFieldValidator asp:TextBox ID=RealName runat=server CssClass=textBox_Style/asp:TextBox 14 asp:RequiredFieldValidator ID=RequiredFieldValidator1 runat=server ErrorMessage=*真實(shí)姓名必填！ ForeColor=Red ControlToValidate=RealName/asp:RequiredFieldValidator 圖 6 5 (7) 管理員登陸頁(yè)面設(shè)計(jì) 管理員登陸頁(yè)面調(diào)用自定義后臺(tái)導(dǎo)航控件 ，然后用 table 來(lái)布局，表格中加入 textbox，再用 label 標(biāo)簽來(lái)顯示登陸信息。 圖 6 7 主 要實(shí)現(xiàn)代碼為： asp:GridView ID=GridView1 runat=server AllowPaging=True AutoGenerateColumns=False BackColor=White BorderColor=3366CC BorderStyle=None BorderWidth=1px CellPadding=4 DataKeyNames=UserID DataSourceID=SqlDataSource1 /asp:GridView (9) 用戶上傳頁(yè)面設(shè)計(jì) 頁(yè)面調(diào)用自定義后臺(tái)導(dǎo)航控件 ，再用 gridview 顯示用戶上傳的文件信息， 16 如 圖 67： 圖 6 8 (10) 管理員信息頁(yè)面設(shè)計(jì) 頁(yè)面調(diào)用自定義后臺(tái)導(dǎo)航控件 ，再用 gridview 顯示管理員信息，如 圖 68： 圖 6 9 主要實(shí)現(xiàn)代碼如下： % Register src=../ tagname=ManagerNav tagprefix=uc1 % uc1:ManagerNav ID=ManagerNav1 runat=server / asp:GridView ID=GridView1 runat=server AllowPaging=True AutoGenerateColumns=False BackColor=White BorderColor=999999