計(jì)算機(jī)網(wǎng)絡(luò)課程設(shè)計(jì)--網(wǎng)站設(shè)計(jì)

1、<p><b>　　《計(jì)算機(jī)網(wǎng)絡(luò)》</b></p><p><b>　　課程設(shè)計(jì)報(bào)告</b></p><p><b>　　設(shè)計(jì)題目：網(wǎng)站設(shè)計(jì)</b></p><p>　　學(xué) 院 經(jīng)濟(jì)與管理學(xué)院 </p><p>　　專 業(yè) 信息管理與信息系統(tǒng) &

2、lt;/p><p>　　2011年6月27日—— 2011年7月1日</p><p><b>　　目錄</b></p><p>　　設(shè)計(jì)內(nèi)容及需求分析………………………………………………………1</p><p>　　1.1設(shè)計(jì)內(nèi)容………………………………………………………………………1</p><p>

3、;　　1.2需求分析………………………………………………………………………1</p><p>　　2.基本思路及所涉及的相關(guān)理論…………………………………………1</p><p>　　3.方案設(shè)計(jì)…………………………………………………………………………1</p><p>　　3.1總體框架結(jié)構(gòu)設(shè)計(jì)……………………………………………………1</p>&l

4、t;p>　　3.2數(shù)據(jù)庫(kù)設(shè)計(jì)……………………………………………………………1</p><p>　　4.站點(diǎn)具體設(shè)計(jì)步驟……………………………………………………2 </p><p>　　4.1網(wǎng)絡(luò)配置………………………………………………………………2</p><p>　　4.2構(gòu)建站點(diǎn)………………………………………………………………3</

5、p><p>　　4.3頁(yè)面設(shè)計(jì)及相關(guān)功能的實(shí)現(xiàn)…………………………………………45.網(wǎng)站測(cè)試…………………………………………………………………………6</p><p>　　5.1連接站點(diǎn)………………………………………………………………6</p><p>　　5.2運(yùn)行結(jié)果………………………………………………………………7</p><p>　　6

6、.遇到的問(wèn)題及解決辦法……………………………………………………10</p><p>　　7.個(gè)人總結(jié)…………………………………………………………………………11</p><p>　　7.1個(gè)人體會(huì)………………………………………………………………11</p><p>　　7.2待改善方案……………………………………………………………11</p><

7、p>　　參考文獻(xiàn)…………………………………………………………………………11</p><p><b>　　設(shè)計(jì)需求及分析</b></p><p><b>　　1.1設(shè)計(jì)內(nèi)容</b></p><p><b>　　個(gè)人網(wǎng)站設(shè)計(jì)</b></p><p>　　要求：具有文字、圖像

8、、聲音；</p><p>　　能夠?qū)崿F(xiàn)頁(yè)面之間的鏈接；</p><p>　　能夠?qū)崿F(xiàn)頁(yè)面與后臺(tái)數(shù)據(jù)庫(kù)的簡(jiǎn)單數(shù)據(jù)交互；</p><p><b>　　網(wǎng)頁(yè)數(shù)不少于15頁(yè)</b></p><p><b>　　1.2需求分析</b></p><p>　　該題目要求設(shè)計(jì)出一個(gè)具有數(shù)據(jù)交

9、互功能的動(dòng)態(tài)網(wǎng)站，我選擇了設(shè)計(jì)社區(qū)論壇網(wǎng)站（信管091班級(jí)社區(qū)），該網(wǎng)站能夠?qū)崿F(xiàn)基本的用戶注冊(cè)和登錄功能，登錄用戶可以在論壇內(nèi)不同的版塊發(fā)表文章，也可以對(duì)文章添加回復(fù)，由于論壇需要對(duì)用戶進(jìn)行認(rèn)證，這就需要有個(gè)后臺(tái)數(shù)據(jù)庫(kù)來(lái)進(jìn)行信息的存儲(chǔ)，所發(fā)表的文章和相關(guān)回復(fù)也要存儲(chǔ)到數(shù)據(jù)庫(kù)內(nèi)，進(jìn)而鏈接到網(wǎng)頁(yè)，雙方動(dòng)態(tài)更新。另外網(wǎng)站還具有音樂(lè)播放、站內(nèi)資源統(tǒng)計(jì)等功能。要實(shí)現(xiàn)IE瀏覽，還需要在操作系統(tǒng)內(nèi)安裝IIS功能。</p><p&g

