基于BS的校園網(wǎng)信息交流平臺

1、基于b/s的校園網(wǎng)信息交流平臺的設(shè)計與實現(xiàn)摘要建立具有創(chuàng)新性，互動性，友好性的校園網(wǎng)信息網(wǎng)站，為同學(xué)們提供一個綜合性的校園網(wǎng)交流平臺，以方便同學(xué)們?nèi)轿涣私庑?nèi)各學(xué)院的新聞資訊，自主建立生活討論圈子，共同參與話題的討論，促進同學(xué)們互動交流的興趣；同時，支持自由發(fā)布校內(nèi)交易信息，可對交易信息發(fā)表評價或留言，采用記錄ip來確保信息的有效性、文明性；另外，無限制人數(shù)的在線聊天室，可提供一個很好的在線交流平臺。最終實現(xiàn)校園網(wǎng)內(nèi)“信息共享、互動交流”的目的。關(guān)鍵詞：信息共享；互動交流；js+css+div；asp+sqlthe design and implementation of campus ne

2、t communication platform based on b/sabstract stablish a campus-wide information network with innovation, interaction and amity so as to provide an communication flat of comprehensive campus-wide information network. this network is convenient to make students to know the news about all academies. s

3、tudents are self-moving to establish the circles of life discussion. join in together to discuss topics, promote the interesting for interactive communication among them; at the same time, it gives support to the free campus-wide trading messages .could publish comments and leave words to trading me

4、ssages. use registered id to ensure the validity, civilization of messages; in addition, chat room on line without limit about member number, could offer a wonderful flat that use to communicate on line. achieving the goal of "share information, interactive communication" within campus-wid

5、e information network finally.key words: information sharing；interactive exchange；js+css+div；asp+sql目 錄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)站界面設(shè)計32.3網(wǎng)站亮點42.4設(shè)計目標(biāo)52.5技術(shù)指標(biāo)53網(wǎng)站架構(gòu)及欄目說明63.1首頁界面63.2欄目說明73.3網(wǎng)站架構(gòu)94網(wǎng)站管理系統(tǒng)說明104.1新聞發(fā)布系統(tǒng)104.2分類管理系統(tǒng)134.3會員中心管理144.4信息管理系

6、統(tǒng)154.5在線調(diào)查管理系統(tǒng)164.6系統(tǒng)管理員設(shè)置165相關(guān)技術(shù)說明175.1js滑動門技術(shù)175.2圖片翻頁效果175.3手機模擬上網(wǎng)說明185.4sub語句應(yīng)用185.5計算剩余時間195.6網(wǎng)站安全技術(shù)195.6.1md5加密195.6.2驗證碼技術(shù)195.7獲取客戶端ip205.8css+div技術(shù)205.9sql數(shù)據(jù)庫連接215.10flash倒計時器215.11asp+flash聊天系統(tǒng)226數(shù)據(jù)庫說明236.1數(shù)據(jù)庫表設(shè)計236.2數(shù)據(jù)庫表關(guān)系236.3數(shù)據(jù)庫er圖24結(jié)束語25參考文獻26致謝27基于b/s的校園網(wǎng)信息交流平臺的設(shè)計與實現(xiàn)1 概述1.1 項目背景從交互性看，w

7、eb1.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的任務(wù)是，將這些知識，通過每個用戶的瀏覽求知的力量，協(xié)作工作，把知識有機的組織起來，在這個過程中繼續(xù)將知識深化，并產(chǎn)生新的思想火花。如果說web1.0是以數(shù)據(jù)（信息）為核心，那web2.0是以人為核心，旨在為用戶提供更人性化的服務(wù)，是一次從核心內(nèi)容到外部應(yīng)用的革命?！皐eb1.0到web2.0的轉(zhuǎn)變，具體的說，從模式上是單純的讀向?qū)憽?/p>

