網(wǎng)站建設(shè)畢業(yè)論文

1、<p><b>　　#######學(xué)院</b></p><p>　　畢 業(yè) 設(shè) 計(jì)（論 文）</p><p>　題目信息工程系網(wǎng)站建設(shè) </p><p>　系別信息工程系　 </p><p>　專業(yè)應(yīng)用技術(shù)

2、 </p><p>　班級(jí)計(jì)應(yīng)0801班 </p><p>　姓名#### </p><p>　學(xué)號(hào)08090142 </p><p>　

3、指導(dǎo)教師##### </p><p>　日期二零一零年十二月 </p><p><b>　　目 錄</b></p><p><b>　　摘 要I</b></p><p>　　Ab

4、stractII</p><p>　　第1章 網(wǎng)站總體方案設(shè)計(jì)1</p><p>　　1.1 設(shè)計(jì)思路1</p><p>　　1.2 網(wǎng)站結(jié)構(gòu)與原理2</p><p>　　第2章 網(wǎng)站具體方案設(shè)計(jì)3</p><p>　　2.1 模塊功能詳細(xì)描述3</p><p>　　2.1.1

5、網(wǎng)站模塊的設(shè)計(jì)3</p><p>　　2.1.2數(shù)據(jù)庫(kù)設(shè)計(jì)6</p><p>　　2.1.3代碼的編寫(xiě)8</p><p>　　第3章 作品使用說(shuō)明書(shū)11</p><p>　　3.1作品功能11</p><p>　　3.2 操作說(shuō)明11</p><p>　　3.2.1網(wǎng)站首頁(yè)11&

6、lt;/p><p>　　3.2.2網(wǎng)站子頁(yè)11</p><p><b>　　設(shè)計(jì)總結(jié)12</b></p><p><b>　　致 謝13</b></p><p><b>　　參考文獻(xiàn)14</b></p><p><b>　　摘 要<

7、;/b></p><p>　　系部網(wǎng)站的建立有助于系部開(kāi)展網(wǎng)上宣傳活動(dòng)。它描述了系部網(wǎng)頁(yè)、后臺(tái)管理系統(tǒng)和網(wǎng)上學(xué)生管理系統(tǒng)的設(shè)計(jì)過(guò)程,分析了后臺(tái)管理系統(tǒng)的技術(shù)亮點(diǎn),給出了部分?jǐn)?shù)據(jù)庫(kù)操作的程序代碼。隨著該網(wǎng)站的投入使用,系部的管理效率有了明顯的提高。</p><p>　　我的畢業(yè)設(shè)計(jì)課題題目——信息工程系網(wǎng)站建設(shè)。它是一個(gè)宣傳性網(wǎng)站，通過(guò)該網(wǎng)站，可以為教師、學(xué)生及外界人員提供全面的系部信

8、息，更好的促進(jìn)系部的宣傳。</p><p>　　本網(wǎng)站的建立主要是用Dreanweaver 8和Asp語(yǔ)言實(shí)現(xiàn)的。利用網(wǎng)頁(yè)編程工具Dreanweaver8進(jìn)行前臺(tái)開(kāi)發(fā)，構(gòu)建網(wǎng)站框架；動(dòng)態(tài)內(nèi)容是采用Access數(shù)據(jù)庫(kù)開(kāi)發(fā)的，它相對(duì)簡(jiǎn)單，支持動(dòng)態(tài)數(shù)據(jù)類型和動(dòng)態(tài)協(xié)議，便于對(duì)各種數(shù)據(jù)資源不斷更新和維護(hù)；建立完成的信息工程系網(wǎng)站基本上可以滿足預(yù)期要求，實(shí)現(xiàn)網(wǎng)上宣傳和推廣的效果。</p><p>　　

9、關(guān)鍵詞：網(wǎng)站建設(shè)，網(wǎng)站設(shè)計(jì)，Asp</p><p><b>　　Abstract</b></p><p>　　Department site set up helps department online launch publicity activities. It describes the department web pages, background mana

10、gement system and online student management system design process, analyzes the background management system technology window, gives part of the database operation program code. As the website was put into use, departme

11、nt of management efficiency have been significantly improved. </p><p>　　My graduation design task subject -- - information engineering department website construction. It is a popular website, through this w

12、ebsite, can for teachers, students and external personnel to provide comprehensive information department, improve the department of propaganda. </p><p>　　This website is established with the main Dreanweave

13、r 8 and Asp language to realize. Using web programming tools Dreanweaver8 on front desk development, build a website frame; Dynamic content is to use Access database development, it is relatively simple, support dynamic