10、t;　　基本思路及所涉及的相關(guān)理論</p><p>　　本網(wǎng)站采用Dreamweaver+Access開(kāi)發(fā)，由于動(dòng)態(tài)網(wǎng)頁(yè)的功能實(shí)現(xiàn)起來(lái)相對(duì)來(lái)說(shuō)比較復(fù)雜，代碼龐大，而Dreamweaver“不用手寫代碼”就能創(chuàng)建動(dòng)態(tài)頁(yè)面、實(shí)現(xiàn)記錄的插入和更新，而且數(shù)據(jù)庫(kù)的開(kāi)發(fā)靈活、方便。論壇總體具有注冊(cè)、日志、留言和評(píng)論功能。動(dòng)態(tài)頁(yè)面主要依靠ASP.NET來(lái)實(shí)現(xiàn)，而WIN7操作系統(tǒng)可以方便的安裝IIS和ASP.NET功能，所以在W

11、IN7環(huán)境開(kāi)發(fā)。</p><p><b>　　方案設(shè)計(jì)</b></p><p>　　3.1總體框架結(jié)構(gòu)設(shè)計(jì)</p><p><b>　　3.2數(shù)據(jù)庫(kù)設(shè)計(jì)</b></p><p>　　站點(diǎn)使用的數(shù)據(jù)庫(kù)(位置為D:\xinguan091\dat)建立了四個(gè)基本表（欄目、用戶、文章、回復(fù)）用來(lái)存儲(chǔ)相關(guān)數(shù)據(jù)

12、，并在表的基礎(chǔ)上設(shè)計(jì)相關(guān)查詢，是表與表通過(guò)主鍵連接，以提供相關(guān)數(shù)據(jù)在網(wǎng)頁(yè)上的顯示功能，從而實(shí)現(xiàn)了數(shù)據(jù)庫(kù)與網(wǎng)頁(yè)內(nèi)容的動(dòng)態(tài)交互和更新。（例：用戶表結(jié)構(gòu)如下）</p><p><b>　　站點(diǎn)具體設(shè)計(jì)步驟</b></p><p><b>　　4.1 網(wǎng)絡(luò)配置</b></p><p>　　WIN7環(huán)境下安裝IIS服務(wù)器和開(kāi)發(fā)環(huán)境：

13、[開(kāi)始][控制面板][程序][打開(kāi)或關(guān)閉WINDOWS功能]選擇Internet信息服務(wù)，如圖所示，并完成安裝。</p><p><b>　　4.2構(gòu)建站點(diǎn)</b></p><p>　　(1)計(jì)算機(jī)右鍵[管理][服務(wù)和應(yīng)用程序][IIS]添加網(wǎng)站，設(shè)置如圖</p><p>　　(2)啟動(dòng)Dreamweaver，[文件]面板內(nèi)新建站點(diǎn)xingua

14、n091，設(shè)置服務(wù)器技術(shù)為ASP.NET VB，文件存儲(chǔ)指向D:\xinguan091，URL地址http://localhost:100/；在[應(yīng)用程序][數(shù)據(jù)庫(kù)]添加OLE DB連接，數(shù)據(jù)庫(kù)指向D:\xinguan091\dat，完成和數(shù)據(jù)庫(kù)的綁定。</p><p>　　4.3頁(yè)面設(shè)計(jì)及相關(guān)功能的實(shí)現(xiàn)。</p><p>　　(1)設(shè)計(jì)主頁(yè)模板，并在主頁(yè)相關(guān)位置“綁定數(shù)據(jù)集”，以顯示數(shù)據(jù)

15、庫(kù)內(nèi)相關(guān)信息。（例：用戶名項(xiàng)綁定數(shù)據(jù)集{Ztre.YHNAME}） </p><p>　　其他如文章瀏覽，資源數(shù)統(tǒng)計(jì)，瀏覽用戶信息等功能也通過(guò)此來(lái)完成。</p><p>　　代碼為<%# ztfb.FieldValue("ZTNAME", Container) %></p><p>　　(2)設(shè)計(jì)用戶注冊(cè)界面，并通過(guò)[服務(wù)器行為]來(lái)“

16、插入記錄”到數(shù)據(jù)庫(kù)。（例如：插入“用戶名”到表“YH”的子列“YHNAME”。）這樣就可實(shí)現(xiàn)到數(shù)據(jù)庫(kù)的數(shù)據(jù)插入和更新。</p><p>　　(3)發(fā)表文章、留言及評(píng)論的功能實(shí)現(xiàn)與用戶注冊(cè)類似。（例：用戶寫入的文章，存儲(chǔ)入數(shù)據(jù)庫(kù)相關(guān)表項(xiàng)中）</p><p>　　代碼為<MM:Insert</p><p>　　runat="server"<

