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

1、基于b/s的校園網(wǎng)信息交流平臺(tái)的設(shè)計(jì)與實(shí)現(xiàn)摘要建立具有創(chuàng)新性，互動(dòng)性，友好性的校園網(wǎng)信息網(wǎng)站，為同學(xué)們提供一個(gè)綜合性的校園網(wǎng)交流平臺(tái)，以方便同學(xué)們?nèi)轿涣私庑?nèi)各學(xué)院的新聞資訊，自主建立生活討論圈子，共同參與話題的討論，促進(jìn)同學(xué)們互動(dòng)交流的興趣；同時(shí)，支持自由發(fā)布校內(nèi)交易信息，可對(duì)交易信息發(fā)表評(píng)價(jià)或留言，采用記錄ip來(lái)確保信息的有效性、文明性；另外，無(wú)限制人數(shù)的在線聊天室，可提供一個(gè)很好的在線交流平臺(tái)。最終實(shí)現(xiàn)校園網(wǎng)內(nèi)“信息共享、互動(dòng)交流”的目的。關(guān)鍵詞：信息共享；互動(dòng)交流；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項(xiàng)目背景11.2項(xiàng)目分析21.2.1校園網(wǎng)同類網(wǎng)站對(duì)比分析21.2.2項(xiàng)目可行性分析21.3研究的目的及意義22項(xiàng)目策劃32.1站點(diǎn)規(guī)劃32.2網(wǎng)站界面設(shè)計(jì)32.3網(wǎng)站亮點(diǎn)42.4設(shè)計(jì)目標(biāo)52.5技術(shù)指標(biāo)53網(wǎng)站架構(gòu)及欄目說(shuō)明63.1首頁(yè)界面63.2欄目說(shuō)明73.3網(wǎng)站架構(gòu)94網(wǎng)站管理系統(tǒng)說(shuō)明104.1新聞發(fā)布系統(tǒng)104.2分類管理系統(tǒng)134.3會(huì)員中心管理144.4信息管理系

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

7、eb1.0是網(wǎng)站對(duì)用戶為主；web2.0是以p2p為主。與web1.0最大的不同就是web2.0所提倡的個(gè)性化，在其中，個(gè)人不是作為被動(dòng)的客體而是作為一種主體參與到了互聯(lián)網(wǎng)中，個(gè)人在作為互聯(lián)網(wǎng)的使用者之外，還同時(shí)成為了互聯(lián)網(wǎng)主動(dòng)的傳播者、作者和生產(chǎn)者。web2.0的任務(wù)是，將這些知識(shí)，通過(guò)每個(gè)用戶的瀏覽求知的力量，協(xié)作工作，把知識(shí)有機(jī)的組織起來(lái)，在這個(gè)過(guò)程中繼續(xù)將知識(shí)深化，并產(chǎn)生新的思想火花。如果說(shuō)web1.0是以數(shù)據(jù)（信息）為核心，那web2.0是以人為核心，旨在為用戶提供更人性化的服務(wù)，是一次從核心內(nèi)容到外部應(yīng)用的革命?！皐eb1.0到web2.0的轉(zhuǎn)變，具體的說(shuō)，從模式上是單純的讀向?qū)憽?/p>

8、共同建設(shè)發(fā)展；由被動(dòng)地接收互聯(lián)網(wǎng)信息向主動(dòng)創(chuàng)造互聯(lián)網(wǎng)信息邁進(jìn)；從基本構(gòu)成單元上，是由網(wǎng)頁(yè)向發(fā)表/記錄的信息發(fā)展；從工具上，是由互聯(lián)網(wǎng)瀏覽器向各類瀏覽器、rss閱讀器等內(nèi)容發(fā)展；運(yùn)行機(jī)制上，由client server向web services轉(zhuǎn)變；作者由程序員等專業(yè)人士向全部普通用戶發(fā)展” web2.0中用戶可讀寫。在web1.0階段，大多數(shù)用戶只是信息的讀者，而不是作者，一個(gè)普通的用戶只能瀏覽新浪網(wǎng)的信息而不能進(jìn)行編輯；在web2.0階段人人都可以成為信息的提供者，每個(gè)人都可以在自己的blog上發(fā)表言論而無(wú)須經(jīng)過(guò)審核，從而完成了從單純閱讀者到信息提供者角色的轉(zhuǎn)變。 web2.0實(shí)現(xiàn)人的互聯(lián)。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