8、共同建設(shè)發(fā)展；由被動地接收互聯(lián)網(wǎng)信息向主動創(chuàng)造互聯(lián)網(wǎng)信息邁進；從基本構(gòu)成單元上，是由網(wǎng)頁向發(fā)表/記錄的信息發(fā)展；從工具上，是由互聯(lián)網(wǎng)瀏覽器向各類瀏覽器、rss閱讀器等內(nèi)容發(fā)展；運行機制上，由client server向web services轉(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)。

9、在web1.0中實質(zhì)上是數(shù)據(jù)（信息）的互聯(lián)，是以數(shù)據(jù)（信息）為中心的；而web2.0中最終聯(lián)接的是用戶，如以用戶為核心來組織內(nèi)容的blog就是個典型代表，每個人在網(wǎng)絡(luò)上都可以是一個節(jié)點，blog的互聯(lián)本質(zhì)上是人的互聯(lián)，通過人的互聯(lián)會形成一個一個的群體，即學(xué)習(xí)共同體。1.2 項目分析1.2.1 校園網(wǎng)同類網(wǎng)站對比分析目前，學(xué)校的新聞（包括學(xué)校及各二級學(xué)院的新聞）分布都比較分散，暫時沒有一個校內(nèi)新聞信息網(wǎng)將其很好的匯聚起來。這樣，同學(xué)們在瀏覽學(xué)校相關(guān)新聞資訊時，只能登錄到一個一個學(xué)院主頁去看，這無疑要花費大量的時間，同時也使得瀏覽的信息面變小。同時，現(xiàn)在的大學(xué)生都比較喜歡一些互動性強的網(wǎng)站，比如發(fā)

10、布一些校內(nèi)交易信息、兼職招聘信息、或想組織一次活動、查找有共同愛好的人或話題。雖然校園網(wǎng)有bbs這樣的討論平臺，但顯然也沒有做到詳細(xì)的分類，且其信息的真實性缺乏有效的監(jiān)督。很顯然，現(xiàn)在校園網(wǎng)還沒有出現(xiàn)一個很好的信息共享、互動交流的平臺。1.2.2 項目可行性分析現(xiàn)在很多的學(xué)校和社會其他部門都已經(jīng)建立了網(wǎng)站，通過計算機網(wǎng)絡(luò)實現(xiàn)宣傳、交流及資源的整合。建立學(xué)校網(wǎng)站的意義：學(xué)校網(wǎng)站是實現(xiàn)教育資源分配的橋梁網(wǎng)絡(luò)有巨大的教育資源庫，它使每一位教師和學(xué)生都能均等的得到培訓(xùn)和受教育的機會。極大的提高教學(xué)效率。學(xué)校網(wǎng)站能提供教學(xué)互動的全新方式學(xué)校網(wǎng)站使得教師與教師、教師與學(xué)生、學(xué)生與學(xué)生之間的交流有了全新的方

11、式，它不再受到傳統(tǒng)課堂的制約。它可以使不同的學(xué)校同處一室，共同討論，共同共享。地理上的界限在這里模糊和消失了，學(xué)校網(wǎng)站是真正沒有圍墻的學(xué)校。就這樣，我們的目標(biāo)是要建設(shè)一個用于面向校園網(wǎng)用戶，達到信息共享、互動交流的平臺web2.0網(wǎng)站，整合了學(xué)校各學(xué)院的新聞版塊、校園生活討論圈子、校內(nèi)交易信息、會員控制板面中心、仿q群在線聊天系統(tǒng)。1.3 研究的目的及意義校園網(wǎng)共享信息資源建設(shè)是院校進行現(xiàn)代化教學(xué)、科研和管理活動的重要基礎(chǔ)，是校園網(wǎng)信息資源建設(shè)的主體內(nèi)容。把握網(wǎng)絡(luò)信息資源建設(shè)中的關(guān)鍵要點，采取必要的可行措施，以此加強校園網(wǎng)信息資源建設(shè)，特別是加強校園網(wǎng)共享信息資源建設(shè)，對于推進院校教育觀念的轉(zhuǎn)