14、data types and dynamic protocol, and is convenient for various resource data updated ceaselessly and maintenance; Establish complete information engineering site basically can meet the expected, the realization of online

15、 conduct</p><p>　　Keywords: website construction, web design, Asp </p><p>　　第1章 網(wǎng)站總體方案設(shè)計(jì)</p><p><b>　　1.1 設(shè)計(jì)思路</b></p><p>　　1.定位網(wǎng)站的主題和名稱網(wǎng)站的主題。網(wǎng)站題材千奇百怪,琳瑯滿目，

16、所以應(yīng)當(dāng)選擇一個(gè)題材。通過(guò)對(duì)周圍信息的搜集，我選擇了制作系部網(wǎng)站。</p><p>　　2.確定網(wǎng)站的欄目。首先要擬好提綱，文章才能主題明確，層次清晰。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，為了吸引用戶來(lái)瀏覽，首頁(yè)應(yīng)該將網(wǎng)站的主體明確顯示出來(lái)。</p><p>　　3.確定網(wǎng)站的目錄結(jié)構(gòu)。網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。目錄結(jié)構(gòu)的好壞，對(duì)瀏覽者來(lái)說(shuō)并沒(méi)有什么太大的感覺(jué)，

17、但是對(duì)于管理員的上傳維護(hù)，內(nèi)容未來(lái)的擴(kuò)充和移植有著重要的影響。如圖1—1是網(wǎng)站的目錄結(jié)構(gòu)圖：</p><p><b>　　圖1-1</b></p><p>　　4.確定網(wǎng)站的鏈接結(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上，但可以跨越目錄。</p><p>　　5.設(shè)計(jì)網(wǎng)站的整體風(fēng)格。風(fēng)格是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個(gè)"整體形

18、象"包括站點(diǎn)的（標(biāo)志，色彩，字體，標(biāo)語(yǔ)），版面布局，瀏覽方式，交互性，文字，語(yǔ)氣，內(nèi)容價(jià)值，存在意義，站點(diǎn)榮譽(yù)等等諸多因素。風(fēng)格是獨(dú)特的，是站點(diǎn)不同與其他網(wǎng)站的地方?；蛘呱剩蛘呒夹g(shù)，或者是交互方式，能讓瀏覽者明確分辨出這是你的網(wǎng)站獨(dú)有的。通過(guò)對(duì)優(yōu)秀網(wǎng)站的借鑒，我確定了網(wǎng)站整體的風(fēng)格：以整潔明了為主，主次關(guān)系分明。</p><p>　　1.2 網(wǎng)站結(jié)構(gòu)與原理</p><p>　

19、　前臺(tái)各模塊設(shè)計(jì)主要包括</p><p><b>　　1.學(xué)院首頁(yè)</b></p><p><b>　　2.本站首頁(yè)</b></p><p>　　3.系部概況：系部簡(jiǎn)介、機(jī)構(gòu)設(shè)置和管理隊(duì)伍</p><p>　　4.師資隊(duì)伍：師資力量和教師風(fēng)采</p><p>　　5.專業(yè)建設(shè)

20、：專業(yè)設(shè)置和專業(yè)特色</p><p>　　6.實(shí)踐條件：校內(nèi)實(shí)踐條件和校外實(shí)踐條件</p><p>　　7.課程建設(shè)：課程設(shè)計(jì)概況和優(yōu)質(zhì)核心課程</p><p>　　8.招生就業(yè)：招生信息、就業(yè)信息以及優(yōu)秀畢業(yè)生風(fēng)采</p><p>　　9.黨團(tuán)建設(shè)：黨支部的概況</p><p>　　10.學(xué)生工作：校園文化和學(xué)生風(fēng)采

21、</p><p><b>　　11.教學(xué)科研</b></p><p><b>　　12.互動(dòng)交流</b></p><p>　　第2章 網(wǎng)站具體方案設(shè)計(jì)</p><p>　　2.1 模塊功能詳細(xì)描述</p><p>　　2.1.1網(wǎng)站模塊的設(shè)計(jì)</p><

22、;p><b>　　具體模塊設(shè)計(jì)</b></p><p>　　1. 網(wǎng)站首頁(yè)如圖2-1所示。</p><p>　　圖2-1網(wǎng)站首頁(yè)頁(yè)面</p><p>　　點(diǎn)擊首頁(yè)即可進(jìn)入頁(yè)面顯示如圖2-1，此頁(yè)面介紹該網(wǎng)站的菜單并展示系部動(dòng)態(tài)簡(jiǎn)介。</p><p><b>　　2 .后臺(tái)登陸</b></

23、p><p>　　點(diǎn)擊版權(quán)符號(hào)如圖2-2所示。</p><p>　　圖2-2后臺(tái)管理頁(yè)面</p><p>　　進(jìn)入此頁(yè)面登陸可以進(jìn)入后臺(tái)管理。</p><p>　　登陸成功如圖2-3所示。</p><p>　　圖2-3 登陸成功頁(yè)面</p><p>　　3 . 添加管理員頁(yè)面</p>&

24、lt;p>　　點(diǎn)擊站點(diǎn)管理中的添加管理員即可出現(xiàn)圖2-4的頁(yè)面所示。</p><p>　　圖2-4添加管理員頁(yè)面</p><p>　　在此輸入管理員名稱、密碼和真實(shí)姓名即可添加后臺(tái)管理員。</p><p><b>　　4 .管理頁(yè)面</b></p><p>　　進(jìn)入管理頁(yè)面后，左側(cè)是三個(gè)鏈接，分別是：管理首頁(yè)、站點(diǎn)

25、管理、信息管理，單擊可以分別在右側(cè)框架顯示對(duì)應(yīng)的數(shù)據(jù)。如圖2-5所示。</p><p><b>　　圖2-5管理頁(yè)面</b></p><p><b>　　5 .添加信息頁(yè)面</b></p><p>　　管理員可以通過(guò)本頁(yè)面給網(wǎng)站內(nèi)的各個(gè)子網(wǎng)頁(yè)添加文字和圖片信息。如圖2-6所示。</p><p>　　

26、圖2-6添加信息頁(yè)面</p><p><b>　　6 .信息管理頁(yè)面</b></p><p>　　本頁(yè)面是對(duì)已經(jīng)添加過(guò)的信息進(jìn)行管理，可修改，也可刪除。如圖2-7所示。</p><p>　　圖2-7信息管理頁(yè)面</p><p><b>　　7．互動(dòng)交流頁(yè)面</b></p><p&

27、gt;　　本頁(yè)面可以使用戶通過(guò)該頁(yè)面進(jìn)行留言上傳。如圖2-8所示。</p><p>　　圖2-8互動(dòng)交流頁(yè)面</p><p>　　2.1.2數(shù)據(jù)庫(kù)設(shè)計(jì)</p><p>　　本設(shè)計(jì)中是在一個(gè)名為jsj.mdb數(shù)據(jù)庫(kù)中建立了admin表，class表， shop表, smallclass表等。</p><p>　　1. admin（管理員管理信息

28、）數(shù)據(jù)表2-1：</p><p>　　表2-1 admin數(shù)據(jù)表</p><p>　　此表保存保存系統(tǒng)管理員的用戶名和密碼。</p><p>　　2. class(網(wǎng)站大類)數(shù)據(jù)表2-2：</p><p>　　表 2-2 class數(shù)據(jù)表</p><p>　　此表顯示網(wǎng)站一級(jí)菜單。</p><p&g

29、t;　　3. shop(信息總表)數(shù)據(jù)表2-3：</p><p>　　表2-3 shop數(shù)據(jù)表</p><p>　　4. smallclass（一級(jí)菜單與二級(jí)菜單對(duì)應(yīng)表）數(shù)據(jù)表2.4：</p><p>　　表2.4 smallclass數(shù)據(jù)表</p><p>　　此表用來(lái)對(duì)應(yīng)一級(jí)菜單與二級(jí)菜單。</p><p>　　2

30、.1.3代碼的編寫(xiě)</p><p>　?。?）信息顯示代碼：</p><p><b>　　<% </b></p><p>　　set rst=server.createobject("adodb.recordset")</p><p>　　sqlt= "select top 12 *

31、 from shop where b_class='切換圖片' order by id desc" </p><p>　　rst.open sqlt,conn,1,1</p><p><b>　　%></b></p><p>　?。?）系部新聞列表代碼：</p><p><b>

32、　　<%</b></p><p>　　dim fenye,urls,b_class,search,s_class</p><p>　　search=trim(request("search"))</p><p>　　s_class=" "</p><p>　　urls="b_

33、class="&b_class&"&search="&search&"&s_class="&s_class </p><p>　　fenye=7 </p><p>　　currentpage=request.QueryString("currentpage&q

34、uot;)</p><p>　　if currentpage="" then</p><p>　　currentpage=1</p><p>　　totalrec=1</p><p><b>　　end if</b></p><p>　　currentpage=clng(cur

35、rentpage)</p><p>　　if s_class="" or isempty(s_class) then</p><p>　　if b_class="" or isempty(b_class) or b_class="0" then</p><p>　　exec="select * f