27、js滑動(dòng)門技術(shù)考慮到網(wǎng)站的排版及欄目?jī)?nèi)容過(guò)多的問(wèn)題，采用了目前最為流行的js滑動(dòng)門技術(shù)，很好地解決了這問(wèn)題，用最小的板塊展示更多的內(nèi)容。關(guān)鍵代碼如下：<script type="text/javascript" language="javascript"><!-function g(o)return document.getelementbyid(o);function hoverli(n) /如果有n個(gè)標(biāo)簽,就將i<=n;css中的滑動(dòng)門技術(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 圖片翻頁(yè)效果本圖片翻頁(yè)效果的展示（圖片新聞）也是目前較為流行的技術(shù)，我們知道，如果直接將上傳的圖片從服務(wù)器中調(diào)用，將加重瀏覽的緩沖時(shí)間，本翻頁(yè)效果展示直接將圖片轉(zhuǎn)成二進(jìn)制數(shù)值，圖片直接從數(shù)據(jù)庫(kù)中調(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 手機(jī)模擬上網(wǎng)說(shuō)明我們知道，用普通的ie瀏覽器是訪問(wèn)不了wap網(wǎng)站的，但由于在瀏覽器上要實(shí)現(xiàn)訪問(wèn)wap網(wǎng)站有極大的難度，而且需要有專門的服務(wù)器作支持，所以本網(wǎng)站的手機(jī)模擬上網(wǎng)只是借用3g的服務(wù)器，并沒(méi)有真正意義上實(shí)現(xiàn)手機(jī)模擬上網(wǎng)的功能，只是作為一個(gè)頁(yè)面設(shè)計(jì)的創(chuàng)意版塊。 5.4 sub語(yǔ)句應(yīng)用在相關(guān)頁(yè)面調(diào)用config.asp中的代碼，使頁(yè)面代碼大大節(jié)省，加快頁(yè)面的運(yùn)行速動(dòng)，真正的做到了seo的優(yōu)化處理：<% call newht()%>c

32、onfig.asp中的“最新圈內(nèi)話題”代碼：<%sub newht()end sub%>5.5 計(jì)算剩余時(shí)間在網(wǎng)站會(huì)員發(fā)布校內(nèi)交易信息時(shí)，我們將對(duì)交易信息有效期作出限制，如果信息過(guò)了有效期，將作相應(yīng)的提示。其核心代碼如下：i=pxrs("fbsj") '取出發(fā)布時(shí)間j=pxrs("yxq") '取出有效天數(shù)dqsj=dateadd("d",j,i) '得出到期時(shí)間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)過(guò)期!"elsestr="還有"&t&"天"&h&"小時(shí)"&f&"分結(jié)束!"5.6 網(wǎng)站安全技術(shù)5.6.1 md5加密本網(wǎng)站對(duì)會(huì)員及網(wǎng)站管理員的密碼采用16位的md5加密方法。（代碼略）grs("pwd")=md5(replace(trim(request("pwd"),"'",""

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

35、的ip地址來(lái)約束其所發(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、端沒(méi)用代理，應(yīng)該用request.servervariables("remote_addr")方法getclientip = request.servervariables("remote_addr")end ifuserip = getclientipend function5.8 css+div技術(shù)為使網(wǎng)站各頁(yè)面的設(shè)計(jì)一致，在各頁(yè)面中都調(diào)用了同一個(gè)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的運(yùn)用上，本網(wǎng)站也多處可

38、以體現(xiàn)，最明顯的就是網(wǎng)站logo的div層處理。關(guān)于div的詳細(xì)說(shuō)明在些省略。5.9 sql數(shù)據(jù)庫(kù)連接<%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倒計(jì)時(shí)器Ø 設(shè)定倒計(jì)時(shí)目標(biāo)時(shí)間：function timer() var _loc11 = new date(2008, 5, 18, 9, 0, 0);Ø 定義秒鐘跳動(dòng)狀態(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>")