17、;/p><p>　　CommandText='<%# "INSERT INTO ZT (LMID, ZTNAME, ZYTEXT,YHID) VALUES (?, ?, ?, ?)" %>'</p><p>　　ConnectionString='<%# System.Configuration.ConfigurationSetti

18、ngs.AppSettings("MM_CONNECTION_STRING_dkconn") %>'</p><p>　　DatabaseType='<%# System.Configuration.ConfigurationSettings.AppSettings("MM_CONNECTION_DATABASETYPE_dkconn") %&g

19、t;'</p><p>　　Expression='<%# Request.Form("MM_insert") = "yhplfrm" %>'</p><p>　　CreateDataSet="false"</p><p>　　Debug="true"

20、</p><p><b>　　></b></p><p>　　<Parameters></p><p>　　<Parameter Name="@LMID" Value='<%# IIf((Request.Form("LMID") <> Nothing),

21、Request.Form("LMID"), "") %>' Type="Integer" /></p><p>　　<Parameter Name="@ZTNAME" Value='<%# IIf((Request.Form("ZTNAME") <> Nothin

22、g), Request.Form("ZTNAME"), "") %>' Type="WChar" /></p><p>　　<Parameter Name="@ZYTEXT" Value='<%# IIf((Request.Form("ZTTEXT") <> No

23、thing), Request.Form("ZTTEXT"), "") %>' Type="WChar" /></p><p>　　<Parameter Name="@YHID" Value='<%# session("USEID") %>' Type=&quo

24、t;Integer" /></p><p>　　</Parameters></p><p>　　</MM:Insert></p><p>　　(4)靜態(tài)頁(yè)面切換，編輯按鈕的[行為]方式，添加URL指向文件，便可實(shí)現(xiàn)頁(yè)面間的切換功能。</p><p>　　(5)插入背景音樂(lè)， 插入標(biāo)簽，選擇HTML標(biāo)簽，

25、選擇頁(yè)元素中的bgsound,指向文件地址。 </p><p>　　(6)加入電子郵件鏈接，直接插入即可，將郵箱地址設(shè)為站主郵箱，訪問(wèn)網(wǎng)站時(shí)點(diǎn)擊按鈕即可啟動(dòng)outlook發(fā)送郵件。</p><p><b>　　5.網(wǎng)站測(cè)試</b></p><p><b>　　5.1連接站點(diǎn)</b></p><p>

26、　　打開(kāi)IIS，將所建站點(diǎn)xinguan91的默認(rèn)文檔，添加網(wǎng)站主頁(yè)文件index.aspx，查看主機(jī)IP地址為192.168.199.1，在瀏覽器地址欄輸入網(wǎng)頁(yè)地址http://192.168.199.1:100/。</p><p><b>　　5.2運(yùn)行效果</b></p><p>　　(1)從瀏覽器打開(kāi)網(wǎng)站后，顯示首頁(yè)如圖</p><p>

27、;　　(2)點(diǎn)擊右上方欄目版塊，實(shí)現(xiàn)不同版塊間的切換</p><p><b>　　(3)用戶注冊(cè)界面</b></p><p><b>　　(4)會(huì)員功能</b></p><p>　　在賬號(hào)欄輸入賬號(hào)和密碼，成為登錄用戶，可實(shí)現(xiàn)會(huì)員的相關(guān)操作</p><p><b>　　查看資料顯示<

28、/b></p><p>　　會(huì)員還可以在相關(guān)版塊發(fā)布文章</p><p>　　也可以對(duì)文章進(jìn)行回復(fù)操作</p><p><b>　　(5)資源統(tǒng)計(jì)功能</b></p><p>　　網(wǎng)站可以對(duì)發(fā)布的文章總數(shù)和某一篇文章的回復(fù)數(shù)進(jìn)行統(tǒng)計(jì)</p><p>　　6.遇到的問(wèn)題及解決辦法</p&

29、gt;<p>　　在本次試驗(yàn)中，網(wǎng)絡(luò)配置方面沒(méi)有遇到什么問(wèn)題，主要問(wèn)題在于對(duì)軟件dreamweaver的操作，出現(xiàn)的主要問(wèn)題有</p><p>　　（1）構(gòu)建站點(diǎn)時(shí)的服務(wù)器選擇錯(cuò)誤。在進(jìn)行站點(diǎn)定義時(shí)，由于不了解相關(guān)的服務(wù)器技術(shù)要求，未選擇相關(guān)服務(wù)器，經(jīng)過(guò)查閱資料知道我所涉及的論壇類動(dòng)態(tài)網(wǎng)站采用ASP.NET VB技術(shù)，所以對(duì)站點(diǎn)又進(jìn)行重新定義。</p><p>　　(2)數(shù)據(jù)