36、rom [shop] order by id desc"</p><p><b>　　else</b></p><p>　　if search="" or isempty(search) then</p><p>　　exec="select * from [shop] where b_class=

37、9;"&b_class&"' order by id desc"</p><p><b>　　else</b></p><p>　　exec="select * from [shop] where b_class='"&b_class&"' and sh

38、opname like '%"&search&"%' order by id desc"</p><p><b>　　end if</b></p><p><b>　　end if</b></p><p><b>　　else</b><

39、;/p><p>　　exec="select * from [shop] where s_class='"&s_class&"' order by id desc"</p><p><b>　　end if</b></p><p>　　set rs=server.createo

40、bject("adodb.recordset")</p><p>　　rs.open exec,conn,1,1 </p><p>　　if not rs.eof and not rs.bof then</p><p>　　rs.pagesize=fenye</p><p>　　totalrec=rs.recordc

41、ount</p><p>　　rs.absolutepage=currentpage</p><p><b>　　end if</b></p><p><b>　　%></b></p><p>　　<TABLE width="100%" border="0&

42、quot; cellpadding="0" cellspacing="0"></p><p><b>　　<%</b></p><p>　　dim month_time,day_time,year_time</p><p>　　month_time=month(cdate(rs("a

43、dd_time")))</p><p>　　day_time=day(cdate(rs("add_time")))</p><p>　　year_time=year(cdate(rs("add_time")))</p><p>　　dim dang_day,dang_month,dang_year</p>

44、<p>　　dang_year=year(cdate(date()))</p><p>　　dang_month=month(cdate(date()))</p><p>　　dang_day=day(cdate(date()))</p><p><b>　　%></b></p><p><b&

45、gt;　　<%</b></p><p><b>　　mn=1</b></p><p>　　do while not rs.eof and mn<=rs.pagesize</p><p><b>　　%></b></p><p>　　<tr height="

46、;20"><td align="left" valign="middle"></p><p>　　<div class="ggtitle" > <img src="images/lb.jpg" width="17" height="15">&l

47、t;a href="show.asp?b_class=<%=rs("b_class")%>&id=<%=rs("id")%>" target="_blank"><%= left(rs("shopname"),15) %>...</a> </div></td&g

48、t;</p><p><b>　　</tr></b></p><p><b>　　<%</b></p><p><b>　　mn=mn+1</b></p><p>　　rs.movenext</p><p><b>　　loo

49、p</b></p><p><b>　　%></b></p><p>　　第3章 作品使用說(shuō)明書(shū)</p><p><b>　　3.1作品功能</b></p><p>　　1.學(xué)生可以方便、快捷地瀏覽系部的最新動(dòng)態(tài)以及專業(yè)教學(xué)信息。</p><p>　　2.管

50、理員可以方便、快捷地對(duì)網(wǎng)站信息進(jìn)行刪除、查找、修改等管理。</p><p>　　3.形象、科學(xué)、完整地表現(xiàn)系部信息的改變。</p><p>　　4.可以對(duì)管理員權(quán)限進(jìn)行具體的設(shè)置。</p><p><b>　　3.2 操作說(shuō)明</b></p><p><b>　　3.2.1網(wǎng)站首頁(yè)</b><

51、/p><p>　　用戶可通過(guò)點(diǎn)擊“網(wǎng)站首頁(yè)”來(lái)獲得相關(guān)信息及分類，而管理員可在后臺(tái)管理系統(tǒng)中進(jìn)行子網(wǎng)頁(yè)類型、信息的添加、修改及刪除操作。</p><p><b>　　3.2.2網(wǎng)站子頁(yè)</b></p><p>　　用戶可通過(guò)點(diǎn)擊網(wǎng)站中的子菜單，查看包含鏈接。</p><p>　　用 戶：查看系部詳細(xì)信息。</p>

52、;<p>　　管理員：可對(duì)各個(gè)頁(yè)面內(nèi)容進(jìn)行查看、添加、更改、刪除。</p><p><b>　　設(shè)計(jì)總結(jié)</b></p><p>　　首先我要做的就是要選擇好題目和網(wǎng)站的風(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)站更加美觀。</p&

53、gt;<p>　　回顧這次網(wǎng)站設(shè)計(jì)，至今我仍感慨頗多。的確，從選題到開(kāi)始制作，從理論到實(shí)踐，在設(shè)計(jì)制作的日子里，可以說(shuō)是苦多于甜，但是可以學(xué)到很多很多的東西，同時(shí)不僅可以鞏固以前所學(xué)過(guò)的知識(shí)，而且學(xué)到了很多在書(shū)本上所沒(méi)有學(xué)到的知識(shí)。</p><p>　　在選擇好題目和網(wǎng)站的風(fēng)格之后，我就開(kāi)始了設(shè)計(jì)項(xiàng)目的進(jìn)程，按照設(shè)計(jì)方案的規(guī)定，先是將網(wǎng)站的總體策劃以書(shū)面的形式展現(xiàn)出來(lái)，通過(guò)老師審核之后，在相應(yīng)的時(shí)間

54、段找相關(guān)的素材，搜集與主題相關(guān)的文字、圖像等。再是設(shè)計(jì)網(wǎng)站的內(nèi)容結(jié)構(gòu)、目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)，設(shè)計(jì)首頁(yè)及其頁(yè)面的版式結(jié)構(gòu)。然后創(chuàng)建本地網(wǎng)站，建立網(wǎng)站的目錄結(jié)構(gòu)。制作首頁(yè)、二級(jí)子頁(yè)、內(nèi)容頁(yè)，創(chuàng)建超級(jí)鏈接。最后就是測(cè)試與瀏覽網(wǎng)頁(yè)，如果還有什么不理想的地方再改進(jìn)再預(yù)覽，如此反復(fù)，最后達(dá)到最好效果！</p><p>　　在此次網(wǎng)站的設(shè)計(jì)與制作過(guò)程中，難免會(huì)遇到過(guò)各種各樣的問(wèn)題，這畢竟是第一次設(shè)計(jì)和制作完整的網(wǎng)站。但值得高興的

55、是：在設(shè)計(jì)的過(guò)程中發(fā)現(xiàn)了自己的不足之處，對(duì)以前所學(xué)過(guò)的知識(shí)理解得不夠深刻，掌握得不夠牢固，沒(méi)有能完全達(dá)到自己預(yù)期的效果，還好通過(guò)老師的細(xì)心指導(dǎo)才能達(dá)到最終效果。</p><p><b>　　致 謝 </b></p><p>　　感謝濟(jì)源職業(yè)技術(shù)學(xué)院在我三年專科學(xué)習(xí)生活期間對(duì)我的教育和培養(yǎng)！感謝信息工程系的領(lǐng)導(dǎo)和老師對(duì)我的關(guān)心和厚愛(ài)！</p><p

56、>　　忠心感謝各位老師，都儼然家人般對(duì)我非常嚴(yán)厲與負(fù)責(zé)，對(duì)我的三年?？茖W(xué)習(xí)生活的各個(gè)方面都給予了無(wú)微不至的關(guān)懷與照顧！在學(xué)術(shù)上，精益求精；在工作上，一絲不茍；在學(xué)習(xí)上，對(duì)我嚴(yán)格要求、誨人不倦；在生活上，悉心關(guān)懷、無(wú)微不至。這所有的一切對(duì)我產(chǎn)生了巨大的影響，使我受益匪淺，在此向幫助我的老師致以最誠(chéng)摯的敬意和感謝！</p><p>　　感謝與我同組的王佳偉、侯理超，在我們共同的努力下，完成了畢業(yè)設(shè)計(jì)。</

57、p><p>　　感謝我全家人，同時(shí)還有親戚朋友在我?？茖W(xué)習(xí)期間給與我大力的支持和無(wú)私的奉獻(xiàn)！</p><p>　　同時(shí)，向所有關(guān)心、幫助過(guò)我的各位老師、各位同學(xué)、各位朋友表示最衷心的感謝！</p><p>　　最后，謹(jǐn)向所有在百忙之中參加我的論文評(píng)議和答辯的老師致以崇高的敬意和衷心的感謝！</p><p><b>　　參考文獻(xiàn)</

58、b></p><p>　　[1]石志國(guó). ASP動(dòng)態(tài)網(wǎng)站編程. 清華大學(xué)出版社[M] .2001,9.</p><p>　　[2]楊威. ASP 3.0網(wǎng)絡(luò)開(kāi)發(fā)技術(shù). 人民郵電出版社 [M].2000,11.</p><p>　　[3]鄧問(wèn)淵 陳惠貞 陳俊榮. ASP與網(wǎng)頁(yè)數(shù)據(jù)庫(kù)設(shè)計(jì). 中國(guó)鐵道出版社[M] 2001,2.</p><p

59、>　　[4]丁貴廣. ASP編程基礎(chǔ)與實(shí)例. 機(jī)械工業(yè)出版社[M]. 2002,9.</p><p>　　[5] Christoph Wille Christian Koller. 瀟湘工作室譯24小時(shí)學(xué)通ASP. 人民郵電出版社[M] . 2000,1.</p><p>　　[6]李燁. DIV+CSS 網(wǎng)頁(yè)布局與美化. 人民郵電出版社[M] ,2007,5.</p>