班級網(wǎng)頁設(shè)計畢業(yè)論文.doc

本本科科畢畢業(yè)業(yè)論論文文 設(shè)設(shè)計計 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 學(xué)生姓名學(xué)生姓名 學(xué)號學(xué)號 系部系部 計算機(jī)科學(xué)與技術(shù) 專業(yè)專業(yè) 信息管理與信息系統(tǒng) 指導(dǎo)教師指導(dǎo)教師 提交日期提交日期 2009 JX16 廣東金廣東金 融學(xué)院融學(xué)院 注 教師姓名后留有 一個空格 后面填寫 教師職稱 下面加下 劃線 閱后刪除此文本框 畢業(yè)論文基本要求畢業(yè)論文基本要求 1 畢業(yè)論文的撰寫應(yīng)結(jié)合專業(yè)學(xué)習(xí) 選取具有創(chuàng)新價值和實(shí)踐 意義的論題 2 論文篇幅一般為 8000 字以上 最多不超過 15000 字 3 論文應(yīng)觀點(diǎn)明確 中心突出 論據(jù)充分 數(shù)據(jù)可靠 層次分 明 邏輯清楚 文字流暢 結(jié)構(gòu)嚴(yán)謹(jǐn) 4 論文字體規(guī)范按 廣東金融學(xué)院本科生畢業(yè)論文寫作規(guī)范 和 論文樣板 執(zhí)行 5 論文應(yīng)書寫工整 標(biāo)點(diǎn)正確 用用微機(jī)打印后 裝訂成冊 本科畢業(yè)論文 設(shè)計 誠信聲明本科畢業(yè)論文 設(shè)計 誠信聲明 本人鄭重聲明 所呈交的本科畢業(yè)論文 設(shè)計 是本人在指導(dǎo) 老師的指導(dǎo)下 獨(dú)立進(jìn)行研究工作所取得的成果 成果不存在知識 產(chǎn)權(quán)爭議 除文中已經(jīng)注明引用的內(nèi)容外 本論文不含任何其他個 人或集體已經(jīng)發(fā)表或撰寫過的作品成果 對本文的研究做出重要貢 獻(xiàn)的個人和集體均已在文中以明確方式標(biāo)明 本人完全意識到本聲 明的法律結(jié)果由本人承擔(dān) 學(xué)生簽名 時間 年 月 日 關(guān)于論文 設(shè)計 使用授權(quán)的說明關(guān)于論文 設(shè)計 使用授權(quán)的說明 本人完全了解廣東金融學(xué)院關(guān)于收集 保存 使用學(xué)位論文的 規(guī)定 即 1 按照學(xué)校要求提交學(xué)位論文的印刷本和電子版本 2 學(xué)校有權(quán)保存學(xué)位論文的印刷本和電子版 并提供目錄檢索 與閱覽服務(wù) 在校園網(wǎng)上提供服務(wù) 3 學(xué)?？梢圆捎糜坝?縮印 數(shù)字化或其它復(fù)制手段保存論文 本人同意上述規(guī)定 學(xué)生簽名 時間 年 月 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 I 目目 錄錄 摘摘 要要 IIIIII ABSTRACTABSTRACT IVIV 1 1 緒論緒論 1 1 1 1 研究背景 1 1 2 可行性分析 1 1 3 網(wǎng)頁的規(guī)劃設(shè)計 2 1 4 總體設(shè)計 3 1 5 網(wǎng)站設(shè)計思想 4 2 2 相關(guān)技術(shù)相關(guān)技術(shù) 5 5 2 1 ASP ACTIVE SERVER PAGES 5 2 2 MACROMEDIA DREAMWEAVER 8 6 2 3 MACROMEDIA FLASH 8 7 2 4 ACCESS 軟件 7 3 3 網(wǎng)站總體分析與設(shè)計網(wǎng)站總體分析與設(shè)計 8 8 3 1 網(wǎng)站系統(tǒng)分析 8 3 2 主頁設(shè)計 9 4 4 詳細(xì)設(shè)計介紹詳細(xì)設(shè)計介紹 1515 4 1 本站首頁 同第三節(jié)所述 15 4 2 班級風(fēng)采 15 4 3 專業(yè)介紹 16 4 4 休閑娛樂 17 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 II 4 5 學(xué)習(xí)園地 18 4 6 七嘴八舌論壇 19 4 6 1 注冊界面 19 4 6 2 用戶登陸界面 20 4 6 3 用戶登陸進(jìn)入論壇 22 5 5 結(jié)束語結(jié)束語 2727 參考文獻(xiàn)參考文獻(xiàn) 2929 致致 謝謝 3030 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 III 摘 要 在Internet飛速發(fā)展的今天為了加強(qiáng)師生間 學(xué)校和學(xué)生家長間的信息的 溝通 做好學(xué)生交流溝通 我認(rèn)為應(yīng)該構(gòu)建班級網(wǎng)站 為班級在學(xué)校的校園網(wǎng) 上安個家 在大學(xué)校園里 擁有個人電腦的學(xué)生與日俱增 BBS幾乎成為大學(xué)校園次文 化的一個組成部分 特別是大學(xué)班級網(wǎng)站這一特殊的虛擬社區(qū) 近年來也像QQ 和手機(jī)短信一樣 逐漸成為年輕人的一種時尚 既然網(wǎng)絡(luò)已經(jīng)融入了學(xué)生的日常生活 成為他們學(xué)習(xí) 生活中不可或缺的 部分 而現(xiàn)實(shí)又迫切需要有新的集體建設(shè)的方式來彌補(bǔ)傳統(tǒng)班級管理的缺陷 那么能否發(fā)揮網(wǎng)絡(luò)的功能 服務(wù)于班集體建設(shè)便成為自然的思考 所以該論文 所涉及討論的班級網(wǎng)站就是班級現(xiàn)實(shí)組織在網(wǎng)絡(luò)上的一種延伸和映射 建立班 級網(wǎng)站的目的是為了探索高校班級建設(shè)的新方式 構(gòu)建班級建設(shè)的新平臺 關(guān)鍵詞 班級網(wǎng)站 ASP Dreamweaver 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 IV AbstractAbstract At today s rapid development of Internet in order to strengthen between teachers and students schools and students to communicate information between parents students communicate well I think we should build a Class website for the Class School at home on campus network security At university campuses students have increased the personal computer BBS almost became the campus of the University sub culture as an integral part of University website in particular the special Class of virtual communities in recent years as mobile QQ and the same message has gradually become a fashion among young people Now that the network has been integrated into the daily lives of the students their learning an integral part of life and the reality and the urgent need to have a new collective approach to construction to make up for the shortcomings of traditional management of Class then the ability to exert the function of network Construction Services in the class will consider a natural So involved in the discussion of the dissertation Class Class website is in reality an extension of the network and mapping the establishment of the Class website aimed at colleges and universities in order to explore new ways of Class Construction Construction to build a new platform Class Key Words Class website ASP Dreamweaver 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 1 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 在Internet飛速發(fā)展的今天 大學(xué) 中學(xué) 小學(xué) 甚至幼兒園都有自己的 網(wǎng)站 但在校園網(wǎng)中卻難覓學(xué)校的重要組成元素 班級的影子 這樣校園 網(wǎng)的作用也大打折扣 為了加強(qiáng)師生間 學(xué)校和學(xué)生家長間的信息溝通 做好 班務(wù)管理工作 我認(rèn)為應(yīng)該構(gòu)建班級網(wǎng)站 為班級在學(xué)校的校園網(wǎng)上安個家 1 1 緒論緒論 1 1 研究背景 據(jù)中國互聯(lián)網(wǎng)絡(luò)信息中心 CNNIC 2007年4月發(fā)布的調(diào)查數(shù)據(jù) 在我國 3 03億網(wǎng)民中 學(xué)生占到33 2 而這其中在校學(xué)生更是網(wǎng)民的主體 在大學(xué)校 園里 擁有個人電腦的學(xué)生與日俱增 在連上教育網(wǎng)的大學(xué)宿舍里 一個個學(xué) 生一整天掛在網(wǎng)上 開著BBS 開著QQ 他們在上面憑借一個個ID瀏覽 發(fā)布信 息 與人交流 甚至是與自己相距80公分的室友 BBS幾乎成為大學(xué)校園次文化 的一個組成部分 特別是大學(xué)班級網(wǎng)站這一特殊的虛擬社區(qū) 近年來也像QQ和 手機(jī)短信一樣 逐漸成為年輕人的一種時尚 既然網(wǎng)絡(luò)已經(jīng)融入了學(xué)生的日常生活 成為他們學(xué)習(xí) 生活中不可或缺的 部分 而現(xiàn)實(shí)又迫切需要有新的集體建設(shè)的方式來彌補(bǔ)傳統(tǒng)班級管理的缺陷 那么能否發(fā)揮網(wǎng)絡(luò)的功能 服務(wù)于班集體建設(shè)便成為自然的思考 所以該論文 所涉及討論的班級網(wǎng)站就是班級現(xiàn)實(shí)組織在網(wǎng)絡(luò)上的一種延伸和映射 建立班 級網(wǎng)站的目的是為了探索高校班級建設(shè)的新方式 構(gòu)建班級建設(shè)的新平臺 1 2 可行性分析 班級網(wǎng)站是使用計算機(jī)對畢業(yè)班級大學(xué)生活以及以后方便聯(lián)系而開發(fā)的系 統(tǒng) 通過使用計算機(jī)技術(shù) 信息技術(shù) 數(shù)據(jù)庫技術(shù) 來實(shí)現(xiàn)遠(yuǎn)程網(wǎng)絡(luò)聯(lián)系 資 源共享為目標(biāo) 利用先進(jìn)的硬件設(shè)備 對班級網(wǎng)站進(jìn)行一定的錯誤的調(diào)試和糾 正以及網(wǎng)站完整性的規(guī)劃 在該項(xiàng)目的可行性研究與計劃工作中 通過對網(wǎng)絡(luò)工作環(huán)境進(jìn)行的實(shí)地調(diào) 查和自己掌握的知識的程度 通過對資料的整體和對整體網(wǎng)站的構(gòu)想和實(shí)現(xiàn)程 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 2 度進(jìn)行的全面的分析得出了結(jié)論 這個網(wǎng)站的任務(wù)對是完全可以達(dá)到的 主要 分析如下所述 1 技術(shù)可行性 通過以往學(xué)習(xí)和總結(jié)得到的經(jīng)驗(yàn) 首先我熟練掌握了基礎(chǔ)軟件Dreamweaver 的使用 可以使用它對網(wǎng)站的整體結(jié)構(gòu)進(jìn)行完整的設(shè)計規(guī)劃 Flash是一款很好 的動畫制作軟件 可以對網(wǎng)頁的進(jìn)一步完善起到至關(guān)重要的作用 后臺數(shù)據(jù)庫 設(shè)計使用Microsoft公司提供的office軟件中自帶的Access軟件 數(shù)據(jù)表存儲格 式為 MDB 通過它對數(shù)據(jù)可以很方便的進(jìn)行管理 也可以很容易的移植到其 他數(shù)據(jù)庫系統(tǒng)中 因此 在技術(shù)上 開發(fā)班級網(wǎng)站在技術(shù)上是可行的 2 經(jīng)濟(jì)可行性 對于我來說已經(jīng)不用再到其他的網(wǎng)吧或者借用其他人的電腦來完成自己的 班級網(wǎng)站的設(shè)計 自己可以在自己的電腦中完成對網(wǎng)站開發(fā)的所有工作 而且 這次對班級網(wǎng)站的開發(fā)也是完全不需要資金的投入的 主要是時間和精力的投 入 所以經(jīng)濟(jì)這方面是完全可行的 3 人員可行性 作為班級網(wǎng)站的設(shè)計 我已掌握了大部分設(shè)計軟件的使用 包括 Dreamweaver的使用 Flash動畫軟件的使用 Photoshop美化軟件的使用 Access數(shù)據(jù)軟件的使用 Asp知識的靈活運(yùn)用等等 完全有能力成功設(shè)計出這個 班級網(wǎng)站的 另在輔導(dǎo)老師的大力支持和幫助下 其他曾經(jīng)參與過其他網(wǎng)站設(shè) 計的同學(xué)等等所有的人力都已經(jīng)完全大具備的情況下 實(shí)現(xiàn)班級網(wǎng)站的設(shè)計在 人員上是完全可行的 綜上所述 系統(tǒng)開發(fā)是完全可行的 1 3 網(wǎng)頁的規(guī)劃設(shè)計 一 網(wǎng)頁的定位 規(guī)劃設(shè)計一個網(wǎng)頁 首先遇到的問題就是網(wǎng)頁定位的主題 所謂主題也就 是網(wǎng)頁的題材 班級網(wǎng)站屬于BBS類網(wǎng)站 這類網(wǎng)站的設(shè)計不應(yīng)制作得太過于 五彩繽紛 花枝招展 因?yàn)檫@類網(wǎng)站大多數(shù)都是一些紀(jì)念性的 回憶性的網(wǎng)站 需表現(xiàn)出一種歡樂的回憶的氣氛 主要的設(shè)計特征為 1 網(wǎng)頁的頂部直截了當(dāng)?shù)那腥胫黝} 班級名稱 在標(biāo)題下方是兩個流動的消 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 3 息和格言欄 最下方則用Flash設(shè)計了一個動畫 其中有不同的畫面對應(yīng)一定的 頁面 起到了導(dǎo)航的作用 2 網(wǎng)頁的整體風(fēng)格是可愛 純真 給人以活潑 積極進(jìn)取的印象 3 網(wǎng)頁的主題明確 表達(dá)簡練 一般均用簡單的線條和文字來表達(dá)豐富的內(nèi) 容 4 在網(wǎng)頁的色彩設(shè)計上以專業(yè)色 蛋黃色為主 版面安排輕快 活潑 5 附加特殊的功能 如 搜索引擎 專題論壇等功能 二 設(shè)計原則 網(wǎng)頁的界面應(yīng)該保持統(tǒng)一 以保證頁面在瀏覽時有較高的下載速度 網(wǎng)頁 的性能安全可靠 具有一定的開放性 易于管理 網(wǎng)頁的內(nèi)容便于擴(kuò)充 實(shí)現(xiàn) 信息資源的有效共享 三 網(wǎng)頁的風(fēng)格 網(wǎng)頁的風(fēng)格應(yīng)該統(tǒng)一 這樣才能夠突出網(wǎng)頁所要表述的主題 也同時能夠 幫瀏覽者快速了解站點(diǎn)的結(jié)構(gòu)和瀏覽機(jī)制 網(wǎng)頁的色彩上應(yīng)該突出個性不失簡 潔 整個頁面要具有個性 主題突出 網(wǎng)頁的欄目保持相應(yīng)的一致 使瀏覽者 對站點(diǎn)的結(jié)構(gòu)一目了然 便于留言者瀏覽 四 規(guī)劃網(wǎng)頁瀏覽方式 很多站點(diǎn)都會包含多個網(wǎng)頁 如何讓瀏覽者知道在這些網(wǎng)頁 并訪問它們 這是網(wǎng)頁制造者必須考慮到的事情 如果瀏覽者不知道如何訪問需要的頁面 也就無法得到想要的信息 應(yīng)該在網(wǎng)頁創(chuàng)建時規(guī)劃網(wǎng)頁的瀏覽機(jī)制 目的是提 供清晰易懂的瀏覽方法 采用統(tǒng)一的網(wǎng)頁組織形式 引導(dǎo)用戶輕松自如訪問每 個網(wǎng)頁 在規(guī)劃網(wǎng)頁瀏覽方式應(yīng)注意 創(chuàng)建返回主頁的鏈接 顯示網(wǎng)頁當(dāng)前位置 具有能反饋信息的地方 1 4 總體設(shè)計 總體設(shè)計也稱為概要設(shè)計 在總體設(shè)計中要解決的問題是 怎樣做 以及 做什么 問題 總體設(shè)計的任務(wù)是 劃分出組成網(wǎng)頁的物理元素 如 程序 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 4 文件 數(shù)據(jù)庫 過程和文檔等 設(shè)計網(wǎng)頁的結(jié)構(gòu) 確定中每個程序由哪些模塊組成 并確定模塊與模塊之間 的關(guān)系 尋找實(shí)現(xiàn)目標(biāo)網(wǎng)頁的各種不同的方案 然后從中選取合理的方案 列出組成 網(wǎng)頁的所有物理元素 制定實(shí)現(xiàn)這個方案的進(jìn)一步計劃 選擇一個最佳方案向用戶推薦 并進(jìn)一步為這個最佳方案設(shè)計軟件結(jié)構(gòu) 進(jìn) 行必要的數(shù)據(jù)庫設(shè)計 一 版面設(shè)計 Dreamweaver Dreamweaver網(wǎng)頁設(shè)計軟件 它的功能非常強(qiáng)大 幾乎可以完成很多網(wǎng)頁的 整體規(guī)劃 它可以連續(xù)修改一個或幾個網(wǎng)頁的外觀和格式 能夠顯著增強(qiáng)和擴(kuò) 展HTML元素 從而實(shí)現(xiàn)更少的編碼 更少的頁數(shù)和更快的下載速度 選取一個 固定的版面格式 為頁面設(shè)計確定方向 二 建立數(shù)據(jù)庫 運(yùn)用Access 因其具有強(qiáng)大的數(shù)據(jù)倉庫 并提供了一個全面的平臺 從而 使設(shè)計 建立 維護(hù)和使用數(shù)據(jù)倉庫解決方案變得迅速而輕松 這樣的數(shù)據(jù)倉 庫解決方案讓決策過程在準(zhǔn)確的信息基礎(chǔ)上更為有效 在邏輯結(jié)構(gòu)基本確定之 后 再根據(jù)應(yīng)用需要對設(shè)計結(jié)構(gòu)進(jìn)行適當(dāng)?shù)男薷暮驼{(diào)整以期進(jìn)一步完善設(shè)計 提高應(yīng)用系統(tǒng)的性能 這種修改和調(diào)整包括以下這個方面 根據(jù)對信息查詢的響應(yīng)時間的要求和查詢頻度要求進(jìn)行數(shù)據(jù)庫結(jié)構(gòu)的調(diào)整 a 增加必要的冗余數(shù)據(jù) b 如果經(jīng)常要做的查詢是兩個關(guān)系的連接 則可以考慮是否可以將兩個關(guān)系合 并為一個關(guān)系 數(shù)據(jù)試運(yùn)行合格后 數(shù)據(jù)開發(fā)工作就基本完成 即可投入正式運(yùn)行了 但 是 由于應(yīng)用環(huán)境在不斷變化 數(shù)據(jù)運(yùn)行過程中物理存儲也會不斷變化 對數(shù) 據(jù)設(shè)計進(jìn)行評價 調(diào)整 修改等維護(hù)工作是一個長期的任務(wù) 也是設(shè)計工作的 繼續(xù)和提高 1 5 網(wǎng)站設(shè)計思想 通過班級網(wǎng)站 全面宣傳 展示班級風(fēng)采 優(yōu)點(diǎn)與特色 發(fā)布班級的重大 活動安排 增強(qiáng)同學(xué)之間的相互聯(lián)系 提高辦事效率 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 5 如圖所示 2 2 相關(guān)技術(shù)相關(guān)技術(shù) 2 1 ASP Active Server Pages 2 1 1 ASP 的優(yōu)勢 在制作本系統(tǒng)過程中的一個至關(guān)重要的環(huán)節(jié)就是網(wǎng)頁的制作 而在當(dāng)今世 界上 用于制作網(wǎng)頁的工具比比皆是 如 ASP PHP JSP 等等 但作者之所以 選擇 ASP 制作本系統(tǒng) 原因在于 asp 是微軟公司最為流行的開放式的 Web 服務(wù)器 應(yīng)用程序開發(fā)技術(shù) 它相對于其他網(wǎng)頁制作工具具有自己獨(dú)特的優(yōu)勢 是一套微 軟開發(fā)的服務(wù)器端運(yùn)行的腳本平臺 與一般的程序不同 asp 程序無須編譯 ASP 程序的控制部份 是使用 VBScript JScript 等腳本語言來設(shè)計的 當(dāng)執(zhí)行 ASP 程序時 腳本程序?qū)⒁徽酌畎l(fā)送給腳本解釋器 即腳本引擎 由腳本解釋器進(jìn)行翻譯并將其轉(zhuǎn)換成服務(wù)器所能執(zhí)行的命令 當(dāng)然 同其他 編程語言一樣 ASP 程序的編寫也遵循一定的規(guī)則 如果你想使用你所喜愛的 腳本語言編寫 ASP 程序 那么你的服務(wù)器上必須要有能解釋這種腳本語言的腳 本解釋器 當(dāng)你安裝 ASP 時 系統(tǒng)提供了兩種腳本語言 VBsrcipt 和 JScript 而 VBscript 則被作為系統(tǒng)默認(rèn)的腳本語言 ASP 本身并不是一種 腳本語言 它只是提供了一種使鑲嵌在 HTML 頁面中的腳本程序得以運(yùn)行的環(huán) 班級風(fēng)采班級風(fēng)采休閑娛樂休閑娛樂專業(yè)介紹專業(yè)介紹學(xué)習(xí)園地學(xué)習(xí)園地七嘴八舌論壇七嘴八舌論壇 首頁首頁 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 6 境 因此 作者使用 asp 作為制作本產(chǎn)品信息系統(tǒng)主要技術(shù)和工具 一方面符 合了現(xiàn)階段制作網(wǎng)頁的流行趨勢 很好地做到了與世界前沿的接軌 可以最大 限度地利用世界上現(xiàn)有的動態(tài)網(wǎng)頁資源 豐富制作手段 另一方面使用 asp 制 作這個系統(tǒng) 可以最大化地發(fā)揮 asp 技術(shù)的優(yōu)勢 簡化制作程序 減少工作時 間 降低制作成本 2 1 2 ASP 的特點(diǎn) 任何開發(fā)工具皆可發(fā)展 ASP 只要使用一般的文書編輯程序 如 Windows 記事本 就可以編輯 當(dāng)然 其他網(wǎng)頁發(fā)展工具 例如 FrontPage Express FrontPage 等也都可以 不 過還是建議你用記事本來寫 既省錢又方便 若是使用那些所見即所得的網(wǎng)頁 編輯來寫 ASP 可能會發(fā)生一些意想不到的離奇狀態(tài) 由于 ASP 程序是在網(wǎng)絡(luò)服務(wù)器端中執(zhí)行 執(zhí)行結(jié)果所產(chǎn)生的 HTML 文件適用 于不同的瀏覽器 語言相容性高 ASP 與所有的 ActiveX Script 語言都相容 除了可結(jié)合 HTML VBScript Java Script Active X 服務(wù)器組件來設(shè)計外 并可經(jīng)由 plug In 外掛組件模組 的方式 使用其他廠商 Third Party 所提供的 語言 隱密安全性高 如果我們在瀏覽器中直接查看網(wǎng)頁的原始代碼 就只能看到 HTML 文件 原 始的 ASP 程序代碼是看不到的 這是因?yàn)?ASP 程序先于網(wǎng)站服務(wù) Web Server 端執(zhí)行后 將結(jié)果轉(zhuǎn)換成標(biāo)準(zhǔn) HTML 文件 再傳送到客戶端 Client 的瀏覽器上 因此 我們所辛苦撰寫的 ASP 程序并不會輕易地被看見進(jìn)而被盜 用 易于操控數(shù)據(jù)庫 ASP 可以輕易地通過 ODBC Open Database Connectivity 驅(qū)動程序連接各 種不同的數(shù)據(jù)庫 例如 Acess Foxpro dBase Oracle 等等 另外 ASP 亦 可將 文本文件 或是 Excel 文件當(dāng)成數(shù)據(jù)庫用 面向?qū)ο髮W(xué)習(xí)容易 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 7 ASP 具備有面向?qū)ο?Object Oriented 功能 學(xué)習(xí)容易 提供了 五種方便能力強(qiáng)大的內(nèi)建對象 Request Response Sever Application 以 及 Session 同時 若使用 ASP 內(nèi)建的 Application 對象或 Session 對 象所撰寫出來的 ASP 程序可以在多個網(wǎng)頁之間暫時保存必要的信息 2 1 3 ASP 的六大內(nèi)部對象 對象名稱 功能描述 RequestResponseServerSessionApplicationObjectContext 從客戶端取得 信息將信息送給客戶端提供一些 Web 服務(wù)器工具儲存在一個 Session 內(nèi)的用戶 信息 該信息僅可被該用戶訪問在一個 ASP Application 中讓不同的客戶端共 享信息可以用來配合 Microsoft Transaction 服務(wù)器進(jìn)行分布式事務(wù)處理 所以我選擇了 ASP 結(jié)合 Dreamweaver 構(gòu)建我們信管 051412 班的班級網(wǎng)站 2 2 Macromedia Dreamweaver 8 Dreamweaver 是由美國 MACROMEDIA 公司開發(fā)的 是集網(wǎng)頁制作和管理網(wǎng)站 于一身的網(wǎng)頁編輯器 它是目前市場上有關(guān)網(wǎng)頁設(shè)計 制作功能非常強(qiáng)大的軟 件 操作界面友好 可擴(kuò)展性能強(qiáng) 是網(wǎng)頁設(shè)計制作領(lǐng)域的主流工具 隨著互聯(lián)網(wǎng)的家喻戶曉 HTML 技術(shù)的不斷發(fā)展和完善 隨之而產(chǎn)生了眾多 網(wǎng)頁編輯器 從網(wǎng)頁編輯器基本性質(zhì)可以分為所見即所得網(wǎng)頁編輯器和非所見 即所得網(wǎng)頁編輯器 Dreamweaver 是一個可視化的網(wǎng)頁設(shè)計和網(wǎng)站管理工具 支持最新的 Web 技術(shù) 是第一套為專業(yè)網(wǎng)頁設(shè)計師發(fā)展的視覺化網(wǎng)頁開發(fā)工具 利用它可以非常輕易地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng) 頁 2 3 Macromedia Flash 8 FLASH 是 Macromedia 公司出品的 用在互聯(lián)網(wǎng)上動態(tài)的 互動的 shockwave 它的優(yōu)點(diǎn)是體積小 可邊下載邊播放 這樣就避免了用戶長時間的 等待 FLASH 可以用其生成動畫 還可在網(wǎng)頁中加入聲音 這樣你就能生成多媒 體的圖形和界面 而使文件的體積卻很小 FLASH 雖不可以象一門語言一樣進(jìn)行編程 但用其內(nèi)置語句并結(jié)合 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 8 JAVASCRIPE 您也可作出互動性很強(qiáng)的主頁來 FLASH 另外一個特點(diǎn)就是必須安裝插件 PLUG IN 才能被瀏覽器所接受 當(dāng) 然這也避免了瀏覽器之間的差異 使之一視同仁 2 4 ACCESS 軟件 美國 Microsoft 公司于 1994 年推出的微機(jī)數(shù)據(jù)庫管理系統(tǒng) 它具有界面友 好 易學(xué)易用 開發(fā)簡單 接口靈活等特點(diǎn) 是典型的新一代桌面數(shù)據(jù)庫管理 系統(tǒng) 其主要特點(diǎn)如下 1 完善地管理各種數(shù)據(jù)庫對象 具有強(qiáng)大的數(shù)據(jù)組織 用戶管理 安全檢查等 功能 2 強(qiáng)大的數(shù)據(jù)處理功能 在一個工作組級別的網(wǎng)絡(luò)環(huán)境中 使用 Access 開發(fā) 的多用戶數(shù)據(jù)庫管理系統(tǒng)具有傳統(tǒng)的 XBASE DBASE FoxBASE 的統(tǒng)稱 數(shù)據(jù)庫 系統(tǒng)所無法實(shí)現(xiàn)的客戶服務(wù)器 Cient Server 結(jié)構(gòu)和相應(yīng)的數(shù)據(jù)庫安全機(jī)制 Access 具備了許多先進(jìn)的大型數(shù)據(jù)庫管理系統(tǒng)所具備的特征 如事務(wù)處理 出 錯回滾能力等 3 可以方便地生成各種數(shù)據(jù)對象 利用存儲的數(shù)據(jù)建立窗體和報表 可視性好 4 作為 Office 套件的一部分 可以與 Office 集成 實(shí)現(xiàn)無縫連接 5 能夠利用 Web 檢索和發(fā)布數(shù)據(jù) 實(shí)現(xiàn)與 Internet 的連接 Access 主要適 用于中小型應(yīng)用系統(tǒng) 或作為客戶機(jī) 服務(wù)器系統(tǒng)中的客戶端數(shù)據(jù)庫 3 3 網(wǎng)站總體分析與設(shè)計網(wǎng)站總體分析與設(shè)計 3 1 網(wǎng)站系統(tǒng)分析 根據(jù)前面的設(shè)計思想進(jìn)行分析 按照系統(tǒng)開發(fā)的基本觀點(diǎn)對網(wǎng)站進(jìn)行分解 從內(nèi)容上可對網(wǎng)站作如下劃分 1 班級首頁 通過一定的 flash 動畫設(shè)計和動態(tài)的文字實(shí)現(xiàn)首頁的展示 從側(cè)面反映班級的和睦和團(tuán)結(jié) 2 班級風(fēng)采 通過班級體 校內(nèi)外的趣事 宿舍間的故事展現(xiàn)班級體 從中多數(shù)是以照片和文字結(jié)合的效果來展現(xiàn)的 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 9 3 休閑娛樂 在這個網(wǎng)頁模塊中我們可以找到很多游戲的鏈接 從中可 以看到很多有趣的話題 可以豐富瀏覽的趣味性和多樣性 4 專業(yè)介紹 通過一個網(wǎng)頁模塊來介紹我們的專業(yè) 介紹我們所學(xué)習(xí)的 是什么 讓更多大人了解和熟悉我們系熟悉我們專業(yè) 5 學(xué)習(xí)園地 在這里我們有很多學(xué)習(xí)的心得 也有很多學(xué)習(xí)的榜樣 同 樣也有很多學(xué)習(xí)的資料 很多笑話很多詩歌 只要你想到的我們都可以給你提 供得到 6 七嘴八舌論壇 這是我的網(wǎng)頁的主要功能模塊 在這個模塊中你可以 實(shí)現(xiàn)用戶的注冊 也可以通過注冊的用戶進(jìn)行留言和發(fā)表言論和文章 當(dāng)然我 也設(shè)計了為未注冊的游客所服務(wù)的簡潔瀏覽 但是只是一般的瀏覽 并不可以 進(jìn)入我們的聊天和留言模塊中 所以呢想要進(jìn)入我們的大家庭中就必須得注冊 成為我們大家庭中的一員才可以七嘴八舌的和大家交流了 3 2 主頁設(shè)計 網(wǎng)站主頁采用靜 動相結(jié)合的方式 即靜態(tài)的主畫面和動態(tài)的 flash 動畫 相結(jié)合以及滾動的消息條相組合而成 以蛋黃色為背景色 充分體現(xiàn)班級的勃 勃生氣 靜態(tài)的圖片起到了一定的承托動態(tài)文字的作用 起到了一定的美化作用 而動態(tài)的文字就得利用到了 JavaScript 等腳本語言來設(shè)計的 使之可以實(shí)現(xiàn)移 動的效果也利用 Dreamweaver 實(shí)現(xiàn)了鏈接的功能 主頁的大篇幅被一個 flash 占據(jù) 并且我使用 flash 實(shí)現(xiàn)了它對其他班級網(wǎng)站頁面的鏈接 該 flash 給人以 一種新鮮活潑的感覺 充分的反應(yīng)了當(dāng)代大學(xué)生的積極樂觀的風(fēng)貌 在該 flash 中點(diǎn)擊一定的頁面內(nèi)容都會出現(xiàn)一定的動畫效果 可以給每一個瀏覽該頁面的人 一種輕松愉悅的心情 班級首頁 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 10 主頁面部分代碼如下主頁面部分代碼如下 function statusMessageObject p d this msg MESSAGE this out this pos POSITION this delay DELAY this i 0 this reset clearMessage function clearMessage this pos POSITION var POSITION 100 var DELAY 5 var MESSAGE 歡迎光臨 Welcome to 051412 班 var scroll new statusMessageObject function scroller for scroll i 0 scroll i 0 scroll out scroll msg else scroll out scroll msg substring scroll pos scroll msg length window status scroll out scroll out scroll pos if scroll pos scroll msg length scroll reset setTimeout scroller scroll delay function snapIn jumpSpaces position var msg scroll msg var out for var i 0 i position i out msg charAt i for i 1 i jumpSpaces i out out msg charAt position window status out if jumpSpaces 3 jumpSpaces 75 else jumpSpaces if position msg length var cmd snapIn jumpSpaces position scrollID window setTimeout cmd scroll delay else window status jumpSpaces 0 position 0 cmd snapIn jumpSpaces position scrollID window setTimeout cmd scroll delay return false return true snapIn 100 0 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 12 var x y var step 18 var flag 0 var message 可愛的 051412 班歡迎你的光臨 message message split var xpos new Array for i 0 i message length 1 i xpos i 50 var ypos new Array for i 0 i 1 i xpos i xpos i 1 step ypos i ypos i 1 xpos 0 x step ypos 0 y for i 0 i 1 i xpos i xpos i 1 step ypos i ypos i 1 xpos 0 x step ypos 0 y for i 0 i message length 1 i var thisspan eval document span i 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 13 thisspan left xpos i thisspan top ypos i var timer setTimeout www helpor net 30 for i 0 i message length 1 i document write document write message i document write if document layers document captureEvents Event MOUSEMOVE document onmousemove handlerMM www helpor net var cssdefinition n menuitems nborder 2 5px solid FFF2BF n n n menuitems a ntext decoration none ncolor black n n if document all document getElementById document write cssdefinition function over effect e state bgcolor if document all source4 event srcElement else if document getElementById 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 14 source4 e target if source4 className menuitems source4 style borderStyle state source4 style backgroundColor bgcolor else while source4 tagName DIV source4 document getElementById source4 parentNode source4 parentElement if source4 className menuitems source4 style borderStyle state source4 style backgroundColor bgcolor document write 那 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 15 時的我們那時的我們青澀純真那時的我們快樂童真 發(fā)自內(nèi)心的快樂與童真現(xiàn)在的我們即將奔赴遠(yuǎn)方那無限美好 的遠(yuǎn)方 那就是我們美好的未來 document write 最新特別報道 死敵的碰創(chuàng) 賽杯籃球 td align center 百度 google 4 4 詳細(xì)設(shè)計介紹詳細(xì)設(shè)計介紹 4 1 本站首頁 同第三節(jié)所述 4 2 班級風(fēng)采 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 17 利用 Dreamweaver 設(shè)計的一個關(guān)于班集體的一些回憶的記錄 該模塊中主要 包含班我們的班級體 校內(nèi)外活動 宿舍的趣事 我們大學(xué)的第一步 軍訓(xùn)五 個部分組成 文字部分也對應(yīng)了相應(yīng)的頁面 這些模塊的組成也和該模塊一樣都 是通過 Dreamweaver 實(shí)現(xiàn)相應(yīng)的鏈接 從而使閱讀和使用更加的方便 便捷 這 些頁面都是通過文字和照片的組合相應(yīng)而成的 使頁面顯得豐富而且文字也起到 了一定的說明解釋作用 使我們在閱讀的過程當(dāng)中不但可以通過文字回憶我們的 那些點(diǎn)點(diǎn)滴滴 也可以通過對照片的回顧再一次回到那個時期 想到那時的大家 那時的自己 同樣的這些頁面的主色調(diào)都是和主頁的主色調(diào)是統(tǒng)一的 都采用象征我們 系的傳統(tǒng)色調(diào) 蛋黃色 表示對一個系的喜愛 也表示對自己專業(yè)的喜愛 對 自己班級的喜愛 4 3 專業(yè)介紹 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 18 用一個頁面的篇幅來介紹我們的專業(yè) 最上方采用 FLASH 來表現(xiàn)我們系的 特色 也是我們的一個口號 頁面對我們專業(yè)進(jìn)行全面系統(tǒng)的介紹 可以通過 這個對我們的專業(yè)進(jìn)行一定的宣傳 也讓瀏覽的人可以更進(jìn)一步的了解到我系 了解我們的專業(yè)特色 這個意義是很大的 這個在班級網(wǎng)站上也許并不是必須 的 但是我認(rèn)為 如果我們班級對自己的專業(yè)都沒有一個認(rèn)識那就不應(yīng)該了 所以加上這個也是有一定的作用的 4 4 休閑娛樂 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 19 一個休閑娛樂的網(wǎng)頁 通過 Dreamweaver 完成主要結(jié)構(gòu)的框架其中的每一 個按鈕使用 Dreamweaver 鏈接到了一個對應(yīng)的網(wǎng)站 為瀏覽者提供一定的休閑 空間 其中的 2 班競技人物中 對我們班級中的幾個游戲迷進(jìn)行了一定的描述 這 是一個班集體都必須應(yīng)該具有的 不同的性格 不同的愛好組成了一個大集體 這 樣就是班級的魅力所在另外 在旁邊的幾個鏈接分別可以進(jìn)入我校的主頁和我系 的主頁 可以給瀏覽者提供更多更廣的了解我們學(xué)校 我們系的通道 讓更多人了 解我們成長的地方 也是我們最美好時光的地方 我們可愛的班集體誕生的地方 4 5 學(xué)習(xí)園地 有了娛樂的空間 當(dāng)然也要有學(xué)習(xí)的空間的存在 同樣是用 Dreamweaver 完 成主體框架的設(shè)計 在這里有活潑可愛的搞怪表情 給頁面添加了不少童趣的氣 氛 在這個頁面中不僅有學(xué)習(xí)的經(jīng)驗(yàn) 有國內(nèi)外的詩歌 還有趣味的小知識問答 給瀏覽者一定的沖擊感 給以更多的吸引和關(guān)注 對網(wǎng)站以后的發(fā)展也會起到積 極的作用 這次頁面的顏色會有比較大的反差 是為了給瀏覽者另外的視覺享受 不會給人以單調(diào)的感覺 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 20 4 6 七嘴八舌論壇 Conn asp 是實(shí)現(xiàn)數(shù)據(jù)和 Access 之間的連接 4 6 1 注冊界面 注冊界面 采用強(qiáng)烈的橙色 和背景形成強(qiáng)烈的對比 使注冊者眼前一亮 界 面主要構(gòu)建使用 Dreamweaver 來完成 構(gòu)建過程當(dāng)中 對文本框和提交以及重置 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 21 等框架進(jìn)行命名 最好用英文命名 以此方便與 Access 的有效連接 完成了注冊 界面的主要設(shè)計之后就是與 Access 建立連接了 其中使用了 Access 的 VbScript 腳本語言以及 Conn asp 來實(shí)現(xiàn)注冊內(nèi)容以及數(shù)據(jù)的保存和鑒定 其中 的主要語言就有以下部分 dim strname strpassword1 strpassword2 strdorm stremail strpassword strsex strbirthday str qq strhomepage strfrom strintroduce strname request form Name strpassword1 request form password1 strpassword2 request form password2 strdorm request form dorm stremail request form email strsex request form sex strbirthday request form birthday strqq request form qq strhomepage request form homepage strfrom request form from strintroduce request form introduce 以此實(shí)現(xiàn)了注冊數(shù)據(jù)和保存數(shù)據(jù)的一致性 方便以后其他的注冊用戶的唯一 性 另外還有對于帶星號的必須注冊信息以及密碼的一致性 也采用到了 Access 的另外一個腳本語言 response write alert 請 輸入所有必填信息 response write javascript history go 1 這 樣一來不但可以實(shí)現(xiàn)注冊信息的完整性 同時也通過保存的信息實(shí)現(xiàn)了對密碼 設(shè)置的一致性 最后通過 JavaScript 腳本語言實(shí)現(xiàn)最后的提示 注冊成功的信 息 注冊完成之后系統(tǒng)主動登陸到用戶登陸界面 4 6 2 用戶登陸界面 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 22 同上的方法 Dreameaver 完成了對界面的設(shè)計 同樣也用了 flash 設(shè)計了一 個 top 的標(biāo)志 其中每個按鈕依然可以對應(yīng)相應(yīng)的連接 登陸的主要任務(wù)的交 給了我們的 Access 來完成 主要通過 JavaScript 腳本語言與 Conn asp 與數(shù)據(jù) 的連接 登陸界面在 Dreamweaver 中的代碼為 在 Access 中的連接是必須的 它的代碼是 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 23 其中 BBS MDB 保存了用戶的注冊信息以及他在我們論壇中的一言一行 實(shí)現(xiàn) 了對用戶的完美記錄 4 6 3 用戶登陸進(jìn)入論壇 在論壇當(dāng)中 用戶可以觀看別人的文章 可以給你喜歡的作者評語 也可 以給你喜歡的作者留言 實(shí)現(xiàn)了觀看和觀后感的有效組合 是讀者和作者之間 建立了一個良好的橋梁 其中論壇界面如下 其中的主題以及作者是通過 Access 進(jìn)行記錄的 文章發(fā)布通過 Access 進(jìn) 行保存 通過它的 VbScrip 和 JavaScrip 腳本語言進(jìn)行表示 每個作者的后面都會有其文章被瀏覽和跟貼的次數(shù) 這是利用函數(shù)進(jìn)行疊 加的 沒點(diǎn)擊以此就會形成一次記錄每跟一次貼也會形成一次記錄 然后通過函 數(shù)疊加 得到一個數(shù)字 那就是作者的被瀏覽次數(shù)和跟帖次數(shù)的由來了 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 24 寫文章時其中主題以及內(nèi)容不能為空 若為空 將會有提示 發(fā)表文章 發(fā)表文章 主題 內(nèi)容 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 25 下面是對文章進(jìn)行評論和對作者進(jìn)行留言 dim strArticletitle strarticlecontent strarticleauthor strarticleid dim strtable strdsn if session name then response write alert 請你首先登錄 才能發(fā)表高 見 response write javascript history go 1 response end end if strarticletitle request form title 廣東金融學(xué)院廣東金融學(xué)院 本科畢業(yè)論文本科畢業(yè)論文 班級網(wǎng)站設(shè)計班級網(wǎng)站設(shè)計 26 strarticlecontent request form content strarticleauthor session name strarticleid Request Form articleid strtable article if trim strarticletitle or trim strarticlecontent then response write alert 主題或內(nèi)容不能為空 response write javascript history go 1 response end end if set rs server createobject adodb recordset rs open strtable conn 3 2 rs addnew if request form submit 發(fā)表文章 then rs articletitle strarticletitle rs articleauthor strarticleauthor rs articlecontent strarticlecontent response write 文章發(fā)表成功 elseif request form submit 跟貼文章 then rs articletitle strarticletitle rs articleauthor strarticleauthor rs articl