范小兵

(山西省電子工業(yè)科學(xué)研究所，山西 太原 030006)

?

基于ASP.NET和Dreamweaver的動漫論壇設(shè)計與實現(xiàn)

范小兵

(山西省電子工業(yè)科學(xué)研究所，山西 太原 030006)

摘要：隨著動漫及互聯(lián)網(wǎng)技術(shù)的不斷發(fā)展，越來越多的人群開始使用互聯(lián)網(wǎng)查看動漫相關(guān)消息。本文介紹了一個基于asp.net與dreamweaver技術(shù)的動漫論壇網(wǎng)站的制作過程。首先介紹網(wǎng)站建設(shè)前期概念的提出及實施計劃、實施過程、網(wǎng)站頁面截圖以及頁面的總體布局形式，其次對所開發(fā)的網(wǎng)站進(jìn)行了測試與發(fā)布，最后對網(wǎng)站制作的整個過程做總結(jié)與展望。該網(wǎng)站的制作完成對其他動漫論壇網(wǎng)站的制作具有很好的借鑒及創(chuàng)新意義。

關(guān)鍵詞：asp.net；dreamweaver；論壇；動漫；網(wǎng)站

人們對不同的動漫有著不同的理解和需求。有的人喜歡與有著相同愛好的人分享心得、有的人想要尋找高清畫質(zhì)的動漫、還有一些人想要獲得最新的動漫資訊或者聲優(yōu)作者信息。本網(wǎng)站的設(shè)計就是為滿足不同漫友的要求，為大家提供一個可以討論的論壇，使互不相識的人成為漫友，并且提供動漫下載以及最新的動漫資訊等，同時努力為廣大漫友提供一個綠色安全的瀏覽環(huán)境[1]。

在整個論壇網(wǎng)站的實現(xiàn)過程中，運用asp.net技術(shù)來設(shè)計論壇的主體部分，采用dreamweaver來設(shè)計下載、資訊傳遞等相關(guān)功能，同時使用PS對圖片進(jìn)行處理，并且引用了許多JS腳本實現(xiàn)一些特殊功能。

1實現(xiàn)過程

1.1asp.net論壇

1.1.1論壇首頁設(shè)計

在頁面登錄事件中，通過比較方法與設(shè)定的時間13個小時進(jìn)行比較，用來獲取相應(yīng)的問候語。通過IF語句來比較，如果系統(tǒng)時間小于13，就顯示“上午好”；如果大于13，就顯示“下午好”；其他的情況就顯示“中午好”。

為了實現(xiàn)Gridview的分頁功能，首先需要將Gridview的AllowPaging屬性設(shè)置為True，用來控制分頁，并且觸發(fā)pageindexchanging事件。

在論壇功能實現(xiàn)過程中，注冊用戶和管理員可以將相關(guān)信息輸入相應(yīng)的函數(shù)接口相同的登錄窗口。在頁面上，單擊“登錄”按鈕，觸發(fā)單擊事件。

1.1.2瀏覽帖子詳細(xì)信息

在頁面的登錄事件中，調(diào)用aa方法來顯示頁面的詳細(xì)信息，并且通過累加的方法“+1”來顯示有多少用戶查看該帖；調(diào)用hfbind方法來顯示回帖詳細(xì)信息。

本網(wǎng)站中，設(shè)置了相應(yīng)的刪除系統(tǒng)。通過if語句的判斷，如果此刻的登錄帳號是系統(tǒng)管理員賬號，則可以刪除相應(yīng)的帖子，如果不是管理員，則提示沒有權(quán)限刪除帖子[2]。

當(dāng)用戶在DateList(ID:dlxx)項目中單擊“我要回復(fù)”鏈接時，本貼在的帖子編號便被傳遞到帖子回復(fù)模塊，而回復(fù)帖子則根據(jù)相應(yīng)的編號將回復(fù)內(nèi)容提交到數(shù)據(jù)庫中[3]。

1.1.3發(fā)表新帖相關(guān)頁面

當(dāng)?shù)卿浽擁撁娴臅r候，首先用Page_Load來判斷用戶是否已經(jīng)登錄，如果Session[“UserName”]與Session[“UserPwd”]的值都為空，那么滾動到登錄頁面，如果已經(jīng)登錄，則在lblyhm中顯示已經(jīng)登錄的用戶名[4]。

當(dāng)所有帖子信息輸入完畢后，單擊“提交”按鈕。這時輸入的發(fā)帖人姓名，帖子題目，帖子內(nèi)容會被提交到數(shù)據(jù)庫的tb_Content表中，并且彈出帖子添加成功信息。

1.2dreamweaver

1.2.1網(wǎng)站首頁

用PS制作的寫有“動漫小站”的圖片作為背景，并且添加Flash文件，制作出網(wǎng)站標(biāo)題。

