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

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