校園網(wǎng)站開發(fā)與設(shè)計本科畢業(yè)設(shè)計（論文）

XX醫(yī)學(xué)院XXMEDICALCOLLEGE本科畢業(yè)設(shè)計（論文）校園網(wǎng)站開發(fā)與設(shè)計CAMPUSWEBSITEDESIGNANDDEVELOPMENT院系名稱計算機科學(xué)與技術(shù)系專業(yè)名稱信息管理與信息系統(tǒng)學(xué)生姓名XXX學(xué)號2000000010000指導(dǎo)教師XXX講師二一二年五月摘要“把教育放在立國之本的位置，強調(diào)教育是關(guān)系人才培養(yǎng)和國家強盛的重大問題，不可稍緩”孫中山。隨著計算機網(wǎng)絡(luò)的發(fā)展和普及,以及越來越多的校園信息化，各校園信息的采集以及信息的發(fā)布利用網(wǎng)絡(luò)已起到廣泛宣傳的作用。我國人口眾多，不同規(guī)模的校園遍布整個中國，不同的的學(xué)校都有自己的特色，為方便宣傳與管理，很多學(xué)校大都已經(jīng)有了自己的宣傳網(wǎng)站，通過網(wǎng)站任何人都可以在網(wǎng)上即時了解校園信息，為突出某個學(xué)校某系的特色，本人特設(shè)計關(guān)于母校及本人所在系的網(wǎng)站，力在宣傳本校特色，即時公布校里動態(tài)，希望能為校內(nèi)及校園外的所有關(guān)心本系動態(tài)的人給予便利。本網(wǎng)站主要運用用DREAMWEAVER，采用ACCESS數(shù)據(jù)庫，也運用了ASP，以及利用PHOTOSHOP處理圖片大小及顏色等。本網(wǎng)站采用ACCESS數(shù)據(jù)庫，是由于ACCESS數(shù)據(jù)庫是WINDOWS環(huán)境下非常流行的桌面型數(shù)據(jù)庫管理里系統(tǒng)。它管理的對象包括表、查詢、窗體等，都存放在庫文件后綴為MDB的文件中，便于操作。本網(wǎng)站圖文共存，運用簡單，版式統(tǒng)一，搭配協(xié)調(diào)。關(guān)鍵詞ASP,DREAMWEAVER，ACCESSABSTRACT“PUTEDUCATIONINTHEFOUNDATIONOFOURPOSITION,EMPHASIZEEDUCATIONISTRAININGANDTHEPROSPERITYOFTHENATIONSMAJORPROBLEM,NOTASLIGHTLYSLOWER“SUNZHONGSHANWITHTHEDEVELOPMENTANDPOPULARIZATIONOFCOMPUTERNETWORK,MOREANDMOREINFORMATIONONCAMPUS,EACHCAMPUSINFORMATIONCOLLECTIONANDINFORMATIONUTILIZINGNETWORKHASPLAYAWIDELYPUBLICIZEDROLEOURCOUNTRYPOPULATIONISNUMEROUS,DEPENDINGONTHESIZEOFTHECAMPUSACROSSTHEWHOLEOFCHINA,DIFFERENTSCHOOLSHAVETHEIROWNCHARACTERISTICS,TOFACILITATETHEPROMOTIONANDMANAGEMENT,MANYSCHOOLSHAVEHADTHEIROWNWEBSITE,THROUGHTHEWEBSITEWHEREANYONECANONLINEREALTIMEUNDERSTANDINGOFCAMPUSINFORMATION,TOHIGHLIGHTONESCHOOLONEOF,ISPECIALDESIGNONTHEALMAMATERANDIAMOFTHEDEPARTMENTWEBSITE,THEPUBLICITYOFTHEFLORA,IMMEDIATELYRELEASEDSYSTEMDYNAMIC,HOPEFORTHECAMPUSANDOUTSIDETHECAMPUSALLCONCERNEDABOUTTHEDYNAMICSOFHUMANTOFACILITATETHESITEMAINLYUSEDREAMWEAVER,USINGACCESSDATABASE,ALSOTHEUSEOFTHEASP,ANDTHEUSEOFPHOTOSHOPPROCESSINGIMAGESIZEANDCOLORTHISWEBSITEUSESACCESSDATABASE,BECAUSEACCESSDATABASEWINDOWSENVIRONMENTISVERYPOPULARDESKTOPDATABASEMANAGEMENTSYSTEMITMANAGEDOBJECTSINCLUDINGTABLES,QUERIES,FORMS,ARESTOREDINALIBRARYFILESUFFIXMDBFILE,CONVENIENTOPERATIONTHISWEBSITEGRAPHICCOEXISTENCE,USINGSIMPLELAYOUT,UNIFIED,COORDINATEDKEYWORDSASP,DREAMWEAVER，ACCESS目錄1緒論111選題背景112選題意義113校園網(wǎng)站設(shè)計方案22基本理論概述321ASP概述322概述423ACCESS4231ACCESS概述4232ACCESS的基本命令53數(shù)據(jù)庫設(shè)計534環(huán)境配置6341開發(fā)平臺搭建64用戶登陸641登陸設(shè)計65網(wǎng)站總體分析與設(shè)計1151新聞通知版塊的功能實現(xiàn)1252就業(yè)公告版塊的功能實現(xiàn)1453留言版塊的功能實現(xiàn)19531留言版塊的設(shè)計19532留言管理版塊設(shè)計21參考文獻(xiàn)24引言短短幾年里，INTERNET迅速發(fā)展成一個全球的網(wǎng)絡(luò)系統(tǒng)，現(xiàn)在的INTERNET更是結(jié)合了商業(yè)的用途，快速轉(zhuǎn)變成提供電子商務(wù)信息的平臺，INTERNET已走向了一個很重要的商業(yè)大舞臺。如今網(wǎng)站遍布互聯(lián)網(wǎng)，我們當(dāng)下最關(guān)心的人才招聘網(wǎng)站，人事考試網(wǎng)站，學(xué)校網(wǎng)站等諸多網(wǎng)站告訴我們，我們要想以最快的速度知道最新最準(zhǔn)的信息，網(wǎng)站是必不可少的。為了宣傳在這里生活4年了的母校，特設(shè)計此網(wǎng)站，希望把我校的特色廣泛宣傳。1緒論11選題背景隨著我國對教育的重視，校園網(wǎng)站逐年增加，校園網(wǎng)站為學(xué)校和外界的信息交換和溝通搭建了一個有效的平臺。如今，隨人們的生活信息化，足不出戶網(wǎng)上購物，網(wǎng)上預(yù)約駕校等，校園網(wǎng)站，能滿足您隨時運用互聯(lián)網(wǎng)查詢你所關(guān)心的校園資訊，家長可以通過校園網(wǎng)站了解學(xué)校的動態(tài)，切身關(guān)心自己孩子所生活的環(huán)境。校園網(wǎng)站及時發(fā)布網(wǎng)上信息及通知，快捷有效。DREAMWEAVER是專業(yè)可視化網(wǎng)站的先鋒。通過為基于CSS的設(shè)計和開發(fā)新增添創(chuàng)新的支持，使WEB更上一層樓。采用WEB社區(qū)所使用的強大開放式、基于標(biāo)準(zhǔn)的開發(fā)。DREAMWEAVER8還支持所有主要服務(wù)器技術(shù)，包括COLDFUSION、PHP、ASP、ASPNET和JSP，使所有技術(shù)級別的開發(fā)者的設(shè)計都栩栩如生【1】。本網(wǎng)站主要就運用DREAMWEAVER設(shè)計前臺頁面，使頁面美觀大方，后臺用ASP開發(fā)。ASP能增加網(wǎng)頁的新功能，還能輸出HTML標(biāo)記，與HTML很好的結(jié)合。12選題意義ASPNET是一種基于服務(wù)器的功能強大的技術(shù)，用于為INTERNET或企業(yè)的內(nèi)部網(wǎng)創(chuàng)建動態(tài)的、交互式的HTML網(wǎng)頁。NET微軟公司發(fā)布的新一代的系統(tǒng)、服務(wù)和編程平臺，主要由NETFRAMEWORK和MICROSOFTVISUALSTUDIONET開發(fā)工具組成。ASP任何開發(fā)工具都可發(fā)展1ASP執(zhí)行結(jié)果所產(chǎn)生的HTML適用于不同的瀏覽器2安全性高，它的ASP原始代碼是看不到的3語言相容性高，它可以與HTML和JAVASCRIPT良好的結(jié)合4可以連接各種數(shù)據(jù)庫，本網(wǎng)站連接的是極為簡單的ACCESS數(shù)據(jù)庫，除此它還可以連接SQL和ORACLE數(shù)據(jù)庫等?！?】13校園網(wǎng)站設(shè)計方案本校園網(wǎng)站主要服務(wù)于本校的學(xué)生、老師以及外部瀏覽人群，設(shè)計構(gòu)思非常簡單，功能較實現(xiàn)容易。本校的人登陸本網(wǎng)站，進(jìn)入站內(nèi)瀏覽站內(nèi)消息，校外的人想進(jìn)入本站需要先注冊，方可以進(jìn)入本站。本網(wǎng)站設(shè)計主要是實現(xiàn)如下功能管理注冊、登陸、查詢站內(nèi)信息、查看或發(fā)表留言消息、查看站內(nèi)新聞。具體功能實現(xiàn)如下圖所示校園網(wǎng)站首頁瀏覽覽我系簡介新聞通知就業(yè)公告通知聯(lián)系我們校園基本情況我系師資簡介我系基本設(shè)施簡介歷史新聞通知最新新聞通知就業(yè)情況最新就業(yè)信息網(wǎng)上留言2基本理論概述21ASP概述最常用的動態(tài)網(wǎng)頁語言有VBSCRIPT，JSP（JAVASERVERPAGES），PHP（HYPERTEXTPREPROCESSOR），和ASP。1ASP的全名為ACTIVESERVERPAGES，是一個WEB服務(wù)器端的開發(fā)環(huán)境，利用它可以產(chǎn)生和執(zhí)行的、互動的、高性能的WEB服務(wù)器應(yīng)用程序。ASP采用腳本語言VBSCRIPT或JAVASCRIPT作為自己的開發(fā)語言。2PHP是一種跨越平臺服務(wù)器端的嵌入式腳本語言，它大量地借用C語言、JAVA和PER1語言的語法，并且融合了PHP所具有的特性，從而使WEB開發(fā)者能快速地產(chǎn)生動態(tài)頁面。它支持目前絕大多數(shù)的數(shù)據(jù)庫。PHP、MYSQL數(shù)據(jù)庫和APACHEWEB服務(wù)器是一個很好的組合。3JSP是SUN公司推出的新一代網(wǎng)站開發(fā)語言，SUN公司借助自己在JAVA上的造詣，將JAVA從JAVA應(yīng)用程序和JAVAAPPLET之外，又有新的碩果，就是JSP，JAVASERVERPAGE。JSP可以在SREVLET和JAVABEAN的支持下，完成功能強大的站點程序。22概述23ACCESS231ACCESS概述同為OFFICE辦公軟件中的一部分，ACCESS不像WORD和EXCEL那樣廣泛，雖然概念同樣強大，使用的人卻相對少些。事實上，真正用過ACCESS的人都會夸贊它的好。ACCESS數(shù)據(jù)庫管理系統(tǒng)是OFFICE辦公系統(tǒng)的重要組成之一，適用于小型的商業(yè)活動，可以用來存放和管理商務(wù)活動所需要的數(shù)據(jù)。ACCESS不僅是一個數(shù)據(jù)庫，而且它具有強大的數(shù)據(jù)庫管理功能，它可以方便的利用各種數(shù)據(jù)源，生成窗體或表單，查詢，報表以及應(yīng)用程序等。表與表之間可以建立關(guān)系，以便于查詢相關(guān)信息。ACCESS數(shù)據(jù)庫以文件形式保存，文件的擴展名是MDBACCESS數(shù)據(jù)庫由6種對象組成，他們是表、窗體、報表、宏和模塊。表TABLE是數(shù)據(jù)庫的基本對象，是創(chuàng)建其他5種對象的基礎(chǔ)。表由記錄組成，記錄由字段組成，表用來存儲數(shù)據(jù)庫的數(shù)據(jù)，故又稱數(shù)據(jù)表。查詢QUERY可以按索引快速查找需要的記錄，按要求篩選記錄并能連接若干個表的字段組成新表。窗體FORM提供了一種方便的瀏覽、輸入及數(shù)據(jù)更改的窗口。還可以創(chuàng)建子窗體顯示相關(guān)的表的內(nèi)容，也稱表單。報表REPORT的功能是將數(shù)據(jù)庫中的數(shù)據(jù)分類匯總，然后打印出來，以便分析。宏MACRO相當(dāng)于DOS中的批處理，用來自動執(zhí)行一系列操作。ACCESS列出了一些常用的操作供用戶選擇，使用起來十分方便。模塊MODULE的功能與宏類似，但它定義的操作比宏更精細(xì)更復(fù)雜，用戶可以根據(jù)自己所需編寫程序。232ACCESS的基本命令1查詢記錄SELECT字段名FROM表名WHERE條件2刪除記錄DELETEFROM表名WHERE條件如不加條件會刪掉表中所有信息，會變成一個空表3添加記錄INSERTINTO表名（字段1，字段2，字段3）VALUE（字段1的值，字段2的值，字段3的值）VALUE前后的兩個表中字段和字段值是順序?qū)?yīng)的，否則會出錯。4修改記錄UPDATE表名SET與修改的字段名1該字段的新值，欲修改的字段名2該字段的新值WHERE條件該命令是修改已存在的記錄數(shù)據(jù)，若不加WHERE，就會把所有指定的字段都改成新值。3數(shù)據(jù)庫設(shè)計數(shù)據(jù)庫是動態(tài)校園網(wǎng)站開發(fā)的關(guān)鍵，數(shù)據(jù)庫表存儲著網(wǎng)站許多重要信息。本系統(tǒng)共有數(shù)據(jù)庫表用戶登陸表、留言信息表、用戶登錄表字段名稱實例數(shù)據(jù)類型字段大小ID1自動編號長整型USERADMIN文本50PASSWORD12345文本50用戶登錄表記錄用戶編號，用戶名和用戶密碼，用來保存用戶的基本信息。留言信息表字段名稱實例數(shù)據(jù)類型字段大小ID1自動編號長整形LYID1數(shù)字長整形CONTENT醫(yī)學(xué)院是個綠色的家備注ADDTIME20120511日期/時間留言表用來存儲留言信息，包括用戶ID號，留言編號，留言內(nèi)容，添加時間等字段，其中留言編號為自動生成。新聞表字段名稱實例數(shù)據(jù)類型字段大小ID2自動編號長整形USERNAME麗麗文本50CONTENT第20屆運動會即將舉行備注ADDTIME20110613日期/時間新聞表用來存儲新聞信息，包括用戶ID，用戶名，新聞內(nèi)容以及添加時間等字段。34環(huán)境配置341開發(fā)平臺搭建操作系統(tǒng)WINDOWS7系統(tǒng)的開發(fā)語言ASP數(shù)據(jù)庫ACCESS20034用戶登陸41登陸設(shè)計用戶輸入用戶名和密碼驗證無誤后點擊進(jìn)入，用戶名和密碼正確無誤則進(jìn)入，用戶名或密碼錯誤則選擇“重填”，再次輸入用戶名和密碼，直至正確方可進(jìn)入，用戶登陸系統(tǒng)界面如下圖所示圖登陸界面用戶登錄系統(tǒng)界面通過如下代碼實現(xiàn)登錄用戶名密碼42修改用戶名或密碼設(shè)計若想對用戶名或密碼進(jìn)行修改，則要選擇修改用戶名和密碼，輸入原始正確的用戶名密碼，提交后重置密碼。修改用戶名和密碼界面如下圖修改用戶名和密碼界面修改用戶名和密碼實現(xiàn)重點代碼如下修改用戶名和密碼20ALERT“在用戶名域中，請最多輸入20個字符?！癟HEFORMUSERNAMEFOCUSRETURNFALSEIFTHEFORMPASSWORDVALUE“ALERT“請在密碼域中輸入值?！癟HEFORMPASSWORDFOCUSRETURNFALSEIFTHEFORMPASSWORDVALUELENGTH20ALERT“在密碼域中，請最多輸入20個字符?！癟HEFORMPASSWORDFOCUSRETURNFALSERETURNTRUE/“ONSUBMIT“RETURNFRONTPAGE_FORM1_VALIDATORTHIS“LANGUAGE“JAVASCRIPT“NAME“FRONTPAGE_FORM1“用戶“1THENRESPONSEWRITE“READONLY“密碼5網(wǎng)站總體分析與設(shè)計根據(jù)前面的設(shè)計思想對網(wǎng)站進(jìn)行設(shè)計分析，按系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進(jìn)行分解，按照主要內(nèi)容劃分如下首頁、我校簡介、新聞通知、就業(yè)公告、聯(lián)系我們等。網(wǎng)站的整體界面如下圖包頭醫(yī)學(xué)院網(wǎng)站界面51新聞通知版塊的功能實現(xiàn)新聞通知版塊界面設(shè)計通過新聞通知版塊可以查詢校園各類新聞，了解校園實時動態(tài)，如學(xué)校上級領(lǐng)導(dǎo)蒞臨本校或今年大學(xué)生征兵入伍開始等新聞。除此之外，此版塊還以向校園內(nèi)外發(fā)布各種通知，方便各重要事宜的宣布和決策結(jié)果，如2012年3月計算機等級考試在計算機科學(xué)與技術(shù)系開展。新聞通知版塊的界面如圖所示圖新聞通知版塊界面新聞通知版塊主要代碼如下IFTHEFORMLISTVALUE“ALERT“請在列表代碼域中輸入值?！癟HEFORMLISTFOCUSRETURNFALSEIFTHEFORMLISTVALUELENGTH“THENRESPONSEWRITE“THENRESPONSEWRITETITLE“新聞顯示頁面NEWS_VIEWASP可以使用HTML代碼標(biāo)題52就業(yè)公告版塊的功能實現(xiàn)就業(yè)公告板塊界面設(shè)計就業(yè)公告版塊主要發(fā)布我校就業(yè)信息，公告最近來我校招聘的單位名單及各單位所招聘的就業(yè)崗位及人數(shù)等信息。就業(yè)公告版塊的界面如下圖圖添加公告就業(yè)公告版塊界面功能實現(xiàn)主要代碼如下FUNCTIONFRONTPAGE_FORM1_VALIDATORTHEFORMIFTHEFORMTITLEVALUE“ALERT“請在公告標(biāo)題域中輸入值。“THEFORMTITLEFOCUSRETURNFALSEIFTHEFORMTITLEVALUELENGTH200ALERT“在公告標(biāo)題域中，請最多輸入200個字符?！癟HEFORMTITLEFOCUSRETURNFALSEIFTHEFORMCONTENTVALUE“ALERT“請在公告內(nèi)容域中輸入值?！癟HEFORMCONTENTFOCUSRETURNFALSEIFTHEFORMCONTENTVALUELENGTH“ONSUBMIT“RETURNFRONTPAGE_FORM1_VALIDATORTHIS“LANGUAGE“JAVASCRIPT“NAME“FRONTPAGE_FORM1“公告標(biāo)題“MAXLENGTH“200“公告內(nèi)容公告操作0THENPAGEINTREQUEST“PAGE“RSPAGESIZE10PAGECOUNTRSPAGESIZEIFPAGE編號調(diào)用代碼SCRIPTLANGUAGEJAVASCRIPTSRCGGJSASPID/SCRIPT“修改“刪除暫無公告“ENDIF53留言版塊的功能實現(xiàn)531留言版塊的設(shè)計留言版塊屬于“聯(lián)系我們”頁面，訪問本網(wǎng)站的人選擇“聯(lián)系我們”，在本網(wǎng)站留言，取得我們在網(wǎng)站預(yù)先留下的聯(lián)系方式，如電話號碼或QQ號碼，和本站取得長期聯(lián)系，咨詢更多詳細(xì)的信息。聯(lián)系我們版塊的界面如下圖圖聯(lián)系我們版塊界面聯(lián)系我們版塊界面實現(xiàn)代碼如下公告用戶名“SIZE“30“密碼驗證密碼留言本網(wǎng)址“SIZE“30“留言本標(biāo)題“SIZE“30“留言本名稱“SIZE“30“每頁記錄數(shù)“SIZE“30“最長留言“SIZE“30“532留言管理版塊設(shè)計管理員可以對留言進(jìn)行管理，對留言分類，計數(shù)以及對留言進(jìn)行修改和刪除等操作。管理留言界面如下圖留言管理留言管理實現(xiàn)主要代碼如下留言管理類別名稱留言數(shù)量操作“修改“刪除結(jié)論總結(jié)這次校園網(wǎng)站設(shè)計與開發(fā)制作過程，我結(jié)合使用了目前網(wǎng)上流