web技術(shù)及運用.doc

（Web技術(shù)及應(yīng)用）設(shè)計說明書 起止日期： 2010 年 9 月 16 日 至 2010 年 11月 30日學(xué)生姓名班級學(xué)號成績指導(dǎo)教師(簽字)2010年 11 月 1 0日課程設(shè)計報告院(系)： 專業(yè)： 班 級姓 名學(xué)號指導(dǎo)教師課題名稱 Web技術(shù)及應(yīng)用-學(xué)校管理課 題 描 述 隨著學(xué)校行政管理和教學(xué)管理的日益深入和細化，如何有效地利用信息化的網(wǎng)站管理學(xué)校成為了重要的議題。目前多數(shù)學(xué)校在信息化基礎(chǔ)環(huán)境方面都已建成了校園網(wǎng)站，形成了初步完善的網(wǎng)絡(luò)應(yīng)用格式，但管理應(yīng)用水平比較低，系統(tǒng)維修和數(shù)據(jù)共享比較差。對學(xué)校的管理理解比較差，有些還是靜態(tài)的網(wǎng)站，很多功能很難實現(xiàn)它本身的傳遞信息。很多設(shè)計者在系統(tǒng)初設(shè)初期，都缺乏一個完整的設(shè)計方案，也沒有按照項目管理體系進行設(shè)計和開發(fā)的導(dǎo)致后期維修難以下手。我根據(jù)本學(xué)校的特點，利用動態(tài)網(wǎng)站，結(jié)合論壇，做出了一個新的學(xué)校管理系統(tǒng)，提供多種學(xué)校需要信息發(fā)布功能，還有學(xué)校跟學(xué)生的信息，兩者之間的交流。從而更能實現(xiàn)一個需要的學(xué)校管理系統(tǒng)。 系統(tǒng)主要有以下幾個功能：（1）學(xué)校主頁-展示最新動態(tài)（2）學(xué)校簡歷-對學(xué)?？傮w介紹（3）校園新聞-學(xué)校最新消息（4）教育園地-教師介紹，作品欣賞（5）學(xué)生天地-學(xué)生作品，三好學(xué)生的介紹（6）娛樂休閑-小游戲，在線聽歌，賀卡（7）資源下載-各種資料網(wǎng)上下載（8）大學(xué)論壇-各個院校， 家長留言設(shè)計環(huán)境(1) 硬件環(huán)境：CPU型號為Pentium 以上，內(nèi)存512M以上。(2) 系統(tǒng)環(huán)境：Windows98以上的系統(tǒng)均可。(3) 開發(fā)工具：Macromedia Dreamweaver 8(4) 數(shù)據(jù)庫：ACCESS2003目錄一.需求分析*4二.系統(tǒng)流程圖*4三.系統(tǒng)主要模塊*51.數(shù)據(jù)庫模塊*5（1）.網(wǎng)站模塊數(shù)據(jù)庫表*5（2）.論壇模塊數(shù)據(jù)庫表*52.頁面模塊*6（1）學(xué)校主頁模塊*6（2）學(xué)校簡歷模塊*7（3）校園新聞模塊*8（4）教育園地模塊*8（5）學(xué)生天地模塊*9（6）娛樂休閑模塊*9（7）資源下載模塊*10（8）大學(xué)論壇模塊*10四.測試*11五.總結(jié)*11附件.關(guān)鍵代碼*11一.需求分析隨著學(xué)校行政管理和教學(xué)管理的日益深入和細化，如何有效地利用信息化的網(wǎng)站管理學(xué)校成為了重要的議題。目前多數(shù)學(xué)校在信息化基礎(chǔ)環(huán)境方面都已建成了校園網(wǎng)站，形成了初步完善的網(wǎng)絡(luò)應(yīng)用格式，但管理應(yīng)用水平比較低，系統(tǒng)維修和數(shù)據(jù)共享比較差。對學(xué)校的管理理解比較差，有些還是靜態(tài)的網(wǎng)站，很多功能很難實現(xiàn)它本身的傳遞信息。很多設(shè)計者在系統(tǒng)初設(shè)初期，都缺乏一個完整的設(shè)計方案，也沒有按照項目管理體系進行設(shè)計和開發(fā)的導(dǎo)致后期維修難以下手。我根據(jù)本學(xué)校的特點，利用動態(tài)網(wǎng)站，結(jié)合論壇，做出了一個新的學(xué)校管理系統(tǒng)，提供多種學(xué)校需要信息發(fā)布功能，還有學(xué)校跟學(xué)生的信息，兩者之間的交流。從而更能實現(xiàn)一個需要的學(xué)校管理系統(tǒng)。二.系統(tǒng)流程圖學(xué)校管理系統(tǒng)學(xué)校主頁學(xué)校簡介校園新聞教育園地學(xué)生天地娛樂休閑-資源下載大學(xué)論壇校園環(huán)境領(lǐng)導(dǎo)關(guān)懷招生簡章名師風采教學(xué)研究教師論文精彩游戲在線聽歌賀卡樣式17三.系統(tǒng)主要模塊1.數(shù)據(jù)庫模塊（1）.網(wǎng)站模塊數(shù)據(jù)庫表 在表中建立admin（管理員） article（文章） birthday（賀卡）board（板塊） class(歸類) config（用戶信息）counter(登錄人數(shù)) newsite（合作伙伴）picnows(圖片) vote(調(diào)查)。（2.）.論壇模塊數(shù)據(jù)庫表在表中建立admin（管理員） bbslink（合作伙伴） dbinfo（模塊）config（用戶信息） paper(公告) style（系統(tǒng)風格）topic(發(fā)表) upload（下載）user（用戶）vote(調(diào)查)。以下為數(shù)據(jù)庫連接建立一個Connection對象實例db 代碼網(wǎng)站：dim rs,conn,connstr response.Expires=0connstr=DBQ=+server.mappath(./schooldata/myschool.asp)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb); set conn=server.createobject(ADODB.CONNECTION)on error resume nextconn.Open connstr set rs=Server.CreateObject(Adodb.Recordset)論壇：Option ExplicitResponse.Buffer = TrueDim conn,db,prefix,timeset,connstr,time1,onlinetime,rsprefix=zymServer.ScriptTimeout=40timeset=0 時區(qū)相對東八區(qū)（北京時間）onlinetime=1 保存用戶在線的時間(小時)。db=mydb/schoolbbs.aspset conn=Server.CreateObject(ADODB.Connection)connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data Source=&server.mappath(db)conn.open connstrSub closedbconn.closeSet conn = nothingEnd SubConnection對象與數(shù)據(jù)庫建立連接，并對數(shù)據(jù)庫執(zhí)行添加、刪除、等相關(guān)操作。Recordset它是對數(shù)據(jù)庫查詢的結(jié)果，也是進行數(shù)據(jù)操作的對象，因為它包含了從數(shù)據(jù)存儲中提取的數(shù)據(jù)集。2.主要頁面模塊（1） 學(xué)校主頁模塊該模塊主要是主頁介紹一些基本的功能和這個網(wǎng)站所有的鏈接，他包括校園新聞、教育園地等，而且還有在線調(diào)查，計數(shù)器，友情鏈接等，主頁把網(wǎng)站的最重要的，最美麗的呈現(xiàn)給大家，達到簡而精的效果。（2） 學(xué)校簡歷模塊該模塊主要是對學(xué)校的總得情況進行概括，有校園環(huán)境風景去的攝影，有學(xué)校領(lǐng)導(dǎo)的關(guān)懷活動，招生簡章，學(xué)校榮譽等等。（3） 校園新聞模塊該模塊通過文字加圖片的形式形象可觀把校園的新聞公布出去，這個模塊包括有校園快訊、公會活動、招聘信息、德育動態(tài)、校園公告等。（4） 教育園地模塊該模塊展示名師的風采，教學(xué)研究所取得的成就，教師論文發(fā)表文章，心里健康咨詢等方面的介紹。（5）學(xué)生天地模塊該模塊主要是展示學(xué)生方面的，例如學(xué)生作品，近期活動內(nèi)容，名生、得獎生的光榮榜。（6）娛樂休閑模塊該模塊為乏味的求學(xué)生活增加些娛樂性質(zhì)的FLASH小游戲，而且還有在線聽歌，賀卡發(fā)送，緩解學(xué)生的學(xué)習生活。（7）資源下載模塊該模塊提供了學(xué)習資源的貢獻，資料下載。能給學(xué)生進一步擴展知識面。（8）大學(xué)論壇模塊論壇模塊包括的內(nèi)容很多，它像一般論壇差不多，注冊留言，他主要分為兩部分：學(xué)生論壇和家長論壇，學(xué)生論壇又分成各個院校論壇，家長論壇分為意見和建議與家教心得兩部分。這些部分可以明確的分配出各個論壇的作用。更好規(guī)劃出版面。四.測試 對網(wǎng)頁設(shè)計完成后，基本實現(xiàn)了學(xué)校管理系統(tǒng)需求分析的各項要求，實現(xiàn)了動態(tài)數(shù)據(jù)庫，能夠?qū)崿F(xiàn)對公告的添加，游客的訪問量都得到統(tǒng)計。能夠?qū)崿F(xiàn)留言板的基本功能，學(xué)生留言，版主對留言的管理。其它基本功能如娛樂休閑，資源下載等一些基本功能也基本上實現(xiàn)了，但仍有很多不足，希望老師提出來，讓我有進一步的加強管理。五.總結(jié)通過一學(xué)期的學(xué)習，對網(wǎng)頁設(shè)計已經(jīng)不像以前那樣一籌莫展了，現(xiàn)在自己能夠?qū)崒嵲谠诘淖鳇c東西出來，此次課程設(shè)計為學(xué)校管理，主要是實現(xiàn)學(xué)校管理功能，從開始上ASP網(wǎng)頁設(shè)計課程開始就慢慢的在做網(wǎng)站，但是先前由于知能力有限，所做的很不盡人意。通過對ASP網(wǎng)頁設(shè)計這門課程以及JavaScript腳本語言的學(xué)習，逐漸掌握了制作網(wǎng)頁的方法和技巧，通過學(xué)習，能夠熟練的使用Dreamweaver來制作網(wǎng)頁。對于一個動態(tài)網(wǎng)頁我認為最重要的就是數(shù)據(jù)庫的設(shè)計，只要做好了數(shù)據(jù)庫相關(guān)的事情，其它的設(shè)計都不難。經(jīng)過這次課程設(shè)計從中學(xué)到很多，原來以為很難的網(wǎng)頁設(shè)計其實也不是很難，只要自己去動手做，總會有成果的，先前的我做的網(wǎng)頁真的難以入目，但是通過在課堂上老師的講課以及實驗中的體會加上平時的一些靈感對網(wǎng)頁設(shè)計產(chǎn)生了興趣，通過多次對網(wǎng)頁的設(shè)計 修改 設(shè)計 在修改 在設(shè)計這樣一遍又一遍的制作，終于做出了還過得去的網(wǎng)頁，但是這只是一個開始，網(wǎng)頁設(shè)計很多東西還需要我們?nèi)ヅΓ胍嬲龀鲆粋€有成就的網(wǎng)頁，光我們在課堂上所學(xué)的這點知識遠遠不夠，我們必須學(xué)會ASP，.NET，PHP，加上必備的網(wǎng)頁設(shè)計語言我們才有可能制作出更加完美的網(wǎng)頁，通過這學(xué)期的ASP課程以及課程設(shè)計學(xué)習到了在網(wǎng)頁設(shè)計中如何鏈接數(shù)據(jù)庫，如何使用Macromedia Dreamweaver制作網(wǎng)頁，掌握了網(wǎng)頁設(shè)計代碼的書寫以及用photoshop美化網(wǎng)頁等等。總之，學(xué)到了很多，以前的課程設(shè)計我基本上都是找代碼的，但是這次是自己認認真真做出來的。這可能是我第一次真正自己動手做出來的東西。在這之中感謝課堂上兢兢業(yè)業(yè)講課的高老師使我對網(wǎng)頁設(shè)計這以前認為很難的東西產(chǎn)生了興趣并付諸了行動，感謝在這之中幫助我的同學(xué)們。 附件.部分關(guān)鍵代碼（1） 讀取adminindex.asp頁面管理員登陸 鏈接部分 上面都是框架的制作 判斷登錄是否正確 管理員帳號： 輸入賬號框 登錄按鈕 管理員密碼： 輸入密碼框 清除重來按鈕 程序驗證碼： input class=wenbenkuang name=verifycode type=text value= maxLength=4 size=10 驗證碼輸入框和動態(tài)圖片 返回首頁按鈕 框架制作（2） 讀取adminmain.asp 后臺頁面 連接數(shù)據(jù)庫文件 連接數(shù)據(jù)庫文件 圖標大小 當前位置：管理首頁 當前位置提示和主頁鏈接 居中版面所有版面列表 版本列表 版面名稱版面介紹管理員/斑竹文章統(tǒng)計 每一列分成上面幾種。 【】 a href=userinfo.asp?username=總數(shù)：a href=all_list.asp?classid=&boardid= a href=userinfo.asp?username= 總數(shù)：   數(shù)據(jù)庫鏈