12、變、優(yōu)化教學(xué)、改善教與學(xué)的環(huán)境，加快教育現(xiàn)代化步伐，培養(yǎng)更多的高素質(zhì)創(chuàng)新型人才有著十分重要的作用。272 項目策劃2.1 站點規(guī)劃建立具有創(chuàng)新性，互動性，友好性的校園網(wǎng)信息網(wǎng)站，為同學(xué)們提供一個綜合性的校園網(wǎng)交流平臺，以方便同學(xué)們?nèi)轿涣私庑?nèi)各學(xué)院的新聞資訊，自主建立生活討論圈子，共同參與話題的討論，促進同學(xué)們互動交流的興趣；同時，支持自由發(fā)布校內(nèi)交易信息，可對交易信息發(fā)表評價或留言，采用記錄ip來確保信息的有效性、文明性；另外，無限制人數(shù)的在線聊天室，可提供一個很好的在線交流平臺。最終實現(xiàn)校園網(wǎng)內(nèi)“信息共享、互動交流”的目的。2.2 網(wǎng)站界面設(shè)計網(wǎng)站在設(shè)計風(fēng)格上力求整體形象保持一致，在色彩

13、搭配、圖片動畫的應(yīng)用及版面規(guī)劃上保持網(wǎng)頁的整體一致性，符合大多數(shù)人的審美習(xí)慣，給瀏覽者帶來良好的視覺享受和精神愉悅感。在新技術(shù)的運用上充分考慮目標(biāo)訪問群體的年齡階層、網(wǎng)絡(luò)速度、閱讀習(xí)慣。 網(wǎng)站ui（用戶界面）設(shè)計不僅包括網(wǎng)站的平面設(shè)計，還包括整個網(wǎng)站的框架設(shè)計，讓瀏覽者花最少的時間找到自己需要的東西，同時還要注重用戶的使用習(xí)慣，保證資料的排列有序。網(wǎng)站色彩和logo、gif、flash動畫制作；圖片制作；banner橫幅制作；button按鈕制作。根據(jù)和諧、均衡和重點突出的原則，將不同的色彩進行組合、搭配構(gòu)成和諧美觀的頁面。2.3 網(wǎng)站亮點l ip地址自動獲取 由于校園網(wǎng)用戶每臺pc機都有固定

14、的ip地址，網(wǎng)站系統(tǒng)能夠自動獲取注冊會員的ip地址，以監(jiān)督其在發(fā)布交易信息或進行圈內(nèi)話題討論時，語言的文明性和信息的安全性。l 欄目自定義設(shè)計 后臺管理操作中，所有二級欄目都可以進行增加、修改及刪除，如：新聞版塊中，我要增加一個二級學(xué)院的名稱，“計科”，然后可以在發(fā)布新聞時選擇對應(yīng)的二級學(xué)院名稱發(fā)布該學(xué)院的新聞。此功能在圈子和交易系統(tǒng)管理中同樣應(yīng)用到，大大方便了網(wǎng)站的版塊增刪及管理。l 信息管理系統(tǒng)后臺操作中，可以對圈子話題及其回復(fù)、交易信息及其回復(fù)進行管理，以確保信息的可操作性和安全性。同時增加了信息“推薦”功能，使有價值的信息方便快速地被瀏覽者所獲取。l 驗證碼及md5加密技術(shù)在生成驗證碼

