基于BS的校園網(wǎng)信息交流平臺畢業(yè)論文

基于B/S的校園網(wǎng)信息交流平臺的設計與實現(xiàn)摘要建立具有創(chuàng)新性，互動性，友好性的校園網(wǎng)信息網(wǎng)站，為同學們提供一個綜合性的校園網(wǎng)交流平臺，以方便同學們?nèi)轿涣私庑?nèi)各學院的新聞資訊，自主建立生活討論圈子，共同參與話題的討論，促進同學們互動交流的興趣；同時，支持自由發(fā)布校內(nèi)交易信息，可對交易信息發(fā)表評價或留言，采用記錄IP來確保信息的有效性、文明性；另外，無限制人數(shù)的在線聊天室，可提供一個很好的在線交流平臺。最終實現(xiàn)校園網(wǎng)內(nèi)“信息共享、互動交流”的目的。關鍵詞：信息共享；互動交流；JS+CSS+DIV；ASP+SQLThedesignandimplementationofCampusnetcommunicationplatformbasedonB/SABSTRACTstablishaCampus-WideinformationNetworkwithinnovation,interactionandamitysoastoprovideancommunicationflatofcomprehensiveCampus-WideinformationNetwork.thisnetworkisconvenienttomakestudentstoknowthenewsaboutallacademies.studentsareself-movingtoestablishthecirclesoflifediscussion.joinintogethertodiscusstopics,promotetheinterestingforinteractivecommunicationamongthem;atthesametime,itgivessupporttothefreecampus-widetradingmessages.couldpublishcommentsandleavewordstotradingmessages.useregisteredIDtoensurethevalidity,civilizationofmessages;inaddition,chatroomonlinewithoutlimitaboutmembernumber,couldofferawonderfulflatthatusetocommunicateonline.achievingthegoalof"shareinformation,interactivecommunication"withinCampus-WideinformationNetworkfinally.Keywords:Informationsharing；Interactiveexchange；JS+CSS+DIV；ASP+SQL

畢業(yè)論文（設計）原創(chuàng)性聲明本人所呈交的畢業(yè)論文（設計）是我在導師的指導下進行的研究工作及取得的研究成果。據(jù)我所知，除文中已經(jīng)注明引用的內(nèi)容外，本論文（設計）不包含其他個人已經(jīng)發(fā)表或撰寫過的研究成果。對本論文（設計）的研究做出重要貢獻的個人和集體，均已在文中作了明確說明并表示謝意。作者簽名：日期：畢業(yè)論文（設計）授權使用說明本論文（設計）作者完全了解**學院有關保留、使用畢業(yè)論文（設計）的規(guī)定，學校有權保留論文（設計）并向相關部門送交論文（設計）的電子版和紙質(zhì)版。有權將論文（設計）用于非贏利目的的少量復制并允許論文（設計）進入學校圖書館被查閱。學?？梢怨颊撐模ㄔO計）的全部或部分內(nèi)容。保密的論文（設計）在解密后適用本規(guī)定。

作者簽名：指導教師簽名：日期：日期：

注意事項1.設計（論文）的內(nèi)容包括：1）封面（按教務處制定的標準封面格式制作）2）原創(chuàng)性聲明3）中文摘要（300字左右）、關鍵詞4）外文摘要、關鍵詞5）目次頁（附件不統(tǒng)一編入）6）論文主體部分：引言（或緒論）、正文、結論7）參考文獻8）致謝9）附錄（對論文支持必要時）2.論文字數(shù)要求：理工類設計（論文）正文字數(shù)不少于1萬字（不包括圖紙、程序清單等），文科類論文正文字數(shù)不少于1.2萬字。3.附件包括：任務書、開題報告、外文譯文、譯文原文（復印件）。4.文字、圖表要求：1）文字通順，語言流暢，書寫字跡工整，打印字體及大小符合要求，無錯別字，不準請他人代寫2）工程設計類題目的圖紙，要求部分用尺規(guī)繪制，部分用計算機繪制，所有圖紙應符合國家技術標準規(guī)范。圖表整潔，布局合理，文字注釋必須使用工程字書寫，不準用徒手畫3）畢業(yè)論文須用A4單面打印，論文50頁以上的雙面打印4）圖表應繪制于無格子的頁面上5）軟件工程類課題應有程序清單，并提供電子文檔5.裝訂順序1）設計（論文）2）附件：按照任務書、開題報告、外文譯文、譯文原文（復印件）次序裝訂3）其它

