畢業(yè)論文-信息工程系網(wǎng)站建設(shè)

1、畢 業(yè) 設(shè) 計(jì)（論 文）題目信息工程系網(wǎng)站建設(shè) 系別信息工程系 專業(yè) 班級(jí) 姓名# 學(xué)號(hào) 指導(dǎo)教師# 日期二零一零年十二月 - PAGE I -目 錄 TOC o 1-3 h z u HYPERLINK l _Toc280897109 摘 要 PAGEREF _Toc280897109 h I HYPERLINK l _Toc280897110 Abstract PAGEREF _Toc280897110 h II HYPERLINK l _Toc280897111 第1章 網(wǎng)站總體方案設(shè)計(jì) PAGEREF _Toc280897111 h 1 HYPERLINK l _Toc280897112

2、 1.1 設(shè)計(jì)思路 PAGEREF _Toc280897112 h 1 HYPERLINK l _Toc280897113 1.2 網(wǎng)站結(jié)構(gòu)與原理 PAGEREF _Toc280897113 h 2 HYPERLINK l _Toc280897114 第2章 網(wǎng)站具體方案設(shè)計(jì) PAGEREF _Toc280897114 h 3 HYPERLINK l _Toc280897115 2.1 模塊功能詳細(xì)描述 PAGEREF _Toc280897115 h 3 HYPERLINK l _Toc280897116 2.1.1網(wǎng)站模塊的設(shè)計(jì) PAGEREF _Toc280897116 h 3 HYPER

3、LINK l _Toc280897117 2.1.2數(shù)據(jù)庫(kù)設(shè)計(jì) PAGEREF _Toc280897117 h 6 HYPERLINK l _Toc280897118 2.1.3代碼的編寫 PAGEREF _Toc280897118 h 8 HYPERLINK l _Toc280897119 第3章 作品使用說明書 PAGEREF _Toc280897119 h 11 HYPERLINK l _Toc280897120 3.1作品功能 PAGEREF _Toc280897120 h 11 HYPERLINK l _Toc280897121 3.2 操作說明 PAGEREF _Toc280897

4、121 h 11 HYPERLINK l _Toc280897122 3.2.1網(wǎng)站首頁 PAGEREF _Toc280897122 h 11 HYPERLINK l _Toc280897123 3.2.2網(wǎng)站子頁 PAGEREF _Toc280897123 h 11 HYPERLINK l _Toc280897124 設(shè)計(jì)總結(jié) PAGEREF _Toc280897124 h 12 HYPERLINK l _Toc280897125 致 謝 PAGEREF _Toc280897125 h 13 HYPERLINK l _Toc280897126 參考文獻(xiàn) PAGEREF _Toc2808971

5、26 h 14 PAGE I摘 要系部網(wǎng)站的建立有助于系部開展網(wǎng)上宣傳活動(dòng)。它描述了系部網(wǎng)頁、后臺(tái)管理系統(tǒng)和網(wǎng)上學(xué)生管理系統(tǒng)的設(shè)計(jì)過程,分析了后臺(tái)管理系統(tǒng)的技術(shù)亮點(diǎn),給出了部分?jǐn)?shù)據(jù)庫(kù)操作的程序代碼。隨著該網(wǎng)站的投入使用,系部的管理效率有了明顯的提高。我的畢業(yè)設(shè)計(jì)課題題目信息工程系網(wǎng)站建設(shè)。它是一個(gè)宣傳性網(wǎng)站，通過該網(wǎng)站，可以為教師、學(xué)生及外界人員提供全面的系部信息，更好的促進(jìn)系部的宣傳。本網(wǎng)站的建立主要是用Dreanweaver 8和Asp語言實(shí)現(xiàn)的。利用網(wǎng)頁編程工具Dreanweaver8進(jìn)行前臺(tái)開發(fā)，構(gòu)建網(wǎng)站框架；動(dòng)態(tài)內(nèi)容是采用Access數(shù)據(jù)庫(kù)開發(fā)的，它相對(duì)簡(jiǎn)單，支持動(dòng)態(tài)數(shù)據(jù)類型和動(dòng)態(tài)協(xié)