將在PS上制作好的圓形星球圖片插入網(wǎng)頁，設(shè)置相關(guān)鏈接，并通過行為使鼠標(biāo)劃過時圖片可以移動。

1.2.2綜述頁面

使用Spry菜單欄插件，制作出網(wǎng)站的目錄。

通過Spry折疊版，將本網(wǎng)站主推的九部動漫一一列出來，并且在其中包含動漫劇照、通往下載頁面的鏈接以及編者對本動漫的簡介[5]。

通過引用的腳本代碼，制作出本頁面的目錄。當(dāng)鼠標(biāo)經(jīng)過文字標(biāo)題時，副標(biāo)題會在旁邊顯示出來，并且通過標(biāo)題文字和副標(biāo)題文字的錨點鏈接，實現(xiàn)在本頁面上的任意跳轉(zhuǎn)[6]。

最新動漫新聞的部分，通過錨點與目錄鏈接，并且內(nèi)容也設(shè)置了文字鏈接，單擊之后可以直接查看相關(guān)新聞內(nèi)容[7]。

作者介紹部分，也是設(shè)置了錨點與目錄鏈接，但是并沒有制作相關(guān)頁面，如果單擊作者的名字，便會進(jìn)入百度百科關(guān)于作者的具體鏈接[8]。

1.2.3具體介紹及下載頁面

下載主頁如圖1所示。

圖1　下載主頁

為了方便用戶下載高清視頻，本網(wǎng)站采用添加迅雷磁力鏈接的方式，當(dāng)用戶單擊相應(yīng)的集數(shù)，便會激活電腦上安裝的迅雷軟件，下載相關(guān)的視頻。對于到現(xiàn)在為止已經(jīng)出品了多部的動漫，網(wǎng)站通過Spry選項卡式面板，當(dāng)單擊不同的選項卡題目時，可以切換到不同的集數(shù)[9]。

1.2.4新聞頁面

新聞頁面主要在首頁簡單地介紹新聞內(nèi)容，并且同過引用的JS腳本，實現(xiàn)在一個區(qū)域內(nèi)的日文新聞和中文新聞的切換。由于本文是引用自其他網(wǎng)站，頁面上也著名了引用網(wǎng)站及源網(wǎng)站的鏈接[10]。

通過對JS的引用，實現(xiàn)在同一個區(qū)域內(nèi)日中文的切換。

1.3使用IIS發(fā)布

IIS發(fā)布的第一步是啟動Windows“程序和功能”下的“Internet信息服務(wù)”，之后在“控制面板”下的“管理工具”中啟動相應(yīng)的“Internet信息服務(wù)(IIS)管理器”程序[11]。

1) 在“網(wǎng)站”選項下單擊右鍵，選擇“添加網(wǎng)站”選項，在之后的彈出面板中輸入相應(yīng)的信息。

2) 在某些無法發(fā)布的情況下，需要將添加好的網(wǎng)站設(shè)置為“添加應(yīng)用程序”。

3) 單擊“瀏覽網(wǎng)站”，可以查看發(fā)布的網(wǎng)站。

2網(wǎng)站測試

2.1asp.net部分

2.1.1登陸測試

在論壇首頁，輸入測試用戶名：aaa，登錄密碼：111，之后單擊“登錄”按鈕。彈出登錄成功信息如圖2所示。

圖2　成功提示

輸入為注冊的用戶名：bbb，登錄密碼：222，之后單擊“登錄”按鈕。彈出登錄失敗信息如圖3所示。

圖3　失敗提示

單擊注冊信息，成功跳轉(zhuǎn)到注冊頁面。

2.1.2使用管理員登錄

1) 首頁帖子管理：登錄成功后單擊頁面上帖子“詳細(xì)信息”鏈接，頁面成功跳轉(zhuǎn)到帖子詳細(xì)信息頁面；單擊“刪除”鏈接時，帖子成功刪除，并且跳轉(zhuǎn)到刪除成功提示頁面[12]。

2) 用戶信息管理：單擊首頁上的用戶信息管理頁面鏈接，頁面跳轉(zhuǎn)到用戶管理頁面。單擊頁面上的“刪除”選項，用戶成功地被刪除，單擊“修改”選項，成功跳轉(zhuǎn)到用戶信息修改頁面。

在用戶信息管理頁面，單擊“添加”鏈接，用戶跳轉(zhuǎn)到注冊頁面，輸入相關(guān)注冊信息，單擊“提交”按鈕，用戶添加成功[13]。

在用戶信息查詢頁面，單擊“查詢”按鈕，或者在首頁單擊“用戶信息查詢”鏈接，頁面跳轉(zhuǎn)到用戶信息查詢頁面。單擊用戶編號的單選按鈕，在查詢文本框中輸入“34”，順利查找到用戶編號為34的用戶信息。單擊“全部顯示”按鈕，可以顯示全部用戶信息。

3總結(jié)與展望

