網站設計制作簡要說明

1、引言

早期的動態(tài)網頁主要采用CGI技術，由于編程困難、效率低下、修改復雜，所以一直是專業(yè)程序員的專利。ASP的出現，改變了這個現狀，ActiveServerPages即ASP是微軟開發(fā)的一種類似HTML（HypertextMarkupLanguage超文本標識語言）、Script（腳本）與CGI（CommonGAtewayInterface通用網關接口）的結合體。ASP問世以來，每天正在以成千上萬的ASP網站在INTERNET中誕生。它以簡單易學，卻功能強大。被越來越多的人們所喜愛。本次畢業(yè)設計我選擇的課題是：利用ASP設計學校網站設計－南部縣伏虎中學網站，目的是通過該網站的規(guī)劃和設計，給人們了解我們學校提供了一個平臺，拉近了教育和社會之間的距離。讓人們足不出戶，輕松快捷的獲得學校各種信息，展示了學校和教師的風采。同時也通過該平臺，學?？梢约皶r了解社會對我們學校的建議和意見，以便我們學校在今后的工作中及時改正。網站的規(guī)劃和設計，從系統(tǒng)的調研，系統(tǒng)的分析，系統(tǒng)的設計到系統(tǒng)的實現，利用軟件工程的思想作為指導，開發(fā)了這個完整的系統(tǒng)，提高了自己的專業(yè)知識和實際相結合的能力。2、系統(tǒng)設計2．1開發(fā)設計思想本系統(tǒng)開發(fā)設計思想：盡量采用學?，F有軟硬件環(huán)境，及先進的網站系統(tǒng)開發(fā)方案，從而達到充分利用學?，F有資源，提高系統(tǒng)開發(fā)水平和應用效果的目的。系統(tǒng)采用模塊化程序設計方法，這樣既便于系統(tǒng)功能的各種組合，又便于未參與開發(fā)的技術維護人員補充，維護。系統(tǒng)應具備數據庫維護功能，及時根據學校信息的需求進行數據的添加，刪除，修改等操作。2．2開發(fā)和運行環(huán)境選擇開發(fā)工具：FLASH5.0，AdobePhotoshop6.0，DreamweaverUltraDev4。服務器端運行環(huán)境：Windows2000+IIS?？蛻舳诉\行環(huán)境：Windows9x，Windows2000。2．3系統(tǒng)功能分析系統(tǒng)功能分析是在系統(tǒng)開發(fā)的總體任務的基礎上完成的。本站需要完成功能主要有：新聞文章發(fā)布：學校新聞，教育科研，名校名師，學生園地，招生信息等的介紹。搬留言系統(tǒng)：估對來訪者提咱供網上留言仁，從而讓學違校及時得到軟社會的反饋抹，以便和社允會溝通和交威流妄。辱在線調查系證統(tǒng)：本站提濃供對教育和鄉(xiāng)學校的熱點袋問題進行網淹上調查的專耀欄，來訪者屋可以通過網羊上調查對熱紡點問題投上舞代表自己的染一票。盼流量統(tǒng)計系驢統(tǒng)：本站可遞以對流量從節(jié)多方面進行鑼統(tǒng)計。包括仙開站天數，徑瀏覽總數，椅當天瀏覽總源數，上一天局瀏覽總數，栗本月瀏覽總友數，上月瀏副覽總數，平戲均瀏覽總數劇。順2．擠4傅系統(tǒng)功能屈模塊設計耽在系統(tǒng)功能宏分析的基礎傷上，得到如賊圖所示的系柜統(tǒng)功能模塊痛圖。感乓南部縣伏虎嫁中學網站前電臺框望新聞文章候欄目抽俱交互欄藍目殖破在線調襲查凡山流量統(tǒng)禁計爪挑昨前臺新聞映欄目釘學殘校新聞瀏覽仁教育損科研瀏覽滾名校押名師瀏覽養(yǎng)學生辰園地瀏覽測招生信呈息瀏覽變另外為了進食一步實現家?guī)Ｂ撓?，特河設計了家長片頻道和學生巧頻道。閥在家長頻道丑中，設計了季教學公告，督到校記錄，由家長留言，度家長預約，榨家庭教育等剪子欄目。笛在學生頻道再中，設計了蒸高招信息，曠高考話題，隱高考題庫，饞開學報道，倆學生提問，鑄學生意見等秧子欄目。奇家長頻道中加的家長留言零，學生頻道找中的學生提集問，學生意船見3個子欄構目是為了體極現家長，學燕生，學校3駝方面互動，稻及時交流的祖一個欄目。皺更加方便了談學生，家長墾對教育的資松源發(fā)表心聲郵。端為了家長，飾學生，教師坑和其它任何序來訪者，可婆以獲得學校淺的教育資源餅，還設計了撇資源下載欄犁目，資源下映載欄目包括鑒：軟件下載負，試卷下載呢，教案下載蹤，表格下載勇4個子欄目富。蝴召新優(yōu)聞文章后臺抱管理量新遺聞后臺管理售教育達后臺管理源名師燭后臺管理怠學生后佳臺管理議招生后臺盒管理愛系統(tǒng)功能結破構圖阿下面我將對爐每個模塊的憐總體設計作鏟簡要說明。果新聞文章模旨塊磁新聞文章是貌本網站的重肢點。網站作紋為一種媒體報，應當可以村提供足夠多葡的用戶感興夠趣的信息。耗南部縣伏虎歌中學網站作沙為學校的一坡個窗口，為繁了滿足社會薯對學校信息早的了解的愿右望，本站的胃新聞文章主群要開設五個肺方面的欄目筑。分別是：譽學校新聞，雕教育科研，特名校名師，未學生園地，惜招生信息等底。對新聞文強章模塊的總歐體設計是分魂為前臺瀏覽腸和后臺管理讓子模塊。來潛訪者通過前閣臺點擊可以支瀏覽到本網搖站有關新聞導文章等各種臘信息。這些浙信息包括：葬學校新聞快禮訊信息，教鉗育科研信息仁，名校和名抽師的各種信猛息，學生園跑地信息，學競校招生相關摟的信息等。母本后臺管理屑子模塊完成掌對學校新聞怠文章發(fā)布子睡模塊中的五津個欄目進行張后臺管理員及才能操作的期添加信息，掃編輯信息，違刪除信息等僵操作。以上土欄目的設置畫，是為了滿肺足任意一個堤網站來訪者稠。為滿足家烘長，學生的叫2個特定類額別的來訪者繩，特設置了付家長頻道和傅學生頻道，碑家長頻道欄中目信息根據葬針對家長的蠅需求，欄目孕包括，教學暮公告，到校謀記錄，家長廊留言，家長島預約，家庭圈教育。其中刻教學公告包汗括作業(yè)公告湊，考試公告俯等子欄目。竹家長留言是禍一個互動欄火目，這個欄種目專門針對確家長，對學慧校政策，教么學進度的詢黃問，意見等培。學生頻道姻欄目實現信牙息主要都是銜與學生緊密暴相關的欄目龍，比如高招耍信息，高考石題庫等。董2．留言模擦塊啦來訪者中有宅不少人對學捷校的發(fā)展和孫現狀有很多手建議和觀點稠需要對學校烏提出，作為惕學校的窗口名，所以本站睛需要提供讓假來訪者發(fā)言晴的平臺，正奪是由于這個刺原因，所以寺本網站設計廊和規(guī)劃有留痰言模塊，本依模塊又分為狂瀏覽著前臺拌發(fā)言和瀏覽譜子模塊以及沃后臺管理員款刪除修改發(fā)振言子模塊。盞3．在線調老查模塊駐本網站對一敵些社會熱點爽提供在線調焦查的欄目，再來訪者可以字對網站上的畢社會熱點問傲題投上代表中自己觀點的釀一票。這樣巴就可以綜合掩民意得到教繼育等熱點從玻而決定以后朵的發(fā)展方向積。遇4．流量統(tǒng)孩計模塊極作為管理員倡應該實時知戴道本網站的館流量。流量殿統(tǒng)計的數據嬸包括：網站折開站的天數忘，瀏覽的總持數，當日的訂瀏覽數，昨棟日的瀏覽數約，本月的瀏悔覽數，上月隱的瀏覽數，街平均來訪數荷等。一個網撿站如果沒有鼠流量，那么惡就說明了這撐個網站開設岡的欄目沒有路吸引力。作衰為管理員就死學?？梢酝ㄙt過流量及時獅知道網站開戴設新欄目后套流量是否有殼變化等。陜5．資源下州載模塊贊一個學校網沾站，如果可仁以提供瀏覽隊著獲得學校紛信息資源，缺可以提供家艷，校，師，膜生互動交流茫這些欄目還薄不夠，學校元的各種考試黑試卷等教育僅資源，也是即來訪者非常焦想獲得的，閃所以，設計檔了教育資源爛下載模塊。咬下載的資源飾包括教案，過試卷，其它綢軟件等。寨3易、后臺數據倆庫的設計編通過以上功旅能模塊的分己析和設計可年以知道，本健網站設計需罷要涉及到后把臺數據庫的佩設計。穿在數據庫應中用系統(tǒng)的開皺發(fā)過程中，惑數據庫的結叉構設計是一嚇個非常重要負的問題。數紗據庫結構設僑計的好壞將舟直接對應用贊系統(tǒng)的效率努以及實現的園效果產生影但響，好的數漿據庫結構會丸減小數據庫乓的存儲量，腫數據的完整賀性和一致性爭比較高，系懷統(tǒng)具有較快冊的響應速度闖，簡化基于隨此數據庫的傍應用程序的親實現等。朵在數據庫系槳統(tǒng)開始設計帶的時候應該負盡量考慮全件面，尤其應犬該仔細考慮曲用戶的各種孫需求，避免順浪費不必要典的人力和物丟力。井3．1數獄據庫需求分金析擴數據庫需求互分析是數據鬼庫結構設計瞇的第一個階覽段，是非常啦重要的一個葛階段。在這南個階段主要頌是收集基本遭數據，數據再結構以及確域定數據處理銜的流程，組炭成一個詳盡奧的數據字典鄉(xiāng)，為以后進咳一步設計打辭下基礎。戴在仔細調查及本站運作過字程的基礎上孔，我們得到牌本網站所處夸理的數據流姨程如圖所示吸。屑掌另管理冒員溝槐棕登鋪錄者物剪輸入登錄霧信息挎元禁紋嗎毅蠢賓來訪者登錄憂網站鋒普弦網站后臺管撲理簽蹤DB杏數據庫乏哨聰戰(zhàn)各種信息的黃瀏覽信息交互信息交互蔽諒釋管理呀方向松頓困各種信息俗后臺管理資源下載資源下載俊僅衣密碼視管理左通過以上數濃據流程可以掙看出：管理孤員通過登錄狹網站，輸入粱正確的用戶故名和密碼可厲以進行網站兇管理。進入尋管理狀態(tài)后接可以選擇管返理的項目，刊可以是對包煩括對管理員伐密碼在內的兆系統(tǒng)設置信醫(yī)息的修改，殼也可以是對卷本網站的各殿種數據庫中除其它的信息蛋進行后臺管節(jié)理，包括對屬學校概況，借學校新聞，棍教育科研，宰名校名師，競學生園地，挪招生信息，字招聘信息等的管理。管理奶的內容分為菊：對信息的滋添加，修改贈，刪除，審未核等操作。未來訪者可以壯在瀏覽器中選輸入學校網膨址登錄網站砌，通過點擊憤網站的鏈接向瀏覽各種相命關信息。這求些信息是通黃過調用后臺摟數據庫中相近關信息在前底臺顯示的。陜針對本網站陜的數據結構裁，可以通過幸對以上對本群站數據流程茅的內容和數銷據關系分析踩，得出以下子的數據項和乞數據結構如矛下：脆●唐喬新聞信息：掠新聞類別號濁，標題，所盲屬專欄，文許章來源，文卵章作者，內頸容，發(fā)布時宇間，點擊次貨數，關鍵字劣，狀態(tài)等闖。逼新聞類別：土類別號、類洞別名。溝新聞所屬欄眠目：欄目號程，類別號，攀欄目名。澡管理員信息飛：用戶名，那密碼等。慨留言信息：徒用戶名，電漁子郵箱地址貍，來自地區(qū)出，主頁地址俱，OICQ院號，ICQ毀號，頭像，墊留言內容等瞎。上留言后臺管儀理員信息：食用戶名，密頃碼等。餅在線調查信摧息：調查的誤主題編號，賭主題名稱，屈主要觀點1朋，主要觀點牧2，主要觀稿點3，主要往觀點4，觀旁點1的票數瓜，觀點2的逼票數，觀點字3的票數，占觀點4的票贊數。停流量統(tǒng)計信暖息：總流量添，今日流量該，昨日流量價，本月流量向，上月流量杠，開站日期成，最后訪問旬IP。膀資源信息：棗每條資源信對息包括文字輔介紹信息和帶資源存放信蘇息2個方面您，文字介紹艷信息和新聞傲信息一樣，機作為新聞信促息的一種，舊所以這里重攀點研究資源哭存放信息，側資源上傳后市存放信息包皇括：資源編瀉號，信息編廊號，存放路女徑3個屬性葵項。信息編嘉號對應該資五源文字信息辛在新聞信息喂中的編號。灑存放路徑存慢放資源上傳滔后的存放的沃路徑和文件捏名。清有了上面的銷數據結構，抄數據項和數點據流程，就買能進行下面極的數據庫設格計。討3素．2數據參庫概念結構封設計汪這一設計階賽段是在需求潔分析的基礎棵上，設計出導能夠滿足網糕站設計需求推的各種實體向，以及確定包它們之間的甲關系，為后唱面的邏輯結產構設計打下銜基礎。本網逮站根據上面破的設計規(guī)劃憑出的數據項扇和數據結構陜得出的實體綁有新聞實體暫，新聞類別臣實體，新聞座欄目實體，綢管理員實體辜，留言信息痰實體，在線搭調查信息實觸體，流量統(tǒng)廢計實體等。備下面詳細介狡紹本系統(tǒng)主艷要的實體以偽及主要實體貍之間的關系補。踐1：信息實蠅體E-R圖餡：佳眉霜末據革饞猜駱史柿路闊撈信息信優(yōu)息實體享信優(yōu)息編號灣肯番吩永趕嘉梨察殘輪主題厭交內飽作類別號旺賺港蒙…….激先獻欄目號壩2：信息類水別實體E-特R圖：貫世技裝示雀如笛芬么衛(wèi)草父信息類貢別實體拿已粥怪詞類別編號鏡備回銀類別酬名稱戰(zhàn)3：信息欄形目實體E-優(yōu)R圖：活局真騎艱影拳靠仗息養(yǎng)隆說信息欄新目實體粘尤拆欄目編首號允癥類梯別編號懲謠洪欄議目名稱喝4：管理員率實體E-R餓圖：熟獻文婦公搖澇舒營嶄貫勒透管理作員實體磚鋤雜用戶編青號妖酒子用戶名忌前守讓用戶密碼泊5：資源實載體屬性圖最祥窗毫訓姐肺警蒼鹽抱崖菜資源實瓜體毒泉有資源編詳號泡箏信土息編號議注窩資秋源路徑翅6：飽主要的實體照和實體之間宣的關系復E-R四圖如圖所示值。資源實體資源實體對應對應1111廟靠夠滿信息斤實體逐1踩食屬于焰怠1宏類別實體役天平影賴1風爐桿蹄山屬于霸謀樹管副理綿顯稅管理未傲稠瞧娃1幫熄燃饅灣回監(jiān)躍奴功掉循欄目轎實體羅祖妥管理扎某四管理員實頭體渾3．3數過據庫邏輯結梢構設計蹄我們需要將瘦上面的數據驕庫概念結構智轉化為AC再CESS2安000數據警庫系統(tǒng)所支興持的實際數彩據模型，也濁就是數據庫魯的邏輯結構柔。被在上面的實國體以及實體皺之間關系的趟基礎上，我栗們就可以形猴成數據庫中圈的表格以及樣各個表格之死間的關系。故根據分析階猜段得出的的遣結論，結合刻本網站對有魂關數據的存兩儲的需要，銜更加方便實由現該網站預暮期的所有功鼠能，現將本標系統(tǒng)設計成化5個數據庫教表，每個表啦的字段名、懶類型、寬度晝設計如下：捎數據庫中各林個表格的設砌計結果如表效3－1到表踏3－2所示摔。每個表格可對應在數據頌庫中的一個伍表。議表3－1為乞新聞信息表報。攪該表用來記雙錄存儲本網后站新聞信息蝦相關的各種攤信息：氣字段名沙類型萌寬度社說明赴newsi袍d雁自動編號點長整型缸新聞編號采typei永d叔數字尖小數栗類別編號露borde此rid知數字蹄小數及欄目編號免topic標文本怎80撐主題豬conte慢nt香備注載備注盜新聞內容篩ntime磁日期疲8譯發(fā)布時間好hits兇數字笛小數映閱讀次數株keys靠備注低備注誤關鍵字帆img姥文本勻50戰(zhàn)相關圖片豎nfrom蹲文本薄10挎0雨來源臥modif長y嘉文本沉30泳編輯人冤audit說數字枕長整型惕是否審核旨audit素er睡文本文50浮審核人豎write載r兄文本歲50句作者袍imgsi鄙ze寶數字沾小數鏟圖片大小仆3饞-窗2千：新聞類別輸表：壩該表用來存陸放本網站新恒聞信息的類團別名稱?？匙侄蚊蓄愋蜐L寬度垮說明臨typei虹d庸自動編號六長整型監(jiān)類別編號揉typen變ame恭文本象50川類別名稱族3執(zhí)-副3惰：新聞欄目領表：練該表用來存侍放本網站新壁聞信息的類略別名稱。暫字段名迫類型合寬度夸說明變borde濕rid禾自動編號娘長整型匆類別編號罵typei源d籍自動編號膚長整型謙類別編號冬boder碼name通文本徐50腐類別名稱撇3唯-4趙：管理員信駱息揀表：召該表用來存侍放本網站管庭理員信息。階字段名猾類型溝寬度趁說明蒸useri訓d序自動編號道長整型寺用戶編號卵name悔文本罪15臂用戶名獸pwd卡文本咐14偶密碼罷3引-董5挖：資源信息傲表：舊該表用來存各放本網站管盈理員信息。瞇字段名潔類型惡寬度亡說明艦id殖自動編號木長整型土資源編號螞Newsi囑d只文本腥15侮對應的信息累編號袋Lujin回文本瓶14并資源存放路爛徑愛以上是本系催統(tǒng)的庫表結輸構的設計簡炮要說明。洞4罵、網站的實糾現僚完成了以上胡的后臺數據擁庫的設計后匆，下面就可伐以對前面系蘋統(tǒng)分析階段俗邏輯設計出隙的功能模塊公將技術設計賤轉化成為物場理實現，是層系統(tǒng)建設的鋼實現階段。挪因此，網站座的實現的成航果將是系統(tǒng)摔分析和設計粒階段的結晶特?？?休.1美：安裝網站們設計相關軟苦件：懂本站設計需港要用到FL尤ASH8.憤0，Ado奉bePh淹otosh印op8.惰0，Dre進amwea介ver等網閣頁設計相關辛的軟件。吃其中FLA擇SH8.0讀主要完成網康頁中相關動解畫的設計和躁處理。旨Adobe艷Phot摟oshop和8.0主淡要完成網頁陪中相關的圖累片的大小，勇格式轉化，捏效果處理等消。紫Dream檔weave叫r主要完成趙網頁的排版豈、布局設計字。獸4車.歪2療炕建立加Asp奇的運行環(huán)境捏簽于目前流耗行的校windo睡ws熊操作平臺有士windo住ws偶xp等。下艱面針對這X務P操作平臺安上建立A侮sp省運行環(huán)境的久一些簡要介痕紹。培在圾windo起ws20潔00未/XP上建惰立君Asp緞的運行環(huán)境犧在肌windo侮ws20底00政/XP上運寧行皂Asp裁的環(huán)境也是芬IIS。如嚷果安裝的是找windo促ws20嶼00Se管rver,榮IIS5.而1將作為一陶個默認選項次被安裝。如郵果使用的是紅windo戚ws20禽00普/XP中文射專業(yè)版，則掠需要使用控氏制面板傭“倦添加/刪誦除程序約”肺來安裝II深S及其組件根。辭4．3、主抱頁的設計底來訪者輸入忽網址，首先悄打開的就是勻學校網站的羞主頁，主頁鄙設計應該美斷觀，同時提謎供足夠多的員鏈接，以便每來訪者可以醋通過鏈接導干航到自己所外關心的信息錘頁面上去。韻下面是該首黑頁運行的界寇面圖：萬該頁面的布森局結構是火∏倘型布局結構源。具體的說骨：在網頁的呈上面是lo僻g圖片和導旱航條。Lo陣g圖片表明算網站的主題昆：南部縣伏崗虎中學網站葡。導航條將僑本站的欄目復分成了學校抽概況，學校側新聞，教育拒科研，名校悄名師，學生圾園地，招生沉信息，誠聘鉆英才，校長偉信箱，網上明留言等欄目期。這些導航籃欄目分別設肥計有相應的洗文字鏈接，失點擊這些文洲字鏈接可以孫進入相應的矛頁面。定打開專業(yè)的孝網頁設計工噴具Drea廈mweav怕erUl為traDe閃v4。當1：新建一租個網頁文件閑，保存為架index拉.asp保，接著設置總頁面屬性，冊在屬性頁中場標題：南部潛縣伏虎中學奇。背景圖案屬：img/粒bg_li討ne.gi歌f?？炊x頁面中曲表格，單元載格，文字和疏鏈接的表現或風格。本頁肚面定義的語續(xù)句如下：旋<styl跨e>鬧body蝴{marg吐in:0p惰x;fon猶t-siz肆e:12p申x;ove透rflow曲-x:hi蒙dden;墨overf言low-y差:scro根ll;co跌lor:#啊66666井6;LIN間E-HEI魯GHT:閃160%}揮table光{fon災t-siz蝴e:12p飾x;LIN俗E-HEI修GHT:良160%}姑td{f肝ont-s燒ize:1聰2px;}秤.txt蔑{font駐-size基:12px愛;bord逝er-wi邪dth:0浮px;bo紛rder-幻botto腰m:1px垃soli唉d#00拾0000;星backg澆round虧-colo館r:#de都f鋼1f守7;pos團ition嚷:rela慣tive;勢top:0療px;le喂ft:5p摧x;pad獵ding-香botto頭m:0px掏;colo疤r:#a清0a土0a蘇0;}團a:lin稻k.lis資t{fo色nt-si搶ze:12適px;co缸lor:#蒼66666酒6;tex痕t-dec索orati苗on:no述ne;}暑a:vis盡ited.夾list壘{colo謎r:#66意6666;含text-榨decor憑ation靠:none題;}緣a:hov派er.li號st{c擔olor:衰#3333酒33;te劫xt-de援corat滅ion:u妄nderl仆ine;}盛a:lin自k.mor蘭e{fo聽nt-si嶼ze:12肺px;co橡lor:#藏66666阿6;tex軟t-dec嚷orati瞧on:no喬ne;}菊a:vis輝ited.達more婦{colo方r:#66件6666;津text-詢decor患ation婦:none齊;}賠a:hov匯er.mo秤re{c蛾olor:頂#3333舉33;te蠶xt-de役corat第ion:u朱nderl覽ine;}破img{酸borde磁r:0px股;}錢</sty揭le>附利用布局表尋格工具，設叉置好網頁的遞表格布局。咽然后就可以顆在表格中添葵加單元格。壩利用表格的譜屬性面板和支單元格屬性逐面板設定好側各自的屬性女以后，就可滴以在單元格扁中添加文字今和插入圖片寄。妥布局設計好回的網頁如下置：尋代碼設計：棍為了實現首蕩頁顯示學校西快訊，教育踢科研，名校覺名師，學生垃園地等文字艦信息以及為連了方便管理擴。不是在每敬個欄目設計荒靜態(tài)的文本窯信息，而是男內嵌jav仙a腳本，腳按本的數據源拼來自一個和魚數據庫相連撒接的asp俘文件：雄new.稅asp僑。下面給出柴學?？煊?，孩教育科研，聲名校名師，鼻學生園地對鉛應的四個j儲ava腳本掠語句：灣1：<sc移ript則langu扯age="扮javas葛cript耍"src梨="new借s.asp毒?type腐id=10弊&n=10泉?m=14政"></s仁cript透>劣2：<sc該ript谷langu脹age="悶javas那cript墊"src早="new侍s.asp妹?type眉id=11趟&n=10膜?m=14歡"></s少cript洪>眨3：<sc支ript殿langu干age="瞧javas升cript臟"src浩="new饒s.asp送?type躲id=12律&n=10樹?m=14爭"></s傾cript唇>擠4：<sc克ript朱langu率age="星javas暢cript節(jié)"src積="new玉s.asp男?type搬id=13吹&n=10犯?m=14承"></s懸cript氧>憑通過比較這果四條腳本語便句可以發(fā)現練，腳本調用床的是同一a釣sp文件，譜只是一個t逐ypeid閘不一樣。在俗數據庫的設揉計中我們以丹及知道，這澆個參數是新經聞的類別編隙號。由于這遼四類不同的委信息都是存康儲在數據庫觸中的new擁s表中，要裙實現信息的域分類就可以陪通過設定這偏個類別編號話。這里的否typei季d=10挎對應學校新狠聞，現typei飲d=1著1對應教育膽科研，剖typei茂d=1我2對應名校贊名師，頓typei愛d=1漿3對應學生介園地。陡下面簡單的裹介紹一下n蓮ews給.asp翅文件的代碼植：墾在news蟻.asp也文件中首先計獲得上面?zhèn)魇竭f的參數。聾通過下面的危語句實現：聲typei觸d=req獸uest(得"type哭id")司n=tri數m(req淚uest(概"n"))釀這里的n是暮查詢表中符欺合條件的多蔽少條記錄的相參數。努接著通過下坦面的語句從報數據庫ne繁ws表中查靠詢符合條件大的最后的n保條記錄：屑sql="蝦selec撞ttop狼"&巡n&"肺*fr徒omne拋wswh燥eret魂ypeid王="&彈cstr(蹲typei怖d)&康"an娛daud驕it=1持order竹byn蘋ewsid毫DESC允"功這里的au優(yōu)dit表示梅已經是審核陪通過的信息逢。最后的信已息顯示是按賠newsi料d號倒序排在列。時另外在該文伐件的開頭有紫包含文件：桶<!--#價inclu減defi阿le="f棚uncti族on/DB泥Open.贏asp"-憲->禍該文件用于乒鏈接數據庫磚。床在文件的末貌尾有包含文示件：教<!--#鴨inclu服defi童le="f侍uncti烈on/DB棋close損.asp"徑-->魄該包含文件居用于關閉數齒據庫。蘇4揮.缺4顯示新蒸聞和下載文艘件的管shown釘ews.a升sp于設計防在首頁中大弟量的新聞信格息是通過鏈青接到sho夜w匙news.飄asp氏文件來顯示缸新聞信息的談。比如在首器頁中點擊學規(guī)?？煊嵵械某我恍侣?，撥就可以鏈接詳到該頁面并烘顯示該新聞找的詳情。濟下面是學校挺快訊中托“館南部縣伏虎佩中學教學成巖果顯著肢”彩這條新聞后服顯示的頁面朱，該新聞的怕鏈接語句是硬：公shown品ews.a胡sp?ne痰wsid=論413狡這里的傳遞偉的參數ne近wsid用呢于傳遞顯示舞的新聞的編全號。站該頁面的設冤計過程首先盒在Drea罷mweav聲erUl省traDe忌v4中排盡版設計，設疑計的界面如怕圖所示：轉對比實際運志行的界面和修設計界面可竹以看出，導診航條的設計存不是在這里澆直接給出，迅而是通過腳咬本調用一個醋js文件。丑這樣設計的低好處在與可鐘以和其它的遍頁面共享該評導航的js盡文件。調用石腳本的語句搭如下：豈<scri騰ptla只nguag潔e="Ja查vaScr蓋ipt"粱src="貍newsb腐ar.js賺"></s害cript因>陜該news廉bar攪.js廢文件的語句芒如下：干docum融ent.w吊ritel煌n("<t喇able鑼width規(guī)=100%弱bord驢er=0際cells案pacin捧g=0c馳ellpa汗dding何=0>")御;姻docum窮ent.w政ritel湖n("敏<tra個lign=換cente私r>");壤docum背ent.w師ritel牛n("還<td茅widt鑒h=15%連><ah蛋ref=m喇ore.a昌sp?ty喘peid=舟9>學校概慶況</a>踏</td>貪");爬docum烈ent.w沖ritel斑n("舒<td雹widt帆h=14%釀><ah熄ref=m逢ore.a宴sp?ty勤peid=核10>學校囑新聞</a倍></td倦>");發(fā)docum躺ent.w痕ritel等n("廳<td賀widt圾h=14%疫><ah表ref=m獨ore.a灰sp?ty賤peid=船11>教育艇科研</a膠></td摩>");刊docum警ent.w蹄ritel骨n("酒<td男widt旱h=14%勢><ah盤ref=m梯ore.a啦sp?ty響peid=技12>名校樂名師</a亡></td訓>");米docum圾ent.w賊ritel漢n("廊<td巧widt競h=14%永><ah罰ref=m獅ore.a混sp?ty拐peid=河13>學生狂園地</a暴></td畝>");扁docum羨ent.w藍ritel像n("呆<td放widt處h=14%瘦><ah伸ref=m煎ore.a命sp?ty葉peid=驚14>招生梨信息</a禍></td污>");做docum倒ent.w箭ritel離n("寒<td市widt造h=14%追><ah帖ref=m晴ore.a盈sp?ty研peid=勤15>誠聘情英才</a香></td臣>");時docum作ent.w館ritel牽n("幻</tr>母");抖docum眨ent.w丸ritel巴n("</數table壁>");脂另外對比s銜howne徹ws攤.asp乘文件還可以唉看出，該頁親面中的新聞等標題和新聞吧內容也是調柴用其它的語役句和腳本的態(tài)。狹新聞標題調催用asp腳燦本：<%=外rs("t飽opic"然)%>用于芒顯示記錄集掩中的top雖ic字段值薪。該字段是俱通過sql戶語句實現的冷查詢記錄集臨中的字段值吵。相關的s些ql查詢語黎句如下：或rs.op肆en"s蒙elect巾*fr昂omne刑wswh太eren騙ewsid之="&麗cstr(也reque埋st("n央ewsid薦")),c遺onn,1摸,1飾該語句實現工從news笑表中查詢n急ewsid攀編號等于傳纏遞的參數n插ewsid滋的記錄。勤對于新聞的插內容顯示也邪和新聞的主朗題顯示類似剪，這里就不皇再說明。殘最后這里介大紹一下該頁市面顯示的與符本新聞相關兩的新聞的實移現技術：尤首先要從數參據庫中ne藥ws表的字夕段說起，在林news表肥中有一個k扁eys字段角。麗我們可以利耀用sql語痰句在new貨s表中查詢坡keys值賀和該新聞關貼鍵字類似的飯記錄，就可御以得到相關眨信息。Sq秧l語句如下俗：壩rsc.o諒pen"趨selec漢ttop禽"&蓬about朋news改&"*灶from樓news裙wher含ekey催slik觸e'%"醒&tr污im(rs丑("key懶s"))損&"%'斧and宏newsi扒d<>"膚&cst搞r(rs(殿"news涼id"))鋸&"驢anda覆udit=縣1ord犯erby腎ntim糞eDES檔C",co心nn,1,遇1丘shown喝ews.a傍sp文件除元了顯示新聞鍛詳細信息外萌，該文件同囑時還和下載李資源的詳細脈頁面共用。絡為了在顯示梅一般詳細信血息時候，不脾出現下載的丹字樣，可以漫利用嘉if喉語句進行判撕斷，利用i佛f語句對變話量xz進步愈判斷，如果德xz變量等頑于1，表明薪是資源下載債的詳細頁面符，這時候就毒顯示下載字技樣，下載鏈摔接來自資源燃表中的該資怠源對應路徑箱。疏4甘.原5更多新腔聞頁面的取more.魂asp笛設計朱在首頁中的烈學?？煊?，輩教育科研，深名校名師，崗學生園地都捧只是顯示了盼該類別的1壤0條信息，返如何得到更勻多的信息顯屢示？需在首敏頁之外另外行設計更多信截息顯示的引more.趙asp見頁面。在首感頁的導航條嘴上面都可以嗓鏈接到該頁虛面。在首頁蔑的導航條中飲分別有下面秀的鏈接語句情：遍1運：<ah吉ref="端more.盞asp?t旨ypeid照=10">堪…</a>但2：<a胳href=蓬"more蔥.asp?躲typei頑d=11"張>白…</a>督3：<a侍href=槳"more障.asp?膛typei哈d=12"海>瓜…</a>耍4：<a虧href=殊"more服.asp?扛typei童d=13"玉>蜓…</a>拍5：<a立href=君"more喝.asp?寸typei精d=14"維>排…</a>灰6：<a骨href=份"more床.asp?學typei滅d=15"古>嫂…</a>榮這些鏈接語仗句分別都是窮鏈接到mo睛re越.asp際文件，只是待傳遞的參數協(xié)不一樣。T噸ypeid愛=10…1驅5乎分別對應學伐校新聞該…遍誠聘英才。眉在本頁中就最是通過獲得柳的傳遞參數途確定sql蜘語句查詢n也ews中的壽類別號等于市傳遞的類別尾號的所有信順息的。結下面是傳遞溉參數為16母的頁面顯示份的界面圖：遵該頁面顯示況的所有ne菜ws表中t熱ypeid疾=1原6的新聞信踢息。保下面給出在儉Dream鑄weave將rUlt斗raDev乒4中排版疊設計的結果經：筍下面介紹該隆頁面實現顯歷示傳遞的參克數的所有信洪息的技術：擾首先利用下臨面的代碼實暴現建立一個冰記錄集和實發(fā)現sql查恐詢：說setr捎s=ser注ver.c狹reate團objec宮t("ad敗odb.r箱ecord壩set")窩rs.op懶en"s抗elect固*fr有omne者wswh伴eret稻ypeid芒="&刑cstr(皇typei肉d)&縮"and備audi玉t=1o罰rder程bynt晃imeD補ESC",朽conn,唯1,1櫻由于在ne極ws表中t討ypeid語等于傳遞的凡參數的記錄釣可能非常多節(jié)，那么全部小在一頁中顯書示不方便，思所以該頁又讓用到了數據推的分頁顯示學技術。姑下面給出本端頁中用到的炊分頁顯示的廈代碼：<%亡r墳espon主se.wr虧ite"禾<hrs瓜ize=0潛widt帽h='80村%'><d銜ival饒ign=c再enter撐>"式戰(zhàn)respo代nse.w潑rite懸"第<fo腫ntco蓬lor=r旬ed>"色+cst簡r(cur享page)鉗+"<腐/font支>頁/總<翻font蟻color惜=red>考"+c忙str(r挑s.pag初ecoun晚t)+逗"</fo宇nt>頁豈"捐導respo靈nse.w梯rite姿"本頁<f澇ontc階olor=妨red>"深+cs囑tr(i-選1)+呆"</fo閱nt>條/歌總<fon飼tcol嚼or=re曲d>"+潮cstr丈(rs.r餐ecord肢count軌)+"罩</fon閉t>條"溫旱ifcu闊rpage境=1弄then耗加速respo動nse.w處rite率"首頁前雞頁"else票享往respo浸nse.w美rite奧"<ah浴ref='勒more.紡asp?t脫ypeid色="&予cstr(交typei泰d)&授"&pag矮e=1'>隸首頁</a撤><a掛href=扯'more刻.asp?疲typei溪d="&描cstr饅(type盯id)&胃"&pa扯ge="歉&cst罪r(cur扎冒1)&斯"'>前頁庸</a>氏"莊屆endi起f吃燃ifc膛urpag句e=r澡s.pag帖ecoun傅tthe段n后朵寬respo姜nse.w縫rite那"后頁末或頁"else累尸址respo餃nse.w嶼rite矩"<ah賢ref='優(yōu)more.機asp?t葵ypeid母="&股cstr(犬typei旦d)&批"&pag戰(zhàn)e="&堂cstr親(curp圓age+1荒)&"伶'>后頁<暫/a><闊ahre賽f='mo逃re.as張p?typ迎eid="符&cs涌tr(ty結peid)足&"&匪page=訴"&c君str(r甜s.pag架ecoun咳t)&罪"'>末頁勞</a>"吵奸endi蜂f%>封分頁技術介錄紹見第五章圣的介紹。旦在該頁面的針左側，顯示渣的有推薦內強容和熱點文晚章二類信息串。繞下面來重點償介紹推薦內盲容實現的原廊理：篩在推薦內容腳的單元格中覆內嵌腳本：年<scri棵ptla幟nguag促e="ja練vascr耍ipt"巷src="纏news.肚asp?k槳ind=h雨ot&n=弓5"></莊scrip略t>虛腳本中調用樓的文件是姨news.閉asp例，傳遞的參艘數是匹kind這和淺n明。這里的k帳ind值為斧hot，n叮為5。殘這里的ho衛(wèi)t參數不是浩表示new徹s表中某個迷字段的值為窩hot，在萍實現的哪些蜻信息是屬于簽hot類別慢的時候，是翼通過sql遞查詢語句中景的通過ne完ws表中的鈴hits的滅次數反序輸屑出。也就是奸說hits槍點擊次數最城多的記錄顯鮮示。參數N戀的值傳遞顯頸示信息的條京數。際實現的關鍵歡語句如下：禍sql="絨selec箭ttop攪"&口n&"貞*fr首omne浮wswh圈eret塌ypeid猜="&望cstr(水typei綠d)&樣"an旺daud禾it=1低order質byh鞠itsD煎ESC"筑為了實現左評邊分類導讀扯的子欄目的城顯示，可以死從bord臉er表中查殺詢出大類為淋當前的ty斷peid編珍號的類別。松然后利用循銀環(huán)語句分別缸將bord薦er表中符旦合條件的小代類欄目顯示懷到頁面上。盾rs6.o吳pen"料selec圾t*f霸romb江order糖wher甘etyp偉eid="媽&re暴quest毀("typ技eid")歉,con疤n,1,1虧學生頻道中耀的學生留言揀，學生意見渣欄目屬于學翅生頻道欄目央，但是由于朗學生留言和俘學生反饋屬用于交互性的驢欄目，所以構，在后臺設類計中，并沒胖有把學生留舍言，學生意蠟見作為學生像頻道的子類茅別，由于不雷是子類，那頃么這里就無五法顯示通過針從bord設er表中查疏詢獲得。所玩以在這里為址了顯示該欄哲目，可以利耳用一個if給語句來進行瓣判斷類別值評，如果類別坡typei員d編號值為資17(學生黨頻道)，那稀么就利用i君f語句判斷意后另外添加鉗顯示學生留誘言等子欄目旁。顛泄翠轎馳if寬reque絨st("t箱ypeid初")=17裳then慈重婦尸摧r邊espon代se.wr練ite"僑<lit巾ype=c刪ircle球><ah初ref='界bbs/'贏targ蕩et=_b狀lank>掠"論騙瓣舍擦仇岡涉姥蘭型擇排respo陪nse.w納rite肺"學生提問貓"&"范</a>"溪桶崖樹語re風spons決e.wri道te"<起lity倍pe=ci紙rcle>繞<ahr撇ef='b確bs/'污targe狡t=_bl站ank>"抱黨稈璃深漲respo傭nse.w限rite黃"學生意見礎"&"肅</a>"凝但驕螺鐮end分if布4針.嶄6后臺管避理登錄的實壘現哲實現登錄的收文件有：遷login離.asp收和上check插.asp頃二個文件。兼Login霜.asp臉文件提供輸滾入用戶名和珠密碼已經校雅驗輸入的是俯否為空等判謝斷。輸入正壺確的用戶名都和密碼是否瞧正確是通過稿login宣.asp蛾文件中表單持提交的用戶擺名和密碼傳徑遞到che鈴ck箭.asp箭文件中和數域據庫中us渾er表用戶腦名和密碼對薪比是否正確扯，對正確的斑用戶名和密杯碼賦給一個既sessi皇on變量。倍進入到管理嚴主頁。實現掀的語句如下循：監(jiān)sessi妨on("p標urvie宗w")=r腎s("pu念rview峰")僑se猶ssion樸("nam亦e")=r委s("na診me")語res膜ponse燙.redi僅rect浮"admi救n/ind蓬ex.as濁p"托該sess伏ion變量戀的作用是在挽不同的網頁精之間傳遞登阿錄用戶的身旱份。因為管爽理頁面的權粘限只有管理泥員才能進入踢。所有當管論理員登錄時茄利用ses愈sion來羞將管理員的里身份在不同紡的管理頁面奸間傳遞著。型當用戶名和稻密碼賦給一臥個sess泄ion變量顛的同時也將素網頁轉向管插理主頁。在議管理主頁的厲開頭部分首泄先需要校驗匹身份。校驗含的實現的方保法是檢查s柴essio穿n變量是否驅為空。如果撇為空表明沒筋有經過管理狂登錄獲得合甜法的ses黨sion，船那么就不能那進入該頁面種。實現這個天功能的語句津如下：<%便if玉sessi間on("p致urvie可w")="牙"the參n裹瓶resp逗onse.丈redir勻ect"辟../lo刑gin.a裳sp"烤辛res跡ponse值.end劣end碰if%>排由以上的語企句可以看出弟，如果se李ssion網變量為空，筍則轉向登錄泰文件架login股.asp叛。下面是合待法的ses爛sion變條量登錄到管顛理主頁的界她面：瓜該頁面的實菊現使用了框地架技術。整故個頁面分為增左右二部分愉，左邊是用厘戶管理操作咳的一個列表鄭。右邊是對磨應的網頁。巖管理部分的往其它頁面和通實現的技術分這里就不再曠一一介紹。爹詳情可以參孝見源代碼文她件。丑4.7資嚴源下載欄目評的設計購資源下載重必點需要設計濃出資源的信蔥息的添加和正資源的上傳喊。牲在后臺管理民中，管理員鉗可以通過點墾擊資源下載書欄目中的子豐欄目比如試樸卷下載子菜評單，出現資犧源添加和資舒源上傳頁面皆。資源的添御加實現分為炒2步，第一涂步把資源上層傳到服務器宜下，同時把串上傳路徑記趴錄到資源表陸中，第二將插資源的文字煌信息添加到憂后臺信息表姨中。漫實現資源的距上傳和將上絮傳路徑保存肉到資源表，炊是由徒Addzi慢yuan.臂asp至文件實現的樹。掛為了實現上跌傳，需要用挺到ADO蛋Strea結m和FSO星對象。在A婚SP中，F漂SO的意思侵是File揮Syst沾emOb裝ject，猶即文件系統(tǒng)憂對象。我們削將要操縱的丟計算機文件澆系統(tǒng)，在這辱里是指位于瞧web服務產器之上。利膠用FSO等甲技術實現將左在服務器端魯創(chuàng)建上傳文綱件夾。寒基本原理是修：采用AD址OStr恒eam對象嚼的Bina休ryRea錦d方法將F梢ORM中的鎖所有數據讀吃出，從中截亡取出所需的艙文件數據，洋以二進制文紡件方式存盤胳。刪<form金acti孩on="a征ddziy村uan.a禾sp"t扯arget溪="_bl色ank"測encty偽pe="m雷ultip爺art/f豐orm-d踏ata"軋metho囑d="po東st">庭膝<tr巷bgco碌lor="干#FFFF競FF">冤魚<td轎width諸="20%口">排晌<d放ival酸ign="挎right沒">上傳文璃件</d瀉iv>谷董</td骨>奶甚<td才width因="80%續(xù)">警艙<i薪nput貸type捏="fi佛le"n笑ame=賊"fil盾ePic"磚size做="3腐0">葬渣企<inpu攪ttyp租e="役submi鞏t"na復me=蝦"Subm撿it"v昆alue蔬="上傳賀">復韻</雹td>來<側/tr>獎按</for偷m>括程式中沿使用了文件路對象，這樣歲在界uploa莊d_5xs別oft.i兵nc陽中采用Bi博naryR售ead方法盜讀來的原始彩數據就不僅脂僅是選擇的誦文件本身的伐數據，還包儉含該文件在闖用戶硬盤上置的路徑、類消型、提交頁閑面的表單域萄名等相關信隸息的描述，洋這樣我們就場需從中提取鉗出文件的具握體內容。根播據分析，數翠據的頭部信笛息和數據的羞分界線是兩晴對回車換行幻符，尾部也毀有分隔信息壓，我們能采撐用類似以下右的方法獲取河文件數據。典seto淹bjFor爺m=Ser孔ver.C抖reate道Objec數t("Sc倍ripti其ng.Di駛ction破ary")招set件objF追ile=S盲erver摔.Crea障teObj直ect("匪Scrip撲ting.踢Dicti捷onary右")默if過Reque柴st.To梅talBy掏tes<1瘡then照Exit石Sub趕set幸tStr擇eam=恩Serv絡er.Cr晝eateO抗bject蘿("ado串db.st門ream"悅)躺set助Data早_5xso氧ft=燈Serve局r.Cre彎ateOb梯ject(巖"adod蹦b.str怒eam")利Dat穴a_5xs組oft.T賽ype=勺1研Dat類a_5xs蟲oft.M迫ode=淘3孔Dat聾a_5xs超oft.O什pen崖Dat茅a_5xs罷oft.W豪rite厲Requ桃est.B陸inary揪Read(女Reque粥st.To近talBy駐tes)蹈Dat狹a_5xs貪oft.P下ositi劉on=0孕Req伸uestD雞ata=下Data_檢5xsof減t.Rea藏d已利用A騎DOST侄REAM中頑提供的二進扁制文件操作搜方法來完成裝，保存文件川的語句是：漆Stre征amOBJ漏.Save版ToFil破e(fi枕leNam內e,2)。電在這種操癥作中，我們宰能將有關的聲操作存放在彎一個類文件必中，在應用蛙時，直接將問該類文件包劫含在ASP傲程式中就能啟了。盤當文件上傳餡后