15、圖片的時候，同時生成了一個session，其值就是驗證碼圖片中的數(shù)字值。同時，提供輸入框讓用戶輸入，提交輸入值后，與已有的session值進行比較，根據(jù)判斷結(jié)果做相應(yīng)判斷。md5加密則應(yīng)用于對密碼的加密，不以明碼在數(shù)據(jù)庫中顯視，確保會員及管理者密碼的安全性。l js滑動門技術(shù)以新聞這一塊來說，由于考慮到學(xué)校目前有十四個二級學(xué)院，而又要將各學(xué)院的最新新聞分類地在網(wǎng)站首頁中顯視，以方便廣大師生快速閱讀瀏覽，如果按照傳統(tǒng)的設(shè)計理念將會使得版面過于繁重，且和嚴(yán)重影響整個信息平臺的排版布置，于是采用了當(dāng)前比較流行的js滑動門技術(shù)，這樣很好地解決了這一問題。l asp+flash聊天群系統(tǒng) 結(jié)合了傳統(tǒng)聊天

16、室的技術(shù)和當(dāng)前新興的qq群聊設(shè)計理念，在線聊天系統(tǒng)采用無數(shù)據(jù)保留，為廣大師生提供在線即時交流的平臺。盡管只有簡單的輸入發(fā)送等常規(guī)的聊天模式，不過已經(jīng)可以滿足在線聊天的目的。l “圈子”概念的應(yīng)用 讓有共同興趣愛好、同一集體等人群，在網(wǎng)絡(luò)虛擬的空間里，聚集在一起，組織成為一個校園生活圈子，共同討論圈內(nèi)的話題，達到互動交流的目的。注冊會員可以創(chuàng)建新的圈子，或加入自己感興趣的圈子，結(jié)識圈內(nèi)朋友，討論圈內(nèi)的話題。2.4 設(shè)計目標(biāo)頁面實現(xiàn)技術(shù)目標(biāo)/網(wǎng)站的設(shè)計原則1) 系統(tǒng)欄目易于增加、修改、刪除和維護；2) 確保資源的安全，能夠有效地防止資源外部流失；3) 確保相關(guān)數(shù)據(jù)在網(wǎng)上的應(yīng)用速度；4） 系統(tǒng)具有充

17、分靈活的擴展能力，以滿足不斷發(fā)展的需要：美工目標(biāo)：1） 整體設(shè)計風(fēng)格能體現(xiàn)當(dāng)代大學(xué)生的時代元素，以藍色調(diào)為主線，各子欄目頁面可根據(jù)不同功能的特點，并結(jié)合網(wǎng)站整體的設(shè)計理念；2） 色彩飽和、線條流暢和充分的空間留白；3） 對頁面進行優(yōu)化，保證瀏覽者能快速地查找到目標(biāo)信息；4） 優(yōu)化頁面代碼，極大減少頁面的無效、沉余代碼；5） 頁面采用開放式結(jié)構(gòu)設(shè)計，具有較大的可擴展性。2.5 技術(shù)指標(biāo)l 采用校園網(wǎng)網(wǎng)內(nèi)的數(shù)據(jù)庫服務(wù)器、web服務(wù)器、應(yīng)用程序服務(wù)器。l 采用瀏覽器/服務(wù)器（b/s）體系結(jié)構(gòu)，使用方便；l 網(wǎng)頁開發(fā)語言：asp；數(shù)據(jù)庫使用 sql server2000l 充分考慮網(wǎng)站功能、開發(fā)過程、

18、系統(tǒng)運行效率、穩(wěn)定性和安全性。l 分析在系統(tǒng)設(shè)計和實施過程中，對于應(yīng)用程序開發(fā)、網(wǎng)頁設(shè)計、數(shù)據(jù)庫設(shè)計、技術(shù)難點提供可行的解決辦。l 適合在多種常用的軟硬件平臺環(huán)境中運行，并具備強大的技術(shù)升級能力。 l 具備全面嚴(yán)格的安全機制，確保網(wǎng)上商務(wù)活動的安全進行。3 網(wǎng)站架構(gòu)及欄目說明3.1 首頁界面在內(nèi)容上，首頁以圖片及文字為主，主要以平面圖和flash的形式來給網(wǎng)站瀏覽者以第一視覺沖擊力，并且管理員在后臺可以動態(tài)更新首頁的內(nèi)容，使整個網(wǎng)站時時充滿生機和活力。在設(shè)計上，注重協(xié)調(diào)各區(qū)域的主次關(guān)系，以營造高易用性與視覺舒適性的人機交互界面為終極目標(biāo)。充分體現(xiàn)網(wǎng)站首頁的導(dǎo)航功能，對于網(wǎng)站的各部分內(nèi)容展現(xiàn)又有