目錄1 概述 11.1 項目背景 11.2 項目分析 21.2.1 校園網(wǎng)同類網(wǎng)站對比分析 21.2.2 項目可行性分析 21.3 研究的目的及意義 22 項目策劃 32.1 站點規(guī)劃 32.2 網(wǎng)站界面設計 32.3 網(wǎng)站亮點 42.4 設計目標 52.5 技術指標 53 網(wǎng)站架構及欄目說明 63.1 首頁界面 63.2 欄目說明 73.3 網(wǎng)站架構 94 網(wǎng)站管理系統(tǒng)說明 104.1 新聞發(fā)布系統(tǒng) 104.2 分類管理系統(tǒng) 134.3 會員中心管理 144.4 信息管理系統(tǒng) 154.5 在線調(diào)查管理系統(tǒng) 164.6 系統(tǒng)管理員設置 165 相關技術說明 175.1 JS滑動門技術 175.2 圖片翻頁效果 175.3 手機模擬上網(wǎng)說明 185.4 Sub語句應用 185.5 計算剩余時間 195.6 網(wǎng)站安全技術 195.6.1 MD5加密 195.6.2 驗證碼技術 195.7 獲取客戶端IP 205.8 CSS+DIV技術 205.9 SQL數(shù)據(jù)庫連接 215.10 FLASH倒計時器 215.11 ASP+FLASH聊天系統(tǒng) 226 數(shù)據(jù)庫說明 236.1 數(shù)據(jù)庫表設計 236.2 數(shù)據(jù)庫表關系 236.3 數(shù)據(jù)庫ER圖 24結束語 25參考文獻 26致謝 27基于B/S的校園網(wǎng)信息交流平臺的設計與實現(xiàn)PAGE28PAGE27概述項目背景從交互性看，WEB1.0是網(wǎng)站對用戶為主；WEB2.0是以P2P為主。與Web1.0最大的不同就是Web2.0所提倡的個性化，在其中，個人不是作為被動的客體而是作為一種主體參與到了互聯(lián)網(wǎng)中，個人在作為互聯(lián)網(wǎng)的使用者之外，還同時成為了互聯(lián)網(wǎng)主動的傳播者、作者和生產(chǎn)者。WEB2.0的任務是，將這些知識，通過每個用戶的瀏覽求知的力量，協(xié)作工作，把知識有機的組織起來，在這個過程中繼續(xù)將知識深化，并產(chǎn)生新的思想火花。如果說web1.0是以數(shù)據(jù)（信息）為核心，那web2.0是以人為核心，旨在為用戶提供更人性化的服務，是一次從核心內(nèi)容到外部應用的革命?！癢eb1.0到Web2.0的轉(zhuǎn)變，具體的說，從模式上是單純的‘讀’向‘寫’、‘共同建設’發(fā)展；由被動地接收互聯(lián)網(wǎng)信息向主動創(chuàng)造互聯(lián)網(wǎng)信息邁進；從基本構成單元上，是由‘網(wǎng)頁’向‘發(fā)表/記錄的信息’發(fā)展；從工具上，是由互聯(lián)網(wǎng)瀏覽器向各類瀏覽器、RSS閱讀器等內(nèi)容發(fā)展；運行機制上，由‘ClientServer’向‘WebServices’轉(zhuǎn)變；作者由程序員等專業(yè)人士向全部普通用戶發(fā)展…”web2.0中用戶可讀寫。在web1.0階段，大多數(shù)用戶只是信息的讀者，而不是作者，一個普通的用戶只能瀏覽新浪網(wǎng)的信息而不能進行編輯；在web2.0階段人人都可以成為信息的提供者，每個人都可以在自己的BLOG上發(fā)表言論而無須經(jīng)過審核，從而完成了從單純閱讀者到信息提供者角色的轉(zhuǎn)變。Web2.0實現(xiàn)人的互聯(lián)。在web1.0中實質(zhì)上是數(shù)據(jù)（信息）的互聯(lián)，是以數(shù)據(jù)（信息）為中心的；而web2.0中最終聯(lián)接的是用戶，如以用戶為核心來組織內(nèi)容的Blog就是個典型代表，每個人在網(wǎng)絡上都可以是一個節(jié)點，Blog的互聯(lián)本質(zhì)上是人的互聯(lián)，通過人的互聯(lián)會形成一個一個的群體，即學習共同體。項目分析校園網(wǎng)同類網(wǎng)站對比分析目前，學校的新聞（包括學校及各二級學院的新聞）分布都比較分散，暫時沒有一個校內(nèi)新聞信息網(wǎng)將其很好的匯聚起來。這樣，同學們在瀏覽學校相關新聞資訊時，只能登錄到一個一個學院主頁去看，這無疑要花費大量的時間，同時也使得瀏覽的信息面變小。同時，現(xiàn)在的大學生都比較喜歡一些互動性強的網(wǎng)站，比如發(fā)布一些校內(nèi)交易信息、兼職招聘信息、或想組織一次活動、查找有共同愛好的人或話題。雖然校園網(wǎng)有BBS這樣的討論平臺，但顯然也沒有做到詳細的分類，且其信息的真實性缺乏有效的監(jiān)督。很顯然，現(xiàn)在校園網(wǎng)還沒有出現(xiàn)一個很好的信息共享、互動交流的平臺。項目可行性分析現(xiàn)在很多的學校和社會其他部門都已經(jīng)建立了網(wǎng)站，通過計算機網(wǎng)絡實現(xiàn)宣傳、交流及資源的整合。建立學校網(wǎng)站的意義：學校網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡有巨大的教育資源庫，它使每一位教師和學生都能均等的得到培訓和受教育的機會。極大的提高教學效率。學校網(wǎng)站能提供教學互動的全新方式學校網(wǎng)站使得教師與教師、教師與學生、學生與學生之間的交流有了全新的方式，它不再受到傳統(tǒng)課堂的制約。它可以使不同的學校同處一室，共同討論，共同共享。地理上的界限在這里模糊和消失了，學校網(wǎng)站是真正沒有圍墻的學校。就這樣，我們的目標是要建設一個用于面向校園網(wǎng)用戶，達到信息共享、互動交流的平臺WEB2.0網(wǎng)站，整合了學校各學院的新聞版塊、校園生活討論圈子、校內(nèi)交易信息、會員控制板面中心、仿Q群在線聊天系統(tǒng)。研究的目的及意義校園網(wǎng)共享信息資源建設是院校進行現(xiàn)代化教學、科研和管理活動的重要基礎，是校園網(wǎng)信息資源建設的主體內(nèi)容。把握網(wǎng)絡信息資源建設中的關鍵要點，采取必要的可行措施，以此加強校園網(wǎng)信息資源建設，特別是加強校園網(wǎng)共享信息資源建設，對于推進院校教育觀念的轉(zhuǎn)變、優(yōu)化教學、改善教與學的環(huán)境，加快教育現(xiàn)代化步伐，培養(yǎng)更多的高素質(zhì)創(chuàng)新型人才有著十分重要的作用。項目策劃站點規(guī)劃建立具有創(chuàng)新性，互動性，友好性的校園網(wǎng)信息網(wǎng)站，為同學們提供一個綜合性的校園網(wǎng)交流平臺，以方便同學們?nèi)轿涣私庑?nèi)各學院的新聞資訊，自主建立生活討論圈子，共同參與話題的討論，促進同學們互動交流的興趣；同時，支持自由發(fā)布校內(nèi)交易信息，可對交易信息發(fā)表評價或留言，采用記錄IP來確保信息的有效性、文明性；另外，無限制人數(shù)的在線聊天室，可提供一個很好的在線交流平臺。最終實現(xiàn)校園網(wǎng)內(nèi)“信息共享、互動交流”的目的。網(wǎng)站界面設計網(wǎng)站在設計風格上力求整體形象保持一致，在色彩搭配、圖片動畫的應用及版面規(guī)劃上保持網(wǎng)頁的整體一致性，符合大多數(shù)人的審美習慣，給瀏覽者帶來良好的視覺享受和精神愉悅感。在新技術的運用上充分考慮目標訪問群體的年齡階層、網(wǎng)絡速度、閱讀習慣。網(wǎng)站UI（用戶界面）設計不僅包括網(wǎng)站的平面設計，還包括整個網(wǎng)站的框架設計，讓瀏覽者花最少的時間找到自己需要的東西，同時還要注重用戶的使用習慣，保證資料的排列有序。網(wǎng)站色彩和Logo、Gif、Flash動畫制作；圖片制作；Banner橫幅制作；Button按鈕制作。根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配構成和諧美觀的頁面。網(wǎng)站亮點IP地址自動獲取由于校園網(wǎng)用戶每臺PC機都有固定的IP地址，網(wǎng)站系統(tǒng)能夠自動獲取注冊會員的IP地址，以監(jiān)督其在發(fā)布交易信息或進行圈內(nèi)話題討論時，語言的文明性和信息的安全性。欄目自定義設計后臺管理操作中，所有二級欄目都可以進行增加、修改及刪除，如：新聞版塊中，我要增加一個二級學院的名稱，“計科”，然后可以在發(fā)布新聞時選擇對應的二級學院名稱發(fā)布該學院的新聞。此功能在圈子和交易系統(tǒng)管理中同樣應用到，大大方便了網(wǎng)站的版塊增刪及管理。信息管理系統(tǒng)后臺操作中，可以對圈子話題及其回復、交易信息及其回復進行管理，以確保信息的可操作性和安全性。同時增加了信息“推薦”功能，使有價值的信息方便快速地被瀏覽者所獲取。驗證碼及MD5加密技術在生成驗證碼圖片的時候，同時生成了一個Session，其值就是驗證碼圖片中的數(shù)字值。同時，提供輸入框讓用戶輸入，提交輸入值后，與已有的Session值進行比較，根據(jù)判斷結果做相應判斷。MD5加密則應用于對密碼的加密，不以明碼在數(shù)據(jù)庫中顯視，確保會員及管理者密碼的安全性。JS滑動門技術以新聞這一塊來說，由于考慮到學校目前有十四個二級學院，而又要將各學院的最新新聞分類地在網(wǎng)站首頁中顯視，以方便廣大師生快速閱讀瀏覽，如果按照傳統(tǒng)的設計理念將會使得版面過于繁重，且和嚴重影響整個信息平臺的排版布置，于是采用了當前比較流行的JS滑動門技術，這樣很好地解決了這一問題。ASP+FLASH聊天群系統(tǒng)結合了傳統(tǒng)聊天室的技術和當前新興的QQ群聊設計理念，在線聊天系統(tǒng)采用無數(shù)據(jù)保留，為廣大師生提供在線即時交流的平臺。盡管只有簡單的輸入發(fā)送等常規(guī)的聊天模式，不過已經(jīng)可以滿足在線聊天的目的?！叭ψ印备拍畹膽米層泄餐d趣愛好、同一集體等人群，在網(wǎng)絡虛擬的空間里，聚集在一起，組織成為一個校園生活圈子，共同討論圈內(nèi)的話題，達到互動交流的目的。注冊會員可以創(chuàng)建新的圈子，或加入自己感興趣的圈子，結識圈內(nèi)朋友，討論圈內(nèi)的話題。設計目標頁面實現(xiàn)技術目標/網(wǎng)站的設計原則系統(tǒng)欄目易于增加、修改、刪除和維護；確保資源的安全，能夠有效地防止資源外部流失；確保相關數(shù)據(jù)在網(wǎng)上的應用速度；4）系統(tǒng)具有充分靈活的擴展能力，以滿足不斷發(fā)展的需要：美工目標：整體設計風格能體現(xiàn)當代大學生的時代元素，以藍色調(diào)為主線，各子欄目頁面可根據(jù)不同功能的特點，并結合網(wǎng)站整體的設計理念；色彩飽和、線條流暢和充分的空間留白；對頁面進行優(yōu)化，保證瀏覽者能快速地查找到目標信息；優(yōu)化頁面代碼，極大減少頁面的無效、沉余代碼；頁面采用開放式結構設計，具有較大的可擴展性。技術指標采用校園網(wǎng)網(wǎng)內(nèi)的數(shù)據(jù)庫服務器、WEB服務器、應用程序服務器。采用瀏覽器/服務器（B/S）體系結構，使用方便；網(wǎng)頁開發(fā)語言：ASP；數(shù)據(jù)庫使用SQLServer2000充分考慮網(wǎng)站功能、開發(fā)過程、系統(tǒng)運行效率、穩(wěn)定性和安全性。分析在系統(tǒng)設計和實施過程中，對于應用程序開發(fā)、網(wǎng)頁設計、數(shù)據(jù)庫設計、技術難點提供可行的解決辦。適合在多種常用的軟硬件平臺環(huán)境中運行，并具備強大的技術升級能力。具備全面嚴格的安全機制，確保網(wǎng)上商務活動的安全進行。網(wǎng)站架構及欄目說明首頁界面在內(nèi)容上，首頁以圖片及文字為主，主要以平面圖和FLASH的形式來給網(wǎng)站瀏覽者以第一視覺沖擊力，并且管理員在后臺可以動態(tài)更新首頁的內(nèi)容，使整個網(wǎng)站時時充滿生機和活力。在設計上，注重協(xié)調(diào)各區(qū)域的主次關系，以營造高易用性與視覺舒適性的人機交互界面為終極目標。充分體現(xiàn)網(wǎng)站首頁的導航功能，對于網(wǎng)站的各部分內(nèi)容展現(xiàn)又有側重點。欄目說明面向校園網(wǎng)用戶，達到信息共享、互動交流的平臺，整合了學校各學院的新聞版塊、校園生活討論圈子、校內(nèi)交易信息、會員控制板面中心、仿Q群在線聊天系統(tǒng)。1、新聞各二級學院的新聞，由后臺管理員從各學院主面新聞中轉(zhuǎn)載，使之前較為分散的學校新聞能夠匯集在一起，方便校內(nèi)學生瀏覽。功能：以新聞分類（以二級學院名稱分類，如：計科）等一些常見的新聞發(fā)布系統(tǒng)的功能為主，后臺支持在線增加、修改、刪除新聞。同時，圖片新聞以當今流行的動態(tài)圖片F(xiàn)LASH演示為表現(xiàn)形式在網(wǎng)站首頁展示，可以在后臺更新，方便管理。2、圈子受當今流行的博客圈子文化的啟發(fā)，讓有共同愛好或不同班級專業(yè)的同學具有一個很好的交流平臺，本網(wǎng)站特別建立一個校園生活討論圈子，下設十多種分類屬性：班級討論、社團協(xié)會、廣師同鄉(xiāng)、兼職就業(yè)、興趣愛好、郊游活動、我型我秀、人在廣師、原創(chuàng)文學等。舉個例子：IT圈（愛好電腦的同學可以進來該圈子發(fā)表言論或看法）；04計本網(wǎng)本圈（本班的同學進來，用于班內(nèi)交流，或班務通知、調(diào)查討論等）；K歌之王圈（喜歡唱K的同學，周末可以一起組織去唱K）；NBA圈（喜歡籃球的同學，可以加入該圈子一起交談）……功能：圈子界面比較人性化，自定義LOGO、圈子描述、圈內(nèi)會員、圈子討論的話題及相冊等，圈內(nèi)成員能夠發(fā)表話題貼子和相片，對應的管理操作由圈主管理。3、交易校內(nèi)交易，出售、求購、轉(zhuǎn)讓、二手...學生/老師可以發(fā)布需求信息舉個例子：需要買賣二手電腦硬件、轉(zhuǎn)讓演唱會門票、手機充值卡優(yōu)惠活動的都可以將信息發(fā)布在這一版塊上。功能：注冊會員可以瀏覽、發(fā)布校內(nèi)交易信息，信息可以自行設定有效期，會員具有參與評價及詢問等權限，所有的信息發(fā)布及回復操作者，系統(tǒng)都會獲取其IP地址，這樣就可以保證信息的有效性，及追究其責任的證據(jù)。4、會員包含會員的控制面板，一個很完整的會員操作中心功能：會員注冊資料及密碼修改，交易信息發(fā)布及管理，自己所建或加入的圈子管理。5、聊天界面仿QQ群，可在線即時聊天asp+flash。功能：不限人數(shù)，只需輸入名稱就可以在線聊天，以最簡單的群聊形式表現(xiàn)，聊天數(shù)據(jù)不被保存在數(shù)據(jù)庫，減少數(shù)據(jù)庫的容量壓力。網(wǎng)站架構首頁首頁新聞圖片新聞二級學院新聞圈子圈子信息討論圈頁面交易交易信息詳細信息頁會員會員注冊會員控制面板聊天手機模擬上網(wǎng)網(wǎng)上投票調(diào)查本站公告會員信息信息評論話題討論本站信息WAP導航站內(nèi)信息搜索網(wǎng)站管理系統(tǒng)說明新聞發(fā)布系統(tǒng)前臺頁面：后臺管理：圖片新聞管理發(fā)布網(wǎng)站首頁圖片新聞相關信息及上傳圖片；后臺管理操作支持修改及刪除操作；增加成功后，需管理員審核并發(fā)布后，圖片新聞才能在網(wǎng)站首頁顯視，這增強了網(wǎng)站信息的安全性；“撤消”則圖片不在前臺顯視，圖片需在審核通過后才能“發(fā)布”到前臺。新聞管理后臺可以增加新聞信息：填寫新聞標題、選擇新聞所屬學院及填寫新聞內(nèi)容；支持新聞信息的修改及刪除操作，管理方便。采用eWebSoft開發(fā)的多功能信息編輯器：可以對新聞文字內(nèi)容進行常規(guī)的字體字號、段落對齊、復制粘貼等操作；支持在新聞內(nèi)容中插入圖片、視頻或FLASH，提供本地上傳及網(wǎng)址引用方式；可以在編輯器中插入表格、鏈接或表情等；其它功能在此不再詳細說明，詳見編輯器中“？”幫助文件。公告信息管理后臺可添加公告信息，選擇是否在首頁公告欄中，顯視為紅色標題；支持對公告信息的刪除操作。分類管理系統(tǒng)前臺頁面：后臺操作界面：本網(wǎng)站的“新聞”、“圈子”、“交易”的子欄目全部采用方便的分類管理系統(tǒng)控制，大大提高了網(wǎng)站自主管理的快捷性。全部欄目實現(xiàn)可控性，如：添加一個二級學院的新聞欄目，則在欄目管理界面的操作面板上，添加“計科”，則在新聞的編輯器的“新聞所屬類別”上，系統(tǒng)自動加入“計科”。并且本系統(tǒng)支持對欄目的名稱及排序進行修改和刪除操作，管理方便。會員中心管理會員注冊：輸入會員的注冊用戶名、密碼，其中郵箱用于在會員忘記密碼時，取回注冊密碼。會員控制面板：修改會員基本資料填寫真實姓名或昵稱，所在的學院和班級，QQ號碼或手機等聯(lián)系方式。密碼修改用于修改會員登錄密碼。建立圖子支持會員自主建立新的校園生活討論圈子，輸入圈子名稱、所屬分類、及圈子的簡要介紹和圈子的LOGO圖標，用于更好地進行交流。舉個例子：IT圈（愛好電腦的同學可以進來該圈子發(fā)表言論或看法）；04計本網(wǎng)本圈（本班的同學進來，用于班內(nèi)交流，或班務通知、調(diào)查討論等）；NBA圈（喜歡籃球的同學，可以加入該圈子一起交談）圈子管理會員可以查看自己所加入的圈子及其簡要信息。發(fā)布交易信息填寫交易信息的名稱、選擇是類別（出售、求購等），選擇交易信息的有效期，輸入交易的簡要描述，如有需要，可上傳相關圖片。管理交易信息發(fā)布者可以對所發(fā)布的交易信息進行修改和刪除信息操作。信息管理系統(tǒng)交易信息管理系統(tǒng)管理員可以在網(wǎng)站后臺對網(wǎng)站會員所發(fā)布的校內(nèi)交易信息進行信息推薦或無效信息的刪除操作。圈子話題管理系統(tǒng)管理員可以在網(wǎng)站后臺對網(wǎng)站會員所發(fā)布的圈子話題信息進行信息推薦或無效信息的刪除操作。信息回復管理網(wǎng)站注冊會員在前臺對校內(nèi)交易信息和圈子話題進行回復，系統(tǒng)自動記錄會員的IP地址，同時，網(wǎng)站管理員可在后臺對回復內(nèi)容進行管理。在線調(diào)查管理系統(tǒng)網(wǎng)站提供在線調(diào)查功能，管理員可在網(wǎng)站后臺設置調(diào)查的主題，選項的內(nèi)容，同時，后臺可修改調(diào)查的得票數(shù)。系統(tǒng)管理員設置增加網(wǎng)站管理員，并可修改管理員的密碼及刪除管理員帳號。相關技術說明JS滑動門技術考慮到網(wǎng)站的排版及欄目內(nèi)容過多的問題，采用了目前最為流行的JS滑動門技術，很好地解決了這問題，用最小的板塊展示更多的內(nèi)容。關鍵代碼如下：<scripttype="text/javascript"language="javascript"><!--functiong(o){returndocument.getElementById(o);}functionHoverLi(n){//如果有N個標簽,就將i<=N;CSS中的滑動門技術for(vari=1;i<=4;i++){g('tbb_'+i).className='normaltab';g('tbcc_0'+i).className='undis';}g('tbcc_0'+n).className='dis';g('tbb_'+n).className='hovertab';}//--></script>圖片翻頁效果本圖片翻頁效果的展示（圖片新聞）也是目前較為流行的技術，我們知道，如果直接將上傳的圖片從服務器中調(diào)用，將加重瀏覽的緩沖時間，本翻頁效果展示直接將圖片轉(zhuǎn)成二進制數(shù)值，圖片直接從數(shù)據(jù)庫中調(diào)用，大大加快了圖片的調(diào)用速度。核心代碼：<%ifi=1then%>imgUrl1="admin/picturenews/showimg0.asp?imgid=<%=rst("imgid")%>";imgtext1="<%=rst("biaoti")%>";imgLink1=escape("view.asp?id=<%=rst("id")%>");……src="pixviewer.swf"FlashVars="pics='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight='+focus_height+'&textheight='+text_height+'"menu="false"bgcolor="#F0F0F0"quality="high"width="'+focus_width+'"height="'+focus_height+'"手機模擬上網(wǎng)說明我們知道，用普通的IE瀏覽器是訪問不了WAP網(wǎng)站的，但由于在瀏覽器上要實現(xiàn)訪問WAP網(wǎng)站有極大的難度，而且需要有專門的服務器作支持，所以本網(wǎng)站的手機模擬上網(wǎng)只是借用3G的服務器，并沒有真正意義上實現(xiàn)手機模擬上網(wǎng)的功能，只是作為一個頁面設計的創(chuàng)意版塊。Sub語句應用在相關頁面調(diào)用CONFIG.ASP中的代碼，使頁面代碼大大節(jié)省，加快頁面的運行速動，真正的做到了SEO的優(yōu)化處理：<%callnewht()%>CONFIG.ASP中的“最新圈內(nèi)話題”代碼：<%subnewht()……endsub%>計算剩余時間在網(wǎng)站會員發(fā)布校內(nèi)交易信息時，我們將對交易信息有效期作出限制，如果信息過了有效期，將作相應的提示。其核心代碼如下：i=pxrs("fbsj")'取出發(fā)布時間 j=pxrs("yxq")'取出有效天數(shù) dqsj=dateadd("d",j,i)'得出到期時間 m=datediff("n",now(),dqsj) t=int(m/60/24) h=int((m-t*24*60)/60) f=m-t*24*60-h*60 ift<0then str="信息已經(jīng)過期!" else str="還有"&t&"天"&h&"小時"&f&"分結束!"網(wǎng)站安全技術MD5加密本網(wǎng)站對會員及網(wǎng)站管理員的密碼采用16位的MD5加密方法。（代碼略）grs("pwd")=md5(replace(trim(request("pwd")),"'",""))驗證碼技術在生成驗證碼圖片的時候，同時生成了一個Session，其值就是驗證碼圖片中的數(shù)字值。同時，提供輸入框讓用戶輸入，提交輸入值后，與已有的Session值進行比較，根據(jù)判斷結果做相應判斷。session控制。session控制與第1種的不同之處在于，對照碼放在一個session變量里，提交時會將你輸入的驗證碼與這個session變量或其函數(shù)值做比較，由于session變量是取不到的，所以破解的難度也大大增加。（代碼略）獲取客戶端IP本網(wǎng)站中，校內(nèi)交易信息和圈子話題討論都涉及到信息文明性及安全性問題，由于校園網(wǎng)用戶的IP為局域網(wǎng)內(nèi)的固定IP，所以我們可以通過記錄發(fā)言者的IP地址來約束其所發(fā)布的信息有效性和文明性，保留追究其責任的權利。FunctionUserip()DimGetClientIP'如果客戶端用了代理服務器，則應該用ServerVariables("HTTP_X_FORWARDED_FOR")方法GetClientIP=Request.ServerVariables("HTTP_X_FORWARDED_FOR")IfGetClientIP=""orisnull(GetClientIP)orisempty(GetClientIP)Then'如果客戶端沒用代理，應該用Request.ServerVariables("REMOTE_ADDR")方法GetClientIP=Request.ServerVariables("REMOTE_ADDR")endifUserip=GetClientIPEndfunctionCSS+DIV技術為使網(wǎng)站各頁面的設計一致，在各頁面中都調(diào)用了同一個CSS文件：（詳細代碼略）<linkhref="style.css"rel="stylesheet"type="text/css"><styletype=text/css><!--A:link{COLOR:#999999;FONT-SIZE:9pt;FONT-FAMILY:隸書}A:visited{COLOR:#999999;FONT-SIZE:9pt;FONT-FAMILY:隸書}A:active{COLOR:#999999;FONT-SIZE:9pt;FONT-FAMILY:隸書}A:hover{COLOR:#999999}body{COLOR:#999999;FONT-SIZE:9pt;FONT-FAMILY:隸書}--></style>在DIV的運用上，本網(wǎng)站也多處可以體現(xiàn)，最明顯的就是網(wǎng)站LOGO的DIV層處理。關于DIV的詳細說明在些省略。SQL數(shù)據(jù)庫連接<%optionexplicitdimstartime,endtime,conn,connstr,dbstartime=timer() connstr="driver={SQLServer};server=HUDENQ-N11T33NB;uid=sa;pwd=sa;database=gdinzx"Setconn=Server.CreateObject("ADODB.Connection")conn.OpenconnstrfunctionCloseDatabaseConn.closeSetconn=NothingEndFunction%>FLASH倒計時器設定倒計時目標時間：functionTimer(){var_loc11=newDate(2008,5,18,9,0,0);}定義秒鐘跳動狀態(tài)及其坐標位置：varSSbar=attachMovie("timebar","SSbar",15,{color:0,TotalVar:60,_x:5,_y:82,per:"秒"});ASP+FLASH聊天系統(tǒng)登錄窗口代碼：on(release,keyPress"<Enter>"){ if(usereq""){ user="訪客"; } gotoAndStop(2);}聊天內(nèi)容輸入框，采用無數(shù)據(jù)記錄處理，代碼如下：on(release,keyPress"<Enter>"){ loadVariables("chat.asp?action=send","","POST"); msg="";}數(shù)據(jù)庫說明數(shù)據(jù)庫表設計數(shù)據(jù)庫表關系數(shù)據(jù)庫ER圖nnnmnmnnmnmnnm會員發(fā)言聊天室回復管理員公告欄發(fā)布瀏覽學院新聞管理圈子交易ID姓名內(nèi)容ID密碼驗證碼主題出處內(nèi)容圖片內(nèi)容名稱描述成員會員商品日期ID密碼驗證碼主題交易mmn結束語課題所研究的是基于B/S的校園網(wǎng)信息交流平臺的設計與實現(xiàn)，是一個具有網(wǎng)上信息交換系統(tǒng)基本框架的校園網(wǎng)系統(tǒng)。通過對本課題的研究、分析與設計，對設計網(wǎng)站的一般流程及對SQL數(shù)據(jù)庫的認識有了相當程度的提高，不再局限于書本知識和相關資料。而在往后的學習工作中，隨著認識的不斷加深，本系統(tǒng)將得到進一步的完善。在將近兩個月的設計時間里，我克服了重重障礙，并加之不斷的推敲鉆研，在這段日子里，我學到了很多東西，重新鞏固了原來的知識，甚至學到了那些沒有在大學課堂里學到的知識，為今后的工作和再學習指明了方向。能有現(xiàn)在這樣的成果，離不開老師和同學們的鼓勵和幫助。參考文獻[1]小志編著．ASP入門與實例演練?。褐袊嗄瓿霭嫔纾甗2]韓國峰，楊力學，王景春．網(wǎng)絡系統(tǒng)開發(fā)實例精粹(ASP版)：北京電子工業(yè)出版社，2006．[3]龍馬工作室．ASP+SQLServer組建動態(tài)網(wǎng)站實例精講——企業(yè)網(wǎng)站篇：北京人民郵電出版社，2005．[4]程秉輝．解決網(wǎng)頁設計一定會遇到的210個問題：北京希望電子出版社，2006．[5]李世杰．ActiveServerPages(ASP)3.0網(wǎng)頁設計手冊：北京清華大學出版社，1999．[6]前沿電腦圖像工作室．巧學巧用Dreamweaver、Fireworks、Flash制作網(wǎng)頁：北京：人民郵電出版社．[7]王健南．ASP數(shù)據(jù)庫管理項目方案精解：北京航空工業(yè)出版社，2006．[8]于淼．網(wǎng)頁設計與制作：中國人民大學出版社，2006．[9]朱如龍．SQLServer2005數(shù)據(jù)庫應用系統(tǒng)開發(fā)技術：機械工業(yè)出版社，2006．[10]韓國峰，柯華珅，王磊．ASP網(wǎng)站開發(fā)典型模塊與實例精講：電子工業(yè)出版社，2006.8．[11]劉亞姝，許小榮，張玉梅．ASP動態(tài)網(wǎng)站開發(fā)技術與實踐：電子工業(yè)出版社，2007.04．[12]湯代祿，韓建?。瓵SP案例開發(fā)集錦：電子工業(yè)出版社，2005.8．致謝衷心感謝老師在選題，實驗方法設計和設計過程中給予的大力支持和無私教誨！在論文成文之際，衷心感謝學校及學院的領導，感謝江朝勇老師的指導和同組成員的合作。感謝一些同學在整個畢設過程中給予的熱心的幫助和協(xié)作配合，使得本次畢業(yè)設計過程得以順利完成！感謝四年來所有與我共同經(jīng)歷，共同進步，共同成長的可愛的同學們！基于C8051F單片機直流電動機反饋控制系統(tǒng)的設計與研究基于單片機的嵌入式Web服務器的研究MOTOROLA單片機MC68HC（8）05PV8/A內(nèi)嵌EEPROM的工藝和制程方法及對良率的影響研究基于模糊控制的電阻釬焊單片機溫度控制系統(tǒng)的研制基于MCS-51系列單片機的通用控制模塊的研究基于單片機實現(xiàn)的供暖系統(tǒng)最佳啟停自校正（STR）調(diào)節(jié)器單片機控制的二級倒立擺系統(tǒng)的研究基于增強型51系列單片機的TCP/IP協(xié)議棧的實現(xiàn)基于單片機的蓄電池自動監(jiān)測系統(tǒng)基于32位嵌入式單片機系統(tǒng)的圖像采集與處理技術的研究基于單片機的作物營養(yǎng)診斷專家系統(tǒng)的研究基于單片機的交流伺服電機運動控制系統(tǒng)研究與開發(fā)基于單片機的泵管內(nèi)壁硬度測試儀的研制基于單片機的自動找平控制系統(tǒng)研究基于C8051F040單片機的嵌入式系統(tǒng)開發(fā)基于單片機的液壓動力系統(tǒng)狀態(tài)監(jiān)測儀開發(fā)模糊Smith智能控制方法的研究及其單片機實現(xiàn)一種基于單片機的軸快流CO〈,2〉激光器的手持控制面板的研制基于雙單片機沖床數(shù)控系統(tǒng)的研究基于CYGNAL單片機的在線間歇式濁度儀的研制基于單片機的噴油泵試驗臺控制器的研制基于單片機的軟起動器的研究和設計基于單片機控制的高速快走絲電火花線切割機床短循環(huán)走絲方式研究基于單片機的機電產(chǎn)品控制系統(tǒng)開發(fā)基于PIC單片機的智能手機充電器基于單片機的實時內(nèi)核設計及其應用研究基于單片機的遠程抄表系統(tǒng)的設計與研究基于單片機的煙氣二氧化硫濃度檢測儀的研制基于微型光譜儀的單片機系統(tǒng)單片機系統(tǒng)軟件構件開發(fā)的技術研究基于單片機的液體點滴速度自動檢測儀的研制基于單片機系統(tǒng)的多功能溫度測量儀的研制基于PIC單片機的電能采集終端的設計和應用基于單片機的光纖光柵解調(diào)儀的研制氣壓式線性摩擦焊機單片機控制系統(tǒng)的研制基于單片機的數(shù)字磁通門傳感器基于單片機的旋轉(zhuǎn)變壓器-數(shù)字轉(zhuǎn)換器的研究基于單片機的光纖Bragg光柵解調(diào)系統(tǒng)的研究單片機控制的便攜式多功能乳腺治療儀的研制基于C8051F020單片機的多生理信號檢測儀基于單片機的電機運動控制系統(tǒng)設計Pico專用單片機核的可測性設計研究基于MCS-51單片機的熱量計基于雙單片機的智能遙測微型氣象站MCS-51單片機構建機器人的實踐研究基于單片機的輪軌力檢測基于單片機的GPS定位儀的研究與實現(xiàn)基于單片機的電液伺服控制系統(tǒng)用于單片機系統(tǒng)的MMC卡文件系統(tǒng)研制基于單片機的時控和計數(shù)系統(tǒng)性能優(yōu)化的研究基于單片機和CPLD的粗光柵位移測量系統(tǒng)研究單片機控制的后備式方波UPS提升高職學生單片機應用能力的探究基于單片機控制的自動低頻減載裝置研究基于單片機控制的水下焊接電源的研究基于單片機的多通道數(shù)據(jù)采集系統(tǒng)基于uPSD3234單片機的氚表面污染測量儀的研制基于單片機的紅外測油儀的研究96系列單片機仿真器研究與設計基于單片機的單晶金剛石刀具刃磨設備的數(shù)控改造基于單片機的溫度智能控制系統(tǒng)的設計與實現(xiàn)基于MSP430單片機的電梯門機控制器的研制基于單片機的氣體測漏儀的研究基于三菱M16C/6N系列單片機的CAN/USB協(xié)議轉(zhuǎn)換器基于單片機和DSP的變壓器油色譜在線監(jiān)測技術研究基于單片機的膛壁溫度報警系統(tǒng)設計基于AVR單片機的低壓無功補償控制器的設計基于單片機船舶電力推進電機監(jiān)測系統(tǒng)基于單片機網(wǎng)絡的振動信號的采集系統(tǒng)基于單片機的大容量數(shù)據(jù)存儲技術的應用研究基于單片機的疊圖機研究與教學方法實踐基于單片機嵌入式Web服務器技術的研究及實現(xiàn)基于AT89S52單片機的通用數(shù)據(jù)采集系統(tǒng)基于單片機的多道脈沖幅度分析儀研究機器人旋轉(zhuǎn)電弧傳感角焊縫跟蹤單片機控制系統(tǒng)基于單片機的控制系統(tǒng)在PLC虛擬教學實驗中的應用研究基于單片機系統(tǒng)的網(wǎng)絡通信研究與應用基于PIC16F877單片機的莫爾斯碼自動譯碼系統(tǒng)設計與研究基于單片機的模糊控制器在工業(yè)電阻爐上的應用研究基于雙單片機沖床數(shù)控系統(tǒng)的研究與開發(fā)基于Cygnal單片機的μC/OS-Ⅱ的研究基于單片機的一體化智能差示掃描量熱儀系統(tǒng)研究HYPERLIN