6、議，便于對(duì)各種數(shù)據(jù)資源不斷更新和維護(hù)；建立完成的信息工程系網(wǎng)站基本上可以滿足預(yù)期要求，實(shí)現(xiàn)網(wǎng)上宣傳和推廣的效果。關(guān)鍵詞：網(wǎng)站建設(shè)，網(wǎng)站設(shè)計(jì)，Asp PAGE IIAbstractDepartment site set up helps department online launch publicity activities. It describes the department web pages, background management system and online student management system design process, analyzes the b

7、ackground management system technology window, gives part of the database operation program code. As the website was put into use, department of management efficiency have been significantly improved. My graduation design task subject - - information engineering department website construction. It i

8、s a popular website, through this website, can for teachers, students and external personnel to provide comprehensive information department, improve the department of propaganda. This website is established with the main Dreanweaver 8 and Asp language to realize. Using web programming tools Dreanwe

9、aver8 on front desk development, build a website frame; Dynamic content is to use Access database development, it is relatively simple, support dynamic data types and dynamic protocol, and is convenient for various resource data updated ceaselessly and maintenance; Establish complete information eng

10、ineering site basically can meet the expected, the realization of online conduct propaganda and promotion effect. Keywords: website construction, web design, Asp 濟(jì)源職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)（論文） PAGE 14第1章 網(wǎng)站總體方案設(shè)計(jì)1.1 設(shè)計(jì)思路1.定位網(wǎng)站的主題和名稱網(wǎng)站的主題。網(wǎng)站題材千奇百怪,琳瑯滿目，所以應(yīng)當(dāng)選擇一個(gè)題材。通過對(duì)周圍信息的搜集，我選擇了制作系部網(wǎng)站。2.確定網(wǎng)站的欄目。首先要擬好提綱，文章才能主題明確，層次

11、清晰。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，為了吸引用戶來瀏覽，首頁應(yīng)該將網(wǎng)站的主體明確顯示出來。3.確定網(wǎng)站的目錄結(jié)構(gòu)。網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來說并沒有什么太大的感覺，但是對(duì)于管理員的上傳維護(hù)，內(nèi)容未來的擴(kuò)充和移植有著重要的影響。如圖11是網(wǎng)站的目錄結(jié)構(gòu)圖：圖1-14.確定網(wǎng)站的鏈接結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。5.設(shè)計(jì)網(wǎng)站的整體風(fēng)格。風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)整體形象包括站點(diǎn)的（標(biāo)志，色彩，字體，標(biāo)語），版面布局，瀏覽方式，交互性，文字，語氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。風(fēng)格

12、是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱?，或者技術(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。通過對(duì)優(yōu)秀網(wǎng)站的借鑒，我確定了網(wǎng)站整體的風(fēng)格：以整潔明了為主，主次關(guān)系分明。1.2 網(wǎng)站結(jié)構(gòu)與原理前臺(tái)各模塊設(shè)計(jì)主要包括1.學(xué)院首頁2.本站首頁3.系部概況：系部簡(jiǎn)介、機(jī)構(gòu)設(shè)置和管理隊(duì)伍4.師資隊(duì)伍：師資力量和教師風(fēng)采5.專業(yè)建設(shè)：專業(yè)設(shè)置和專業(yè)特色6.實(shí)踐條件：校內(nèi)實(shí)踐條件和校外實(shí)踐條件7.課程建設(shè)：課程設(shè)計(jì)概況和優(yōu)質(zhì)核心課程8.招生就業(yè)：招生信息、就業(yè)信息以及優(yōu)秀畢業(yè)生風(fēng)采9.黨團(tuán)建設(shè)：黨支部的概況10.學(xué)生工作：校園文化和學(xué)生風(fēng)采11.教學(xué)科研12.互動(dòng)交流第2章 網(wǎng)站具體方

13、案設(shè)計(jì)2.1 模塊功能詳細(xì)描述2.1.1網(wǎng)站模塊的設(shè)計(jì)具體模塊設(shè)計(jì)1. 網(wǎng)站首頁如圖2-1所示。圖2-1網(wǎng)站首頁頁面點(diǎn)擊首頁即可進(jìn)入頁面顯示如圖2-1，此頁面介紹該網(wǎng)站的菜單并展示系部動(dòng)態(tài)簡(jiǎn)介。2 .后臺(tái)登陸點(diǎn)擊版權(quán)符號(hào)如圖2-2所示。圖2-2后臺(tái)管理頁面進(jìn)入此頁面登陸可以進(jìn)入后臺(tái)管理。登陸成功如圖2-3所示。圖2-3 登陸成功頁面3 . 添加管理員頁面點(diǎn)擊站點(diǎn)管理中的添加管理員即可出現(xiàn)圖2-4的頁面所示。圖2-4添加管理員頁面在此輸入管理員名稱、密碼和真實(shí)姓名即可添加后臺(tái)管理員。4 .管理頁面進(jìn)入管理頁面后，左側(cè)是三個(gè)鏈接，分別是：管理首頁、站點(diǎn)管理、信息管理，單擊可以分別在右側(cè)框架顯示對(duì)應(yīng)

14、的數(shù)據(jù)。如圖2-5所示。圖2-5管理頁面5 .添加信息頁面管理員可以通過本頁面給網(wǎng)站內(nèi)的各個(gè)子網(wǎng)頁添加文字和圖片信息。如圖2-6所示。圖2-6添加信息頁面6 .信息管理頁面本頁面是對(duì)已經(jīng)添加過的信息進(jìn)行管理，可修改，也可刪除。如圖2-7所示。 圖2-7信息管理頁面7互動(dòng)交流頁面 本頁面可以使用戶通過該頁面進(jìn)行留言上傳。如圖2-8所示。圖2-8互動(dòng)交流頁面2.1.2數(shù)據(jù)庫(kù)設(shè)計(jì)本設(shè)計(jì)中是在一個(gè)名為jsj.mdb數(shù)據(jù)庫(kù)中建立了admin表，class表， shop表, smallclass表等。1. admin（管理員管理信息）數(shù)據(jù)表2-1： 表2-1 admin數(shù)據(jù)表字段名說明數(shù)據(jù)類型字段長(zhǎng)度允許

15、空admin_id編號(hào)自動(dòng)編號(hào)50否admin_name管理員名稱文本型50否admin_pass管理員密碼文本型50否Mingcheng真實(shí)姓名文本型100是quan權(quán)限數(shù)字50是此表保存保存系統(tǒng)管理員的用戶名和密碼。2. class(網(wǎng)站大類)數(shù)據(jù)表2-2：表 2-2 class數(shù)據(jù)表字段名說明數(shù)據(jù)類型字段長(zhǎng)度允許空id編號(hào)自動(dòng)編號(hào)50否classname大類文本型50是此表顯示網(wǎng)站一級(jí)菜單。3. shop(信息總表)數(shù)據(jù)表2-3：表2-3 shop數(shù)據(jù)表字段名說明數(shù)據(jù)類型字段長(zhǎng)度允許空id編號(hào)自動(dòng)編號(hào)50否shopname信息總表文本型100是b_class大類文本型50是s_class

16、小類文本型50是s_pic圖片路徑文本型50是s_content信息內(nèi)容文本型1000是add_time添加時(shí)間時(shí)間/日期50是users使用人文本型100是4. smallclass（一級(jí)菜單與二級(jí)菜單對(duì)應(yīng)表）數(shù)據(jù)表2.4：表2.4 smallclass數(shù)據(jù)表字段名說明數(shù)據(jù)類型字段長(zhǎng)度允許空id編號(hào)自動(dòng)編號(hào)50否b_class大類文本型50是s_lass小類文本型50是此表用來對(duì)應(yīng)一級(jí)菜單與二級(jí)菜單。2.1.3代碼的編寫（1）信息顯示代碼：（2）系部新聞列表代碼： % mn=1 do while not rs.eof and mn a href=show.asp?b_class=&id= t

17、arget=_blank. 第3章 作品使用說明書3.1作品功能1.學(xué)生可以方便、快捷地瀏覽系部的最新動(dòng)態(tài)以及專業(yè)教學(xué)信息。2.管理員可以方便、快捷地對(duì)網(wǎng)站信息進(jìn)行刪除、查找、修改等管理。3.形象、科學(xué)、完整地表現(xiàn)系部信息的改變。4.可以對(duì)管理員權(quán)限進(jìn)行具體的設(shè)置。3.2 操作說明3.2.1網(wǎng)站首頁用戶可通過點(diǎn)擊“網(wǎng)站首頁”來獲得相關(guān)信息及分類，而管理員可在后臺(tái)管理系統(tǒng)中進(jìn)行子網(wǎng)頁類型、信息的添加、修改及刪除操作。3.2.2網(wǎng)站子頁用戶可通過點(diǎn)擊網(wǎng)站中的子菜單，查看包含鏈接。用 戶：查看系部詳細(xì)信息。管理員：可對(duì)各個(gè)頁面內(nèi)容進(jìn)行查看、添加、更改、刪除。設(shè)計(jì)總結(jié)首先我要做的就是要選擇好題目和網(wǎng)站

18、的風(fēng)格，之后我就分步驟準(zhǔn)備在制作網(wǎng)站前所要做好的準(zhǔn)備工作。我瀏覽了一些優(yōu)秀的系部網(wǎng)站的特點(diǎn)，借監(jiān)這些網(wǎng)站的優(yōu)秀之處，對(duì)自己網(wǎng)站上出現(xiàn)的缺點(diǎn)加以改良，從而使自己的網(wǎng)站更加美觀。回顧這次網(wǎng)站設(shè)計(jì)，至今我仍感慨頗多。的確，從選題到開始制作，從理論到實(shí)踐，在設(shè)計(jì)制作的日子里，可以說是苦多于甜，但是可以學(xué)到很多很多的東西，同時(shí)不僅可以鞏固以前所學(xué)過的知識(shí)，而且學(xué)到了很多在書本上所沒有學(xué)到的知識(shí)。在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開始了設(shè)計(jì)項(xiàng)目的進(jìn)程，按照設(shè)計(jì)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書面的形式展現(xiàn)出來，通過老師審核之后，在相應(yīng)的時(shí)間段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁及其頁面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁、二級(jí)子頁、內(nèi)容頁，創(chuàng)建超級(jí)鏈接。最后就是測(cè)試與瀏覽網(wǎng)頁，如果還有什么不理想的地方再改進(jìn)再預(yù)覽，如此反復(fù)，最后達(dá)到最好效果！在此次網(wǎng)站的設(shè)計(jì)與制作過程中，難免會(huì)遇到過各種各樣的問題，這畢竟是第一次設(shè)計(jì)和制作完整的網(wǎng)站。但值得高興的是：在設(shè)計(jì)的過程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過的知識(shí)理解得不夠深刻，掌握得不夠牢固，沒有能完全達(dá)到自己預(yù)期的效果，還好通過老師的細(xì)心指導(dǎo)才能達(dá)到最終效果。致 謝 感謝濟(jì)源職業(yè)技術(shù)學(xué)院在我三年?？茖W(xué)習(xí)生活期間對(duì)我的教育和培養(yǎng)！感謝信息工