19、側(cè)重點。3.2 欄目說明面向校園網(wǎng)用戶，達到信息共享、互動交流的平臺，整合了學(xué)校各學(xué)院的新聞版塊、校園生活討論圈子、校內(nèi)交易信息、會員控制板面中心、仿q群在線聊天系統(tǒng)。1、新聞各二級學(xué)院的新聞，由后臺管理員從各學(xué)院主面新聞中轉(zhuǎn)載，使之前較為分散的學(xué)校新聞能夠匯集在一起，方便校內(nèi)學(xué)生瀏覽。 功能：以新聞分類（以二級學(xué)院名稱分類，如：計科）等一些常見的新聞發(fā)布系統(tǒng)的功能為主，后臺支持在線增加、修改、刪除新聞。同時，圖片新聞以當(dāng)今流行的動態(tài)圖片flash演示為表現(xiàn)形式在網(wǎng)站首頁展示，可以在后臺更新，方便管理。2、圈子受當(dāng)今流行的博客圈子文化的啟發(fā)，讓有共同愛好或不同班級專業(yè)的同學(xué)具有一個很好的交流平

20、臺，本網(wǎng)站特別建立一個校園生活討論圈子，下設(shè)十多種分類屬性：班級討論、社團協(xié)會、廣師同鄉(xiāng)、兼職就業(yè)、興趣愛好、郊游活動、我型我秀、人在廣師、原創(chuàng)文學(xué)等。舉個例子：it圈（愛好電腦的同學(xué)可以進來該圈子發(fā)表言論或看法）；04計本網(wǎng)本圈（本班的同學(xué)進來，用于班內(nèi)交流，或班務(wù)通知、調(diào)查討論等）；k歌之王圈（喜歡唱k的同學(xué)，周末可以一起組織去唱k）；nba圈（喜歡籃球的同學(xué)，可以加入該圈子一起交談）功能：圈子界面比較人性化，自定義logo、圈子描述、圈內(nèi)會員、圈子討論的話題及相冊等，圈內(nèi)成員能夠發(fā)表話題貼子和相片，對應(yīng)的管理操作由圈主管理。3、交易校內(nèi)交易，出售、求購、轉(zhuǎn)讓、二手.學(xué)生/老師可以發(fā)布需求

21、信息 舉個例子：需要買賣二手電腦硬件、 轉(zhuǎn)讓演唱會門票、手機充值卡優(yōu)惠活動的都可以將信息發(fā)布在這一版塊上。 功能：注冊會員可以瀏覽、發(fā)布校內(nèi)交易信息，信息可以自行設(shè)定有效期，會員具有參與評價及詢問等權(quán)限，所有的信息發(fā)布及回復(fù)操作者，系統(tǒng)都會獲取其ip地址，這樣就可以保證信息的有效性，及追究其責(zé)任的證據(jù)。4、會員包含會員的控制面板，一個很完整的會員操作中心 功能：會員注冊資料及密碼修改，交易信息發(fā)布及管理，自己所建或加入的圈子管理。5、聊天界面仿qq群，可在線即時聊天asp+flash。 功能：不限人數(shù)，只需輸入名稱就可以在線聊天，以最簡單的群聊形式表現(xiàn)，聊天數(shù)據(jù)不被保存在數(shù)據(jù)庫，減少數(shù)據(jù)庫的容