制作這個論壇網(wǎng)站，花費了很多時間與經(jīng)歷，但在克服了各種各樣的困難之后，也實現(xiàn)了很多實用的功能，同時我也學(xué)到了很多技術(shù)。

首先就是使用asp.net與SQL Server數(shù)據(jù)庫相連接，通過代碼的執(zhí)行，現(xiàn)在可以將在文本框中輸入的內(nèi)容隨時插入到數(shù)據(jù)表[14]。

第二是分頁技術(shù)，使用分頁技術(shù)之后，用戶點擊分頁的頁碼之后，無需轉(zhuǎn)換網(wǎng)頁，就可以切換到Gridview頁面的下一頁，既節(jié)省時間又便于查看。

第三是JS腳本的運用，在以前對于JS腳本的認(rèn)知，也僅限于指導(dǎo)有這樣一種代碼，但是在制作HTML網(wǎng)頁的時候，為了是網(wǎng)頁看上去更美觀，功能更強(qiáng)大，便在網(wǎng)上尋找了很多源代碼[15]。

第四是IIS發(fā)布技術(shù)，使用IIS發(fā)布應(yīng)該說是網(wǎng)站制作過程中遇到的最大困難，通過查找互聯(lián)網(wǎng)上的相關(guān)資料，刪除了運行產(chǎn)生的多余文件，之后把發(fā)布的網(wǎng)站設(shè)置成“添加應(yīng)用程序”，最后終于成功發(fā)布網(wǎng)站。

參考文獻(xiàn)

[1]饒威.中日動漫產(chǎn)業(yè)的比較研究[D].武漢：武漢理工大學(xué)，2008.

[2]王瑩.中國動漫網(wǎng)站失衡現(xiàn)象研究[D].廣州：暨南大學(xué)，2010.

[3]李紅松.迪拜動漫網(wǎng)站web系統(tǒng)的設(shè)計與分析[D].濟(jì)南：山東大學(xué)，2009.

[4]徐莉.dreamweaver+asp動態(tài)網(wǎng)頁使用技巧[J].今日科苑，2009(2):181-182.

[5]吳燕珍.基于asp+dreamweaver的動態(tài)網(wǎng)站開發(fā)中常見問題的探討[J].軟件導(dǎo)刊，2012，11(7):122-124.

[6]王蘇蘇.asp.net動態(tài)網(wǎng)站開發(fā)技術(shù)淺析[J].信息與電腦(理論版)，2014(10):83-83.

[7]孫睿，王愛強(qiáng).asp.net頁面之間的數(shù)據(jù)傳遞與保持[J].電子世界，2014(14):336-337.

[8]胡楊.將asp.net網(wǎng)站發(fā)布到IIS的4種方法[J].計算機(jī)與網(wǎng)絡(luò)，2013，39(22):38-38.

[9]張影.dreamweaver使用技巧[J].電腦學(xué)習(xí)，2009(2):144-145.

[10]王艷紅.dreamweaver網(wǎng)頁制作若干實用技巧[J].電腦編程技巧與維護(hù)，2013(16):74-74.

[11]陳杰.dreamweaver在動態(tài)網(wǎng)頁設(shè)計中的應(yīng)用[J].礦業(yè)工程，2005(3):59-60.

[12]楊興凱.新一代Web開發(fā)環(huán)境——asp.net [J].沈陽師范大學(xué)學(xué)報(自然科學(xué)版)，2002，20(2):110-113.

[13]Szybalski W,Kim S C,Hasan N,et al.Class-IIS Restriction Enzymes-a Review[J].Gene,1991,100:169.

[14]Masound F A,Halabi D H,Halabi D H.asp.Net And Jsp Frameworks In Model View Controller Implementation[J].Information & Communication Technologies .ictta,2006,2:3593-3598.

[15]Tang Z H,Maclennan J.Data Mining with SQL Server 2005[J].Modern Computer,2005,16(7):103-108.

收稿日期：2016-02-03 2015-12-28

作者簡介：范小兵(1965- )，男，山西長治人，1985年畢業(yè)于山西省電子工業(yè)學(xué)校，專業(yè)：無線電。

文章編號：1674- 4578(2016)02- 0067- 02

中圖分類號：TP311

文獻(xiàn)標(biāo)識碼：A

Design and Realization of Animation Forum Based on ASP.NET and Dreamweaver

Fan Xiaobing

(ShanxiInstituteofElectronicsIndustry,TaiyuanShanxi030006,China)

Abstract:The paper introduces the making process of a animation forum web based on asp.net and dreamweaver. Firstly, the suggestion of front stage concept for website constructing, the actualizing plan, actualizing process, website page screen shot and the overall layout of page are introduced. Then, the test and issue is made for the developed website. Finally, the summary and expectation of whole process of website making is made. The finishing of this website has a very good reference and innovative significance for the making of other animation forum website.

Key words:asp.net; dreamweaver; forum; animation; website