【導(dǎo)讀】促成Inter高速發(fā)展的因素之一就是Web技術(shù)。Web技術(shù)由最初的靜態(tài)。言與ASP后來居上，并且大有取代CGI的趨勢。面、有條理的數(shù)據(jù)庫查詢、豐富信息內(nèi)容的頁面成為最吸引人的網(wǎng)頁。而這樣的信息網(wǎng)也以涌進(jìn)了我國的千家萬戶，并隨著網(wǎng)絡(luò)信息的不。戶等優(yōu)點(diǎn)越來越受廣大用戶的喜愛和重視。瀏覽的基礎(chǔ)上，增加了視頻和音頻的動(dòng)態(tài)瀏覽等多媒體點(diǎn)播服務(wù)。的局限性，以及傳統(tǒng)CD播放資源的局限性，極大豐富了人們的網(wǎng)絡(luò)生活。

　　

【正文】 esume Next dim conn dim connstr dim db db=haohao_studio/ Set conn = () connstr=Provider=。Data Source= amp。 (amp。dbamp。) connstr If Err Then Set conn = Nothing 對不起網(wǎng)站數(shù)據(jù)庫連接文件出錯(cuò)，請聯(lián)系 tel:。 End If % 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 19 運(yùn)行設(shè)計(jì) 運(yùn)行模塊組合 所有模塊在同一環(huán)境下運(yùn)行，根據(jù)不同的用戶以及不同的需求，可以通過主頁進(jìn)入不同的模塊。這些模塊包括包括視頻播放模塊、視頻列表模塊、專題視頻模塊、 后臺管理模塊等。 運(yùn)行控制 針對不同模塊，提供不同的運(yùn)行入口和方式。 （ 1） 點(diǎn)擊首頁內(nèi)任意視頻將可以轉(zhuǎn)入視頻播放模塊； （ 2） 點(diǎn)擊 首頁第二個(gè)導(dǎo)航“系統(tǒng)介紹”，即可進(jìn)入本視頻點(diǎn)播系統(tǒng)的介紹模塊； （ 3） 點(diǎn)擊 首頁第三個(gè)導(dǎo)航“視頻新聞”，即可進(jìn)入本系統(tǒng)按照發(fā)布時(shí)間排序的視頻列表； （ 4） 點(diǎn)擊首頁第四個(gè)導(dǎo)航“視頻專題”，即可進(jìn)入本系統(tǒng)的視頻專題模塊； （ 5） 管理員可以 在首頁下方“管理員登錄”按鈕，直接登錄 進(jìn)入后臺管理模塊。 運(yùn)行時(shí)間 各種模塊所執(zhí)行的時(shí)間及需要用戶花費(fèi)的時(shí)間有所不同，情況如下： （ 1） 視頻播放模塊的響應(yīng)時(shí)間一般小于三秒 ； （ 2） 系統(tǒng)介紹模塊響應(yīng)速度很快，根據(jù)用戶的瀏覽速度不同，瀏覽完介紹內(nèi)容的時(shí)間也不同 ； （ 3） 視頻新聞模塊的響應(yīng)也很快，基本可以秒開，用戶可以快速瀏覽本頁列表里面的視頻標(biāo)題 ； （ 4） 管理員登陸模塊：管理員輸入正確的用戶名和密碼即可實(shí)現(xiàn)快速登錄 。 錯(cuò)誤處理設(shè)計(jì) 對于用戶在注冊或者提交訂單時(shí)的輸入錯(cuò)誤采取 ajax 實(shí)時(shí)提醒，使用戶及時(shí)更正錯(cuò)誤。部分提醒以彈出窗口的形式提醒，告訴用戶出錯(cuò)的原因。 針對需要規(guī)定格式的數(shù)據(jù)輸入，設(shè)計(jì)相應(yīng)的選擇框和各種跳出控件，提出用戶的輸入正確性。 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 20 第五 章 系統(tǒng) 詳細(xì)設(shè)計(jì)與 實(shí)現(xiàn) 程序系統(tǒng)的結(jié)構(gòu) 此系統(tǒng)和程序包括一個(gè)主頁文件以及 13 個(gè)文件夾下的程序文件，它們的名稱、包含的程序文件名和功能如表 51 所示。 表 51 程序系統(tǒng)結(jié)構(gòu) 包名稱 包含的部分主要文件 功能 根目錄 、 、 、 實(shí)現(xiàn)了網(wǎng)站的大部分主體界面功能，表達(dá)網(wǎng)站的主要內(nèi)容以及導(dǎo)航 css 為網(wǎng)頁的布局提供樣式 inc 、 提供通用的網(wǎng)頁模塊和常用函數(shù)， 對密碼進(jìn)行加密的代碼， 便于其他程序調(diào)用 系統(tǒng) 設(shè)計(jì) 與實(shí)現(xiàn) 系統(tǒng)首頁 用戶通過網(wǎng)站域 名，所看到的第一個(gè)頁面即網(wǎng)站的主頁面。主頁提供網(wǎng)站主要內(nèi)容的顯示及相關(guān)模塊的導(dǎo)航 ；顯示出系統(tǒng)內(nèi)點(diǎn)擊量最多的 8 個(gè)視頻，點(diǎn)擊即可跳入視頻播放頁面； 為系統(tǒng)子模塊提供各種接口。 最熱視頻模塊 描述 ： 前臺頁面顯示系統(tǒng)內(nèi)點(diǎn)擊量最多的 8 個(gè)視頻 。 功能： 讀取數(shù)據(jù)庫中點(diǎn)擊量最多的 8 個(gè)視頻。 輸入項(xiàng)： 視頻 ID 和點(diǎn)擊量； 輸出項(xiàng)： 視頻標(biāo)題和視頻鏈接； 流程圖： 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 21 開 始讀 取 數(shù) 據(jù) 庫 表haohao_zhuan內(nèi) 容讀 取 字 段haohao_hits內(nèi) 容判 定 大 小并 排 序結(jié) 束顯 示 成 功 圖 最熱視頻 模塊流程圖 接口（數(shù)據(jù)庫）： 輸入的用戶名和密碼與數(shù)據(jù)庫用戶表比對 。 補(bǔ)充說明 ：無 設(shè)計(jì)界面如圖 所示： 圖 主頁的界面設(shè)計(jì) 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 22 主要代碼如下： div class=contain_film table style=padding:0px。 border:none。 margin:0px。 tr % sql=SELECT top 4 * FROM haohao_zhuan ORDER BY haohao_hits desc Set rs = () sql,Conn,1,1 if and then li暫時(shí)還沒有信息 /li else do while not haohao_add=rs(id) image=rs(image) title=rs(haohao_title) % td bgcolor=9933CC div class=film pa href= target=_new title=%=title% img src=%=image% width=169 height=190 alt=%=title% //a/p /div/td% loop end if% /tr tr % sql=SELECT top 4 * FROM haohao_zhuan where id not in(select top 4 id FROM haohao_zhuan ORDER BY haohao_hits desc) ORDER BY haohao_hits desc Set rs = () sql,Conn,1,1 if and then li暫時(shí)還沒有信息 /li else do while not haohao_add=rs(id) image=rs(image) title=rs(haohao_title) % td bgcolor=9933CCdiv class=film pa href= target=_new title=%=title% img src=%=image% width=169 height=190 alt=%=title% //a/p /div /td % loop end if % /tr /table /div /div div class=haohao_height/div 管理員登錄 模塊 本頁面的功能是提供 管理員登錄的 窗口， 管理員輸入正確的用戶名和密碼 ， 點(diǎn)擊登錄按鈕，后臺 驗(yàn)證用戶名和密碼是否與數(shù)據(jù)庫匹配，匹配即可登錄后臺管江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 23 理頁面。 描述 ： 管理員可以登錄系統(tǒng)后臺管理頁面，進(jìn)行相關(guān)操作 。 功能： 驗(yàn)證成功之后便可實(shí)現(xiàn)登錄后臺，實(shí)現(xiàn)管理操作； 重復(fù)密碼或驗(yàn)證碼不匹配將會彈出提示，說明數(shù)據(jù)不匹配，然后充填內(nèi)容 。 輸入項(xiàng)： 用戶名和密碼 輸出項(xiàng)： 登錄標(biāo)志位 流程圖： 開 始結(jié) 束點(diǎn) 擊 登 錄登 錄 標(biāo) 志 位 非 空進(jìn) 入 登 錄 頁 面輸 入 用 戶 名 和密 碼 ， 登 錄顯 示 登 錄 錯(cuò) 誤用 戶 名 和 密 碼在 數(shù) 據(jù) 庫 內(nèi)登 錄 成 功登 錄 標(biāo) 志 位 為 1YNNY 圖 登錄模塊流程圖 接口（數(shù)據(jù)庫）： 輸入的用戶名和密碼與數(shù)據(jù)庫用戶表比對 。 補(bǔ)充說明 ：無 頁面設(shè)計(jì)如圖 所示： 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 24 圖 管理員登錄后臺的頁面設(shè)計(jì) 主要代碼如下： head meta equiv=ContentType content=text/html。 charset=gb2312 title教育視頻點(diǎn)播系統(tǒng) 后臺登陸程序頁面 The HaoHao Studio Powered By HaoHao/title link href=images/login/ rel=stylesheet type=text/css / /head body bgcolor=99FF00script language=javascript function haohao() {if (==在這里輸入您的帳號 ){ alert(溫馨提示：請輸入您的帳號 !) ()。 return false } if (==test){ alert(溫馨提示：請輸入您的密碼 !)。 ()。 return false } return true }/script form name=haohao_login method=post action= onSubmit=return haohao() div id=haohao_login div id=haohao_login_top/div div id=haohao_login_button_01_c 帳號： INPUT name=user type=txt class=haohao_inputonclick=value=39。39。focus() value=在這里輸入您的帳號 /div div id=haohao_login_button_02_c 密碼： INPUT name=password type=password class=haohao_input onClick=value=39。39。focus() value=test/div div 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 25 id=haohao_login_onclickinput type=image name=Submit src=images/login//div input type=button value= 登 錄 /a href=input type=button value=返回 主頁 //a /form /body /html 系統(tǒng)介紹 模塊 管理員通過系統(tǒng)后臺，對系統(tǒng)介紹的內(nèi)容進(jìn)行添加、修改。 頁面設(shè)計(jì)如圖 所示： 圖 系統(tǒng)介紹頁面的設(shè)計(jì) 最新 視頻列表 模塊 描述 ： 前臺頁面顯示系統(tǒng)內(nèi)最新上傳的視頻 。 功能： 讀取數(shù)據(jù)庫中 按上傳時(shí)間倒敘排列的 視頻。 輸入項(xiàng)： 視頻 ID 和上傳時(shí)間； 輸出項(xiàng)： 視頻標(biāo)題和視頻鏈接； 流程圖： 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 26 開 始讀 取 數(shù) 據(jù) 庫 表haohao_vnews內(nèi) 容讀 取 字 段haohao_tim e內(nèi) 容判 定 大 小并 排 序結(jié) 束顯 示 成 功 圖 最新視頻模塊流程圖 接口（數(shù)據(jù)庫）： 輸入的用 戶名和密碼與數(shù)據(jù)庫用戶表比對 。 補(bǔ)充說明 ：無 頁面設(shè)計(jì)如圖 所示： 圖 最新視頻列表頁面的設(shè)計(jì) 江西理工大學(xué) 2020屆本科生畢業(yè)設(shè)計(jì)（論文） 27 視頻播放 模塊 本頁面實(shí)現(xiàn)對用戶點(diǎn)擊的視頻進(jìn)行播放的功能；右側(cè)還可以顯示出最新視頻列表，用戶在觀看視頻的同時(shí)還可以點(diǎn)擊列表內(nèi)的視頻進(jìn)行觀看；右側(cè)還顯示出本系統(tǒng)之外的重要鏈接。 頁面設(shè)計(jì)如圖 所示： 圖 視頻播放界面的設(shè)計(jì) 主要代碼如下： !include file= style type=text/css tabmenu0%if request(item)=vnews then%3%else%4%end if% a { backgroundposition:0% 42px。 } tabmenu0%if request(item)=vnews then%3%else%4%end if% a span { backgroundposition:100% 42px。 color:222。 } /style div class=center div class=haohao_play p class=haohao_play_title% if request(item)=vnews then amp。yamp。 年 amp。mamp。 月 amp。damp。 日 % 視頻新聞/p%else%%=haohao_title%/p%end if% p class=haohao_play_time發(fā)布 日期： %=haohao_time% 發(fā)布部門：教育視頻點(diǎn)播 瀏覽次數(shù)： %=haohao_hits%次 /p p class=haohao_play_flash id=flash正在加載，請稍后 .../p script type=39。text/javascript39。 var s1 = new 江西理工大學(xué) 2020屆本科