22、量壓力。3.3 網(wǎng)站架構(gòu)首頁新 聞圖片新聞二級學(xué)院新聞圈 子圈子信息討論圈頁面交 易交易信息詳細(xì)信息頁會 員會員注冊會員控制面板聊 天手機模擬上網(wǎng)網(wǎng)上投票調(diào)查本站公告會員信息信息評論話題討論本站信息wap導(dǎo)航站內(nèi)信息搜索4 網(wǎng)站管理系統(tǒng)說明4.1 新聞發(fā)布系統(tǒng)Ø 前臺頁面：Ø 后臺管理：u 圖片新聞管理1、 發(fā)布網(wǎng)站首頁圖片新聞相關(guān)信息及上傳圖片；2、 后臺管理操作支持修改及刪除操作；3、 增加成功后，需管理員審核并發(fā)布后，圖片新聞才能在網(wǎng)站首頁顯視，這增強了網(wǎng)站信息的安全性；4、 “撤消”則圖片不在前臺顯視，圖片需在審核通過后才能“發(fā)布”到前臺。u 新聞管理1、 后臺可以

23、增加新聞信息：填寫新聞標(biāo)題、選擇新聞所屬學(xué)院及填寫新聞內(nèi)容；2、 支持新聞信息的修改及刪除操作，管理方便。采用ewebsoft開發(fā)的多功能信息編輯器：1、 可以對新聞文字內(nèi)容進行常規(guī)的字體字號、段落對齊、復(fù)制粘貼等操作；2、 支持在新聞內(nèi)容中插入圖片、視頻或flash，提供本地上傳及網(wǎng)址引用方式；3、 可以在編輯器中插入表格、鏈接或表情等；4、 其它功能在此不再詳細(xì)說明，詳見編輯器中“？”幫助文件。 u 公告信息管理1、 后臺可添加公告信息，選擇是否在首頁公告欄中，顯視為紅色標(biāo)題；2、 支持對公告信息的刪除操作。4.2 分類管理系統(tǒng)Ø 前臺頁面：Ø 后臺操作界面：本網(wǎng)站的“

24、新聞”、“圈子”、“交易”的子欄目全部采用方便的分類管理系統(tǒng)控制，大大提高了網(wǎng)站自主管理的快捷性。全部欄目實現(xiàn)可控性，如：添加一個二級學(xué)院的新聞欄目，則在欄目管理界面的操作面板上，添加“計科”，則在新聞的編輯器的“新聞所屬類別”上，系統(tǒng)自動加入“計科”。并且本系統(tǒng)支持對欄目的名稱及排序進行修改和刪除操作，管理方便。4.3 會員中心管理Ø 會員注冊：輸入會員的注冊用戶名、密碼，其中郵箱用于在會員忘記密碼時，取回注冊密碼。Ø 會員控制面板：1、 修改會員基本資料填寫真實姓名或昵稱，所在的學(xué)院和班級，qq號碼或手機等聯(lián)系方式。2、 密碼修改 用于修改會員登錄密碼。3、 建立圖子

25、支持會員自主建立新的校園生活討論圈子，輸入圈子名稱、所屬分類、及圈子的簡要介紹和圈子的logo圖標(biāo)，用于更好地進行交流。 舉個例子：it圈（愛好電腦的同學(xué)可以進來該圈子發(fā)表言論或看法）；04計本網(wǎng)本圈（本班的同學(xué)進來，用于班內(nèi)交流，或班務(wù)通知、調(diào)查討論等）； nba圈（喜歡籃球的同學(xué)，可以加入該圈子一起交談）4、 圈子管理 會員可以查看自己所加入的圈子及其簡要信息。5、 發(fā)布交易信息 填寫交易信息的名稱、選擇是類別（出售、求購等），選擇交易信息的有效期，輸入交易的簡要描述，如有需要，可上傳相關(guān)圖片。6、 管理交易信息 發(fā)布者可以對所發(fā)布的交易信息進行修改和刪除信息操作。4.4 信息管理系統(tǒng)&#