30、的連接。在應(yīng)用程序綁定數(shù)據(jù)庫(kù)時(shí)，選擇OLE DB連接后，程序選擇成了Microsoft Jet 3.51 OLE DB Provider，致使數(shù)據(jù)庫(kù)腳本無(wú)法創(chuàng)建，后得知我所采用的ACCESS 2003數(shù)據(jù)庫(kù)的驅(qū)動(dòng)程序?yàn)镸icrosoft Jet 4.0 OLE DB Provider，重新部署后，成功的創(chuàng)建了連接腳本。</p><p>　　(3)數(shù)據(jù)庫(kù)與網(wǎng)頁(yè)的數(shù)據(jù)動(dòng)態(tài)交互失敗。網(wǎng)頁(yè)發(fā)表數(shù)據(jù)無(wú)法寫入數(shù)據(jù)庫(kù)，所綁定的

31、數(shù)據(jù)集無(wú)法在網(wǎng)頁(yè)上顯示。無(wú)法寫入是因?yàn)樵跀?shù)據(jù)連接屬性內(nèi)沒(méi)有將權(quán)限改為Readwrite，于是只能讀取而無(wú)法寫入；在網(wǎng)頁(yè)顯示失敗是數(shù)據(jù)庫(kù)設(shè)計(jì)不夠好，有些表忘記設(shè)置唯一標(biāo)識(shí)的主鍵，從而使視圖查詢沒(méi)有形成表與表之間的連接，改善設(shè)計(jì)即可解決問(wèn)題。</p><p>　　(4)用戶登錄驗(yàn)證失敗。在輸入用戶名和密碼登錄網(wǎng)站時(shí)，密碼錯(cuò)誤也可以登錄。這是由于在登錄設(shè)計(jì)時(shí)的數(shù)據(jù)集篩選只選取了用戶名而未選取密碼，再添加密碼到篩選變量。

32、</p><p>　　(5)除此之外，還有一些相類似的問(wèn)題，例如服務(wù)器控件、標(biāo)簽設(shè)置等。主要原因都是由于對(duì)dreamweaver軟件還不能輕車駕熟，通過(guò)查閱相關(guān)書籍和教程，向該軟件的專業(yè)人士詢問(wèn)，可使問(wèn)題盡量得到解決。</p><p><b>　　7.個(gè)人小結(jié)</b></p><p><b>　　7.1個(gè)人體會(huì)</b>&l

33、t;/p><p>　　網(wǎng)站設(shè)計(jì)是一項(xiàng)很繁瑣的過(guò)程，從頁(yè)面設(shè)計(jì)、數(shù)據(jù)庫(kù)連接到功能實(shí)現(xiàn)，各項(xiàng)內(nèi)容都有很多工作要完成，再加上之前接觸開(kāi)發(fā)軟件dreamweaver并不多，相關(guān)操作還不是很熟悉，從而遇到了很多問(wèn)題。這時(shí)我總是積極的查閱資料，了解操作方式。實(shí)踐了才知道方法，從設(shè)計(jì)網(wǎng)站之初，也就是最基本的頁(yè)面設(shè)計(jì)做起，慢慢的摸索門路，循序漸進(jìn)、這樣就在后邊避免了一些不必要問(wèn)題。自己也加強(qiáng)了知識(shí)的掌握，并且提高了學(xué)習(xí)和實(shí)踐的能力。

34、</p><p><b>　　7.2 待改善方案</b></p><p>　　網(wǎng)站設(shè)計(jì)用了五天時(shí)間，這就不避免還有些許方案需要改善。本論壇基本實(shí)現(xiàn)了登錄、寫文、評(píng)論等基本功能，但一個(gè)五臟六腑俱全的論壇遠(yuǎn)不止這些功能。本網(wǎng)站還需要注入管理員的功能，以實(shí)現(xiàn)文章的刪除；還有圖片上傳下載功能；另外，在文章顯示方面，若文章數(shù)過(guò)多，加入了分頁(yè)顯示則更好。諸如此類的問(wèn)題還亟待解決。

35、</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1]Dreamweaver CS5中文版完全自學(xué)手冊(cè)/教傳艷/北京:人民郵電出版社/2011 </p><p>　　[2]Dreamweaver CS4+ASP動(dòng)態(tài)網(wǎng)站開(kāi)發(fā)從基礎(chǔ)到實(shí)踐/李睦芳/北京:機(jī)械工業(yè)出版社/2010</p><p>　　[3]