【文章內(nèi)容簡介】 (2)管理員信息表 表名： tb_Managers 說明：管理員信息 字段名 類型 說明 其他設定 ManagerId bigint 管理員 ID not null ManagerName nvarchar(50) 管理員用戶名 not null ManagerPwd nvarchar(50) 管理員密碼 not null (3)下載資料信息表 表名： tb_Download 說明： 下載資料 信息 字段名 類型 說明 其他設定 DownId bigint 下載 ID not null DownName nvarchar(50) 資料名稱 not null DownAdress nvarchar(50) 下載地址 not null UpAuthor nvarchar(50) 作者 null 界面設計 (1) 登錄窗口 所有用戶只有正確登錄后，方可進入該系統(tǒng) 進行操作 ，登錄窗口如下。 登錄窗口做成的是自定義控件，用的 table 控件布局，然后設置其樣式，用戶輸入登錄名和密碼是 TextBox 控件，將密碼框的 TextMode 設置成 Password，這樣用戶輸入密碼時就將密碼顯示為黑點了。 另外用兩個 button 來點擊登錄或注冊，注冊按鈕要設置 CausesValidation=False，不引起驗證。部分主要代碼如下： //定義樣式 style type=text/css .username{ 10 backgroundimage:url(images/)。 backgroundposition: 1px 1px。 backgroundrepeat:norepeat。 paddingleft:20px。 height:20px。 FONTSIZE: 12px。} .password{ backgroundimage:url(images/)。 backgroundposition: 1px 1px。 backgroundrepeat:norepeat。 paddingleft:20px。 height:20px。 FONTSIZE: 12px。} /style //登錄框設計 調(diào)用樣式 username asp:TextBox ID=LoginName runat=server class=username size=30/asp:TextBox //密碼框設計 調(diào)用樣式 password asp:TextBox ID=Password class=password size=30 TextMode=Password runat=server/asp:TextBox (2) 首頁設計 首頁調(diào)用了 3 個自定義控件，導航控件 ，登錄控件 和頁腳控件，中間部分用了 div+css 來布局， 左邊是登錄框和顯示圖 片，右邊是首頁的視頻框，視頻支持全屏、暫停、調(diào)節(jié)音量等功能。如 圖 61： 圖 6 2 11 上面的滾動的廣告字段主要實現(xiàn)代 碼如下： marquee direction=left align=middle onmousemove=() onmouseout=() width=500 scrollamount=3廣告字段 /marquee (3) 考研資訊 頁面設計 考研資訊網(wǎng)站也是用到導航控件和頁腳控件。中間用一個大的 div 來布局顯示資訊內(nèi)容，設置 div 調(diào)用的樣式 news 的 overflow 屬性為 scroll 來實現(xiàn)滾動條，這樣可以節(jié)省網(wǎng)頁布局的大小和顯示空間。 主 要實現(xiàn)代碼如下： .news{ fontsize: 12px。 overflow: scroll。 width: 800px。 height: 800px。 margin: 0px auto 0px auto。 padding: 0px。 borderwidth:1px。 bordercolor:CC0000。 borderstyle:solid。 } div id=news class=newsh1 style=textalign:center考研資 訊 /h1 p 考研資訊內(nèi)容 /p /div (4) 下載頁面設計 下載頁面也用到導航控件和頁腳控件。 中間用 gridview 服務器空間來顯示和綁定數(shù)據(jù)庫中的信息，用 textbox來接收用戶要下載的文件，用 fileupload 控件來實現(xiàn)用戶瀏覽上傳文件，再用button 來響應上傳和下載等功能。如 圖 62： 12 圖 6 3 如果未登錄顯示如下對話框： 主要實現(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) 觀看視頻頁面設計 觀看視頻頁面用到導航控件和頁腳控件，中間居中顯示視頻，如 圖 63： 13 圖 6 4 主要實現(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) 注冊頁面設計 注冊頁面也調(diào)用了導航控件和頁腳控件，中間是兩個 Panel 來分布顯示注冊步驟，如圖 64： 主要實現(xiàn)代碼如下： //用 Textbox來接收用戶輸入的密碼和用戶名信息 ,并驗證不為空 asp:TextBox ID=ConfirmPwd runat=server TextMode=Password CssClass=textBox_Style/asp:TextBox asp:RequiredFieldValidator ID=RequiredFieldValidator7 runat=server ErrorMessage=*確認密碼也必填！ 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=*真實姓名必填！ ForeColor=Red ControlToValidate=RealName/asp:RequiredFieldValidator 圖 6 5 (7) 管理員登陸頁面設計 管理員登陸頁面調(diào)用自定義后臺導航控件 ，然后用 table 來布局，表格中加入 textbox，再用 label 標簽來顯示登陸信息。如 圖 65： 主要實現(xiàn)代 碼為： link href=../css/ rel=stylesheet type=text/css / uc1:ManagerNav ID=ManagerNav1 runat=server /