26、216; 交易信息管理 系統(tǒng)管理員可以在網(wǎng)站后臺對網(wǎng)站會員所發(fā)布的校內(nèi)交易信息進行信息推薦或無效信息的刪除操作。Ø 圈子話題管理系統(tǒng)管理員可以在網(wǎng)站后臺對網(wǎng)站會員所發(fā)布的圈子話題信息進行信息推薦或無效信息的刪除操作。Ø 信息回復(fù)管理網(wǎng)站注冊會員在前臺對校內(nèi)交易信息和圈子話題進行回復(fù)，系統(tǒng)自動記錄會員的ip地址，同時，網(wǎng)站管理員可在后臺對回復(fù)內(nèi)容進行管理。4.5 在線調(diào)查管理系統(tǒng)網(wǎng)站提供在線調(diào)查功能，管理員可在網(wǎng)站后臺設(shè)置調(diào)查的主題，選項的內(nèi)容，同時，后臺可修改調(diào)查的得票數(shù)。4.6 系統(tǒng)管理員設(shè)置 增加網(wǎng)站管理員，并可修改管理員的密碼及刪除管理員帳號。5 相關(guān)技術(shù)說明5.1

27、js滑動門技術(shù)考慮到網(wǎng)站的排版及欄目內(nèi)容過多的問題，采用了目前最為流行的js滑動門技術(shù)，很好地解決了這問題，用最小的板塊展示更多的內(nèi)容。關(guān)鍵代碼如下：<script type="text/javascript" language="javascript"><!-function g(o)return document.getelementbyid(o);function hoverli(n) /如果有n個標(biāo)簽,就將i<=n;css中的滑動門技術(shù) for(var i=1;i<=4;i+)g('tbb_'+i).

28、classname='normaltab'g('tbcc_0'+i).classname='undis' g('tbcc_0'+n).classname='dis'g('tbb_'+n).classname='hovertab'/-></script>5.2 圖片翻頁效果本圖片翻頁效果的展示（圖片新聞）也是目前較為流行的技術(shù)，我們知道，如果直接將上傳的圖片從服務(wù)器中調(diào)用，將加重瀏覽的緩沖時間，本翻頁效果展示直接將圖片轉(zhuǎn)成二進制數(shù)值，圖片直接從數(shù)據(jù)庫中調(diào)用，大大加快了

29、圖片的調(diào)用速度。核心代碼：<%if i=1 then%> imgurl1="admin/picturenews/showimg0.asp?imgid=<%=rst("imgid")%>"imgtext1= "<%=rst("biaoti")%>"imglink1=escape("view.asp?id=<%=rst("id")%>");src="pixviewer.swf"flashvars="pi

30、cs='+pics+'&links='+links+'&texts='+texts+'&borderwidth='+focus_width+'&borderheight= '+focus_height+'&textheight='+text_height+'" menu="false" bgcolor="#f0f0f0" quality="high" width ="'+

31、focus_width +'" height="'+ focus_height +'"5.3 手機模擬上網(wǎng)說明我們知道，用普通的ie瀏覽器是訪問不了wap網(wǎng)站的，但由于在瀏覽器上要實現(xiàn)訪問wap網(wǎng)站有極大的難度，而且需要有專門的服務(wù)器作支持，所以本網(wǎng)站的手機模擬上網(wǎng)只是借用3g的服務(wù)器，并沒有真正意義上實現(xiàn)手機模擬上網(wǎng)的功能，只是作為一個頁面設(shè)計的創(chuàng)意版塊。 5.4 sub語句應(yīng)用在相關(guān)頁面調(diào)用config.asp中的代碼，使頁面代碼大大節(jié)省，加快頁面的運行速動，真正的做到了seo的優(yōu)化處理：<% call newht()%>c

32、onfig.asp中的“最新圈內(nèi)話題”代碼：<%sub newht()end sub%>5.5 計算剩余時間在網(wǎng)站會員發(fā)布校內(nèi)交易信息時，我們將對交易信息有效期作出限制，如果信息過了有效期，將作相應(yīng)的提示。其核心代碼如下：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

33、)f=m-t*24*60-h*60if t<0 thenstr="信息已經(jīng)過期!"elsestr="還有"&t&"天"&h&"小時"&f&"分結(jié)束!"5.6 網(wǎng)站安全技術(shù)5.6.1 md5加密本網(wǎng)站對會員及網(wǎng)站管理員的密碼采用16位的md5加密方法。（代碼略）grs("pwd")=md5(replace(trim(request("pwd"),"'",""

34、)5.6.2 驗證碼技術(shù)在生成驗證碼圖片的時候，同時生成了一個session，其值就是驗證碼圖片中的數(shù)字值。同時，提供輸入框讓用戶輸入，提交輸入值后，與已有的session值進行比較，根據(jù)判斷結(jié)果做相應(yīng)判斷。session控制。session控制與第1種的不同之處在于，對照碼放在一個session變量里，提交時會將你輸入的驗證碼與這個session變量或其函數(shù)值做比較，由于session變量是取不到的，所以破解的難度也大大增加。（代碼略）5.7 獲取客戶端ip本網(wǎng)站中，校內(nèi)交易信息和圈子話題討論都涉及到信息文明性及安全性問題，由于校園網(wǎng)用戶的ip為局域網(wǎng)內(nèi)的固定ip，所以我們可以通過記錄發(fā)言者

35、的ip地址來約束其所發(fā)布的信息有效性和文明性，保留追究其責(zé)任的權(quán)利。function userip()dim getclientip'如果客戶端用了代理服務(wù)器，則應(yīng)該用servervariables("http_x_forwarded_for")方法getclientip = request.servervariables("http_x_forwarded_for")if getclientip = "" or isnull(getclientip) or isempty(getclientip) then'如果客戶

36、端沒用代理，應(yīng)該用request.servervariables("remote_addr")方法getclientip = request.servervariables("remote_addr")end ifuserip = getclientipend function5.8 css+div技術(shù)為使網(wǎng)站各頁面的設(shè)計一致，在各頁面中都調(diào)用了同一個css文件：（詳細(xì)代碼略）<link href="style.css" rel="stylesheet" type="text/css"&g

37、t;<style type=text/css> <!- a:linkcolor: #999999;font-size:9pt;font-family: 隸書 a:visitedcolor:#999999;font-size:9pt;font-family: 隸書 a:activecolor: #999999;font-size:9pt;font-family: 隸書 a:hovercolor: #999999 bodycolor:#999999;font-size:9pt; font-family:隸書 -> </style>在div的運用上，本網(wǎng)站也多處可

38、以體現(xiàn)，最明顯的就是網(wǎng)站logo的div層處理。關(guān)于div的詳細(xì)說明在些省略。5.9 sql數(shù)據(jù)庫連接<%option explicitdim startime,endtime,conn,connstr,dbstartime=timer()connstr="driver=sql server;server=hudenq-n11t33nb;uid=sa;pwd=sa;database=gdinzx"set conn = server.createobject("adodb.connection")conn.open connstrfunction c

39、losedatabaseconn.closeset conn = nothingend function%>5.10 flash倒計時器Ø 設(shè)定倒計時目標(biāo)時間：function timer() var _loc11 = new date(2008, 5, 18, 9, 0, 0);Ø 定義秒鐘跳動狀態(tài)及其坐標(biāo)位置：var ssbar = attachmovie("timebar", "ssbar", 15, color: 0, totalvar: 60, _x: 5, _y: 82, per: "秒");5.11 asp+flash聊天系統(tǒng)Ø 登錄窗口代碼： on (release, keypress "<enter>")