第一篇：班級網站設計與實現(xiàn)

沈陽化工學院

本科畢業(yè)論文

題 目: 班級網站設計與實現(xiàn) 院 系: 計算機科學與技術學院 專 業(yè): 計算機科學與技術 班 級: 計算機0802 學生姓名: 金智宇 指導教師: 張 麗

論文提交日期:2012年06月20日 論文答辯日期:2012年06月26日

I

內容摘要

隨著人類的進步，網絡技術不斷發(fā)展和計算機的普及，越來越多的人擁有自己電腦，讓人們的生活更快捷和豐富，并且豐富人類的精神世界和物質世界，讓人類最便捷地獲取信息，找到所求，讓人類的生活更快樂。

網絡的普及越來越多的學校和班級通過計算機網來管理各項事務。同時，學生與學生之間通過網絡來交流的方式也日趨頻繁。在這種潮流的趨勢下，應該采用什么樣的方式來更好的管理學生各項信息和班級各項日常事務，以及怎么是學生之間能更好的交流，成為一個問題。

班級網站設計是為了合理的利用網絡資源，提供班級與交流、有管理班級事務的網絡平臺。本網站基于B/S模式，在ASP.NET集成開發(fā)的環(huán)境下采用C#語言開發(fā)完成。本網站有班級介紹、班級相冊、同學登陸、班級留言、學習空間、休閑等模塊。網站的設計體現(xiàn)個性化要求。其中同學登陸模塊實現(xiàn)了用戶注冊、登陸與修改個人資料等功能；班級相冊實現(xiàn)圖片上傳和在線瀏覽功能；班級留言實現(xiàn)網上留言功能；提供交流平臺。本網站 促進班級學生的學習交流，實現(xiàn)用戶自由訪問，增加同學們的相互了解，增強班級凝聚力。

關鍵詞: 網站建設、網站運營、ASP.NET|、SQL server 2005

II

Abstract With the progress of mankind, the continuous development of network technology and the proliferation of computers, more and more people have their own computer to make people's lives more efficient and rich, and enrich our spiritual world and physical world, human access to the most convenientinformation, find what we seek to make human life happier.More and more schools and classes of the popularity of the network through the computer network to manage the affairs.At the same time, the way to communicate through the network between the students and the students become more frequent.In this fashion trends, what way should be used with good management students all the information and classes the daily affairs, and how better communication between students, become a problem.The class website is designed to use the network resources to provide classes and exchanges, to manage class affairs network platform.This site is based on B / S mode, ASP.NET integrated development environment using C # language developed.This site have a class, class album, the students landing, message classes, learning space, leisure and other modules.The site design reflects the individual requirements.Students landing module user registration, login and modify personal information;class album image upload and

III

online feature;class message Message function;provide an exchange platform.This site to promote the exchange of classes students learn to achieve the users the freedom to access, increase mutual understanding of the students, and enhance class cohesion.Key words: Website building、website operators、ASP.NET|、server 2005

IV

SQL

目錄

班級網站設計與實現(xiàn).........................................................................1 一.緒論..........................................................................................1 1.1 課題背景來源和發(fā)展意義..........................................................1 1.1.1 課題背景.............................................................................1 1.1.2 課題來源.............................................................................1

二.開發(fā)工具與開發(fā)技術..................................................................3 2.1 開發(fā)技術...................................................................................3 2.1.1 ASP.NET技術....................................................................3

2.2 開發(fā)工具...................................................................................4 2.2.1 SQL server 2005數(shù)據庫.....................................................4

2.3 開發(fā)環(huán)境...................................................................................5 2.3.1 Visual Studio.NET2010開發(fā)環(huán)境.....................................5 2.3.2 CSS樣式表在HTML中的實現(xiàn)............................................7

三.方案設計與論證........................................................................9 3.1 項目概述與需求分析.................................................................9 3.1.1 目標....................................................................................9 3.1.2 用戶的特點..........................................................................9

V

3.1.3 假定和約束..........................................................................9

3.2 設計中的圖表..........................................................................10 3.2.1 對功能的規(guī)定....................................................................10 3.2.2 網站結構圖：....................................................................11 3.2.3 類圖..................................................................................12

3.3 測試........................................................................................12 3.3.1 軟件測試...........................................................................12

四.設計與實現(xiàn)..............................................................................14 4.1 網站框架和代碼......................................................................14 4.1.1 添加用戶...........................................................................14 4.1.2 管理用戶...........................................................................15

4.2 網站首頁.................................................................................15 4.2.1 班級首頁...........................................................................15 圖4.2.1班級首頁.........................................................................16 4.2.2 網站首頁部分代碼.............................................................16

4.3 網站介紹.................................................................................18 4.3.1 班級介紹...........................................................................18 4.3.2 班級介紹部分代碼.............................................................19

4.4 資源共享.................................................................................22 4.4.1 資源共享介紹....................................................................22 4.4.2 連接代碼...........................................................................22

VI

4.5 專業(yè)課程.................................................................................23 4.5.1 課程信息...........................................................................23 4.5.2 專業(yè)課程部分代碼.............................................................23

4.6 班級通訊.................................................................................24 4.6.1 通訊界面...........................................................................24 4.6.2 班級通訊部分代碼.............................................................25

4.7 留言飛語.................................................................................27 4.7.1 留言界面...........................................................................27 4.7.2 同學留言部分代碼.............................................................27

4.8 聯(lián)系方式.................................................................................29 4.8.1 管理員聯(lián)系界面.................................................................29 4.8.2 聯(lián)系方式部分代碼.............................................................29

五.結果與評價..............................................................................31 六.結論.........................................................................................32

VII 沈陽化工學院學士學位論文

第一章 緒

論

班級網站設計與實現(xiàn)

一.緒論

1.1 課題背景來源和發(fā)展意義

1.1.1 課題背景

隨著互聯(lián)網的進一步發(fā)展與成熟，網絡的帶寬進一步加闊，網絡應用也越來越廣泛。網頁制作更是日新月異，層出不窮。涌現(xiàn)了很多琳瑯滿目的網站，使得整個互聯(lián)網多姿多彩。網頁功能分析就是以系統(tǒng)的觀點，對已選定的對象與開發(fā)范圍進行有目的、有步驟的實際調查和科學分析。分析的目的就是要弄清楚網頁要做什么，最終為后面的設計工作打下基礎。需求分析是制作一個網站的第一步。在制作網站之前，首先要了解客戶的需要和要求。這些必要的信息包括客戶所要表達的理念、界面顯示的內容和欄目的要求、網站功能方面的要求等。根據客戶的具體情況，需求也會有所差別。本網站是針對班級同學而設計的網站，主要是便于同學聯(lián)系例如聚會、發(fā)布班級信息等系列的通知，同時本網站還針對同學們的需求建立個人信息空間，可以建立個人影集，彰顯每個同學的個性與風采，相當于一個“便攜式”的聊天平臺，無論同學們以后身在那里我們都可以在茶余飯后對我們現(xiàn)在也或是過去進行討論，彼此交換心得體會，更加了解班級的概況，增強同學之間交流。

1.1.2 課題來源

大學時代的同學之情是最真摯的一份感情。沒有任何一個時代的學生比現(xiàn)在的學生們更加渴望言論自由，渴望情感交流。但在學分制條件下，快節(jié)奏的學習生活、越來越少的集體活動時間使同班同學之間的交流也日益困難。大學班級網站的建立為現(xiàn)實世界中的班級提供了一個非正式交往的虛擬平臺，它為班級每一個成員都提供了平等、自由的發(fā)言機會，使相互的交流跨越了時間和空間的樊籬，也打破了男女間、寢室間的障礙。沈陽化工學院學士學位論文

第一章 緒

論

為了滿足班級網站的交流目的。本網站包括：班級簡介、班級相冊、班級登陸、班級留言、學習交流、論壇等模塊。班級簡介模塊，作為班級總體介紹平臺，極少班級的建設，班級成員，班級成績等；班級相冊模塊，包括用戶上傳圖片以及圖片的瀏覽功能，實現(xiàn)與數(shù)據庫的銜接；班級登陸模塊，包括注冊和登陸兩個子模塊，通過注冊可以成為班級成員，在通過登錄擁有訪問網站各項功能的權限；班級留言模塊，實現(xiàn)用戶的在線留言；班級論壇模塊，論壇模塊主要實現(xiàn)注冊用戶能在此網站平臺之上交流，一般用戶可以回復別人的發(fā)言，亦可提出自己的言論，一伙的其他人的建議和意見；

本系統(tǒng)使用ASP。Net技術的動態(tài)網頁與SQL server2000數(shù)據庫結合設計建立的一個班級網站。用戶首先通過內部網絡訪問本站進行簡單的注冊并經營管理員審核通過后，即擁有了使用本網站上所提供的出管理模塊的各項功能的權利。功能模塊包括班級留言、班級相冊、學習交流等，論壇社區(qū)提供用戶之間的主要交流平臺，用戶可以發(fā)起自己的帖子，來引起班級其他同學的對本帖的討論或回復，同時用戶也可以對自己或別人的帖子提出自己的見解，從而很好地促進了班級內同學的交流。班級留言提供網上留言功能。留言可以使班級的老師班長或其他同學的留言，通過網絡的迅捷的傳輸率達到快速的了解及處理班級各項事務的目的。班級相冊可以將班級內同學的相冊傳到網站上自由瀏覽，增加班級的親和力。以及以上功能很好的解決上面所提出的問題 沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

二.開發(fā)工具與開發(fā)技術

2.1 開發(fā)技術

2.1.1 ASP.NET技術

AS.PNET是一種建立在通用語言上的程序結構，能被用于一臺Web服務器來建立強大的Web應用程序。ASP.NET是在服務器上運行的編譯好的公共語言運行庫，利用早期的綁定、實時編譯、本機優(yōu)化和盒外緩存服務，著相當于在編寫代碼行之前便顯著提高了性能。另外，由于ASP.NET框架補充了Visual Studio 集成開發(fā)環(huán)境，想必ASP，使程序設計相對簡化，結構更為清晰

ASP.NET的前身ASP技術，是在IIS 2.0上首次推出(Windows NT 3.51)，當時與 ADO 1.0 一起推出，在IIS 3.0(Windows NT 4.0)發(fā)揚光大，成為服務器端應用程序的熱門開發(fā)工具，微軟還 特別為它量身打造了Visual InterDev開發(fā)工具，在1994年到2000年之間，ASP技術已經成為微軟推展Windows NT 4.0平臺的關鍵技術之一，數(shù)以萬計的ASP網站也是這個時候開始如雨后春筍般的出現(xiàn)在網絡上。它的簡單以及高度可定制化的能力，也是它能迅速崛起的原因 之一。不過ASP的缺點也逐漸的浮現(xiàn)出來：

意大利面型的程序開發(fā)方法，讓維護的難度提高很多，尤其是大型的ASP應用程序。直譯式的VBScript或JScript語言，讓效能有些許的受限。延展性因為其基礎架構擴充性不足而受限，雖然有COM元件可用，但開發(fā)一些特殊功能（像文件上傳）時，沒有來自內置的支持，需要尋求第三方軟件商開發(fā)的元件。1997年時，微軟開始針對ASP的缺點（尤其是意大利面型的程序開發(fā)方法）準備開始一個新項目來開發(fā)，當時ASP.NET的主要領導人Scott Guthrie剛從杜克大學畢業(yè)，他和IIS團隊的Mark Anders經理一起合作兩個月，開發(fā)出了下一代ASP技術的原型，這個原型在1997年的圣誕節(jié)時被發(fā)展出來，并給予一個名稱：XSP，這個原型產品使用的是Java語言。不過它馬上就被納入當時還在開發(fā)中的CLR平臺，Scott Guthrie事后也認為將這個技術移植到當時的CLR平臺，確實有很大的風險(huge risk)，但當時的XSP團 沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

隊卻是以CLR開發(fā)應用的第一個團隊。

為了將XSP移植到CLR中，XSP團隊將XSP的內核程序全部以C#語言重新撰寫（在內部的項目代號是 “Project Cool”，但是當時對公開場合是保密的），并且改名為ASP+，作為ASP技術的后繼者，并且也會提供一個簡單的移轉方法給ASP開發(fā)人員。ASP+首次的Beta版本以及應用在PDC 2000中亮相，由Bill Gates主講Keynote(即關鍵技術的概覽)，由富士通公司展示使用COBOL語言撰寫ASP+應用程序，并且宣布它可以使用Visual Basic.NET、C#、Perl與Python語言（后兩者由ActiveState公司開發(fā)的互通工具支持）來開發(fā)。

在2000年第二季時，微軟正式推動.NET策略，ASP+也順理成章的改名為ASP.NET，經過四年的開發(fā)，第一個版本的ASP.NET在2002年1月5日亮相(和.NET Framework 1.0)，Scott Guthrie也成為ASP.NET的產品經理（到現(xiàn)在已經開發(fā)了數(shù)個微軟產品，像ASP.NET AJAX和Microsoft Silverlight）。目前最新版本的 ASP.NET 4.0 以及.NET Framework 4.0 已經在VS2010平臺內應用。

2.2 開發(fā)工具

2.2.1 SQL server 2005數(shù)據庫

數(shù)據庫是信息的集合，是指長期存儲在計算機內的、有組織的、可共享的數(shù)據集合。數(shù)據庫中的數(shù)據按一定的數(shù)據模型組織、描述和儲存，具有較小的冗余度、較高的數(shù)據獨立性和易擴展性，并可為各種用戶共享。例如，記錄客戶信息、網絡通訊錄等。以往會將這些數(shù)據記錄到紙上或是計算機某個文件中，如果要修改或查詢則要消費大量時間?，F(xiàn)在人們借助計算機和數(shù)據庫技術科學地保存和管理大量的復雜的數(shù)據，以便能方便而充分的利用這些寶貴的信息資源。數(shù)據被規(guī)整地存儲起來，修改和查詢只需幾條SQL語句就完成了。

Internet集成。SQL Server 2005 數(shù)據庫引擎提供完整的XML 支持。它還具有構成最大的Web 站點的數(shù)據存儲組件所需的可伸縮性、可用性和安全功能。SQL Server 2000 程序設計模型與 Windows DNA 構架集成，用以開發(fā) Web 應用程序，并且SQL Server 2005 支持 English Query 和 Microsoft 搜索服務等功能，在Web 應用程序中包含了用戶友好的查詢和強大的搜索功能。沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

2.可伸縮性和可用性。同一個數(shù)據庫引擎可以在不同的平臺上使用，從運行 Microsoft Windowsreg;98 的便攜式電腦，到運行 Microsoft Windows 2000 數(shù)據中心版的大型多處理器服務器。SQL Server 2005 企業(yè)版支持聯(lián)合服務器、索引視圖和大型內存支持等功能，使其得以升級到最大 Web 站點所需的性能級別。

3.企業(yè)級數(shù)據庫功能。SQL Server 2005 關系數(shù)據庫引擎支持當今苛刻的數(shù)據處理環(huán)境所需的功能。數(shù)據庫引擎充分保護數(shù)據完整性，同時將管理上千個并發(fā)修改數(shù)據庫的用戶的開銷減到最小。SQL Server 2005 分布式查詢使您得以引用來自不同數(shù)據源的數(shù)據，就好像這些數(shù)據是 SQL Server 2005 數(shù)據庫的一部分，同時分布式事務支持充分保護任何分布式數(shù)據更新的完整性。復制同樣使您得以維護多個數(shù)據復本，同時確保單獨的數(shù)據復本保持同步?？蓪⒁唤M數(shù)據復制到多個移動的脫接用戶，使這些用戶自主地工作，然后將他們所做的修改合并會發(fā)布服務器。

4.易于安裝、部署和使用。SQL Server 2005 中包括一系列管理和開發(fā)工具，這些工具可改進在多個站點上安裝、部署、管理和使用 SQL Server 的過程。SQL Server 2005 還支持基于標準的、與 Windows DNA 集成的程序設計模型，使 SQL Server 數(shù)據庫和數(shù)據倉庫的使用成為生成強大的可伸縮系統(tǒng)的無縫部分。這些功能使您得以快速交付 SQL Server 應用程序，使客戶只需最少的安裝和管理開銷即可實現(xiàn)這些應用程序。

2.3 開發(fā)環(huán)境

2.3.1 Visual Studio.NET2010開發(fā)環(huán)境

1998 年，微軟公司發(fā)布了 Visual Studio 6.0。所有開發(fā)語言的開發(fā)環(huán)境版本均升至 6.0。這也是 Visual Basic 最后一次發(fā)布，從下一個版本(7.0)開始，Microsoft Basic 進化成了一種新的面向對象的語言：Microsoft Basic NET。由于微軟公司對于 Sun 公司 Java 語言擴充導致與 Java 虛擬機不 兼容被 Sun 告上法庭，微軟在后續(xù)的 Visual Studio 中不再包括面向 Java 虛擬機的開發(fā)環(huán)境。Visual Studio 97 是最早的 Visual Studio 版本。包含有面向 Windows 開發(fā)使用的 Visual Basic 5.0、Visual C++5.0，面向 Java開發(fā)的 Visual J++和 面向數(shù)據庫開發(fā)的 Visual FoxPro，還包含有創(chuàng)建 DHTML(Dynamic HTML)所需要的 Visual InterDev。其中，Visual Basic 和 沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

Visual FoxPro 使用單獨的開發(fā)環(huán)境，其他的開發(fā)語言使用統(tǒng)一的開發(fā)環(huán)境。

2002 年，隨著.NET 口號的提出與 Windows XP / Office XP 的發(fā)布，微軟發(fā)布了 Visual Studio.NET（內部版本號為 7.0）。在這個版本的 Visual Studio 中，微軟剝離了 Visual FoxPro 作為一個單獨的開發(fā)環(huán)境以 Visual FoxPro 7.0 單獨銷售，同時取消了 Visual InterDev。與此同時，微軟引入了建立在.NET 框架上（版本1.0）的托管代碼機制以及一門新的語言 C#（讀作 C Sharp，意為 C#）。C# 是一門建立在 C++和 Java 基礎上的現(xiàn)代語言，是編寫.NET 框架的語言。

.NET 的通用語言框架機制（Common Language Runtime, CLR），其目的是在同一個項目中支持不同的語言所開發(fā)的組件。所有 CLR 支持的代碼都會被解釋成為 CLR 可執(zhí)行的機器代碼然后運行。

Visual Basic、Visual C++ 都被擴展為支持托管代碼機制的開發(fā)環(huán)境，且 Visual Basic.NET更是從 Visual Basic 脫胎換骨，徹底支持面向對象的編程機制。而 Visual J++ 也變?yōu)?Visual J#。后者僅語法同 Java 相同，但是面向的不是 Java 虛擬機，而是.NET Framework。

2003 年，微軟對 Visual Studio 2002 進行了部分修訂，以 Visual Studio 2003 的名義發(fā)布（內部版本號為 7.1）。Visio 作為使用統(tǒng)一建模語言（UML）架構應用程序框架的程序被引入，同時被引入的還包括移動設備支持和企業(yè)模版。.NET 框架也升級到了 1.1。

2005 年，微軟發(fā)布了 Visual Studio 2005。.NET 字眼從各種語言的名字中被抹去，但是這個版本的 Visual Studio 仍然還是面向.NET 框架的（版本2.0）。

這個版本的 Visual Studio 包含有眾多版本，分別面向不同的開發(fā)角色。同時還永久提供免費的 Visual Studio Express 版本。

隨著即將發(fā)布的 Windows Vista和 Office 2007，Visual Studio 9 也漸漸浮出水面。Visual Studio 9 目前可以確定的是支持建立于 DHTML 基礎上的 Ajax 技術，這種微軟在 Visual InterDev 時代提出的基于異步的客戶端動 態(tài)網頁技術在當年并沒有像微軟預期中的那么流行起來，反而隨著 Gmail 等應用而東山再起，漸漸成為主流網絡應用之一。同時 Visual Studio 9 會強化對于數(shù)據庫的支持以及微軟新的基于工作流（Workflow）的編程模型。預計為了保持與 Office 系列的統(tǒng)一，Visual Studio 9 的名稱為 Visual Studio 2007。沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

2007年11月，微軟發(fā)布了 Visual Studio 2008 英文版，2008年2月14日發(fā)布了簡體中文專業(yè)版。

2010年4月12微軟發(fā)布Visual Studio 2010以及.NET Framework 4.0,并于2010年5月26發(fā)布了中文版

Visual Studio.NET2010是Microsoft推出.NET應用程序開發(fā)工具。Visual Studio，我們一般都簡稱為VS，Visual Studio其實是微軟開發(fā)的一套工具集，它由各種各樣的工具組成，這就好像Office 2007時由Word 2007、Excel 2007、Access 2007等等組成的一個道理。其中Visual C++就是Visual Studio的一個重要的組成部分。Visual Studio可以用于生成Web應用程序，也可以生成桌面應用程序，在Visual Studio下面，除了VC，還有Visual C#，Visual Basec，過去還有Visual J#，現(xiàn)在還有Visual F#等等組件工具，使用這些工具你可以使用C++語言C#語言或者Basic語言進行開發(fā)。這就好比桌上放著刀、叉、筷子，你可以用它來吃飯，無論它們都是餐具的一種

2.3.2 CSS樣式表在HTML中的實現(xiàn)

在HTML網頁中加入CSS并不是只有一種方法，在不同的情況下，可以采用不同的方法，比較常用的有下面幾中。

1.嵌入式樣式表

嵌入式樣式表的實現(xiàn)很簡單，只需在每個要應用樣式的HTML標簽后寫上CSS屬性即可。例如要設置指定表格中的文字的樣式為紅色，字號為10pt，可在當前表格的

標記內添加下面的代碼：

。這種方式主要用于對具體的標簽作具體的調整，其作用的范圍只限于本標簽。嵌入式樣式表不能充分體現(xiàn)出CSS樣式表的優(yōu)越性，所以應用場合并不多。

2.內聯(lián)式樣式表

若想只對當前頁面應用樣式，就要使用內聯(lián)式樣式表。所謂內聯(lián)式樣式表就是把樣式表定義語句放在標簽中，設置時通常放在HTML代碼的部分。

3.外聯(lián)式樣式表 沈陽化工學院學士學位論文

第二章 開發(fā)工具與開發(fā)技術

外聯(lián)式樣式表是將指定的樣式代碼放到一個擴展名為css的樣式文件中以方便其他網頁的調用。這種方式的優(yōu)點是可以通過一個css文件管理網站中的多個網頁。如果要對網站中其他頁面進行樣式引用，可以先把樣式用記事本定義成一個“css”的文件。例如：打開記事本，將定義的名為h3的樣式代碼寫到記事本中，保存的文件名為example.css，代碼如下：

h3{ font-family:“黑體”;color：green;font-style：italic； } 引用時在網頁HTML代碼的標記后用引用這個樣式文件，在部分的相應內容的前后加上

和

。沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

三.方案設計與論證

3.1 項目概述與需求分析

3.1.1 目標

該軟件是一個基于.NET技術的網站管理軟件，程序采用B/S架構，能提供瀏覽等功能。用戶可以在網上瀏覽計算機班級網站的基本信息，資料的上傳下載，也可以進行留言及回復。管理員經過登陸，能夠管理網站里所有的信息的添加、修改和刪除。網站風格力求簡潔樸素，美觀大方，能夠完成基本的功能。

軟件開發(fā)目的是理解軟件文檔寫作規(guī)范以及利用.net開發(fā)簡單的網站，同時也希望最終產品能滿足班級成員的期望。該網站運行的平臺應具有IE瀏覽器5.0以上版本。

3.1.2 用戶的特點

用戶不需要任何技術背景，但能夠具有瀏覽網頁的基本操作能力。用戶也無須具備網絡方面的知識，只需知道如何訪問網站。管理員需要有電腦打字方面的技術。

3.1.3 假定和約束

本軟件的開發(fā)期限為五周。完成項目的主要困難是： 1.缺乏B/S軟件開發(fā)的背景和知識 2.缺少平面設計的相關知識經 3.對.net開發(fā)平臺的不熟悉 4.開發(fā)技術不成熟 5.沒有軟件工程實際經驗

由于是個人完成整個軟件的開發(fā)過程，時間、人力和技術上都有限，因此部分功 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

能已簡略.3.2 設計中的圖表

3.2.1 對功能的規(guī)定

用戶通過首頁進入網站，以點擊不同的欄目或鏈接，轉入其它頁面來瀏覽本網站的相關內容。用戶可以上傳下載資料，同時可以留言以及回復。管理員進入網站登陸后，可以通過后臺管理對網站的數(shù)據庫進行相關的操作，主要的后臺管理分為七部分，分別對應網站的六大模塊與用戶管理。

具體欄目需求：

名稱

班級首頁：

需求說明

能展示班級主要動態(tài)信息，設置導航欄以及后臺接口。風格力求簡約大方，自然清新，能夠體現(xiàn)大學生的精神面貌。

顯示本班級簡介；在后臺進行修改。班級簡介：

專業(yè)課程： 展示班級課程安排

班級通訊： 展示班級同學與同學的聯(lián)系，按日期降序排列。

班級相冊： 展示班級相冊；點擊每一條可查看詳細。

資源共享： 可以上傳和下載資源；資源列表以日期降序排列。

留言飛語： 可以留言和回復；添加留言者各種聯(lián)系方式。

聯(lián)系方式： 顯示管理員的聯(lián)系信息。沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

3.2.2 網站結構圖：

班班級級首介頁紹

班級首頁注冊/登陸資專班留源業(yè)級言共課通飛享程訊語圖3.2.2 網站結構圖

聯(lián)系方式 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

3.2.3 類圖

圖3.2.3 類圖

3.3 測試

3.3.1 軟件測試

軟件測試就是利用測試工具按照測試方案和流程對產品進行功能和性能測試，甚至根據需要編寫不同的測試工具，設計和維護測試系統(tǒng)，對測試方案可能出現(xiàn)的問題進行分析和評估。執(zhí)行測試用例后，需要跟蹤故障，以確保開發(fā)的產品適合需求。使用人工或者自動手段來運行或測試某個系統(tǒng)的過程，其目的在于檢驗它是否滿足規(guī)定的需求或弄清預期結果與實際結果之間的差別。

它是幫助識別開發(fā)完成（中間或最終的版本）的計算機軟件（整體或部分）的正確度(correctness)、完全度(completeness)和質量(quality)的軟件過程；是SQA(software quality assurance)的重要子域

Grenford J.Myers曾對軟件測試的目的提出過以下觀點： 沈陽化工學院學士學位論文

dd沈陽化工學院學士學論文

(1)測試是為了發(fā)現(xiàn)程序中的錯誤而執(zhí)行程序的過程

(2)好的測試方案是極可能發(fā)現(xiàn)迄今為止尚未發(fā)現(xiàn)的錯誤的測試方案

(3)成功的測試是發(fā)現(xiàn)了至今為止尚未發(fā)現(xiàn)的錯誤的測試。

然而，這種觀點指出測試是以查找錯誤為中心，而不是為了演示軟件的正確功能。但是只從字面意思理解，可能會產生誤導，認為發(fā)現(xiàn)錯誤是軟件測試的唯一目的，查找不出錯誤的測試就是沒有價值的測試，實際上并非如此!

(1)測試并不僅僅是為了找出錯誤.通過分析錯誤產生的原因和錯誤的發(fā)生趨勢，可以幫助項目管理者

發(fā)現(xiàn)當前軟件開發(fā)過程中的缺陷，以便及時改進

(2)這種分析也能幫助測試人員設計出有針對性的測試方法，改善測試的效率和有效性

(3)沒有發(fā)現(xiàn)錯誤的測試也是有價值的，完整的測試是評定軟件質量的一種方法

(4)另外，根據測試目的的不同，還有回歸測試、壓力測試、性能測試等，分別為了檢驗修改或優(yōu)化過程是否引發(fā)新的問題、軟件所能達到處理能力和是否達到預期的處理能力等。沈陽化工學院學士學論文

第四章 設計與實現(xiàn)

四.設計與實現(xiàn)

4.1 網站框架和代碼

4.1.1 添加用戶

添加用戶分三個角色：管理員、普通用戶、班級同學。

圖4.1.0添加用戶

您可以選擇添加角色或組，這讓您可以允許或拒絕用戶組對網站中特定文件夾的訪問。例如，您可以創(chuàng)建“經理”、“銷售人員”或“成員”等角色，每種角色對特定文件夾都具有不同的訪問權限。沈陽化工學院學士學論文

第四章 設計與實現(xiàn)

圖4.1.1創(chuàng)建新角色

4.1.2 管理用戶

圖4.1.2 管理用戶

4.2 網站首頁

4.2.1 班級首頁

班級首頁如圖： 沈陽化工學院學士學論文

第四章 設計與實現(xiàn)

圖4.2.1班級首頁

4.2.2 網站首頁部分代碼

@{ ViewBag.Title = “班級首頁”;}

第三篇：個人網站的設計與實現(xiàn)

二○○七屆學生畢業(yè)論文（設計）

畢業(yè)設計(論文)論文題目

個人網站的設計與實現(xiàn)

英文 Personal Webside Design and accomplish 個人網站的設計與實現(xiàn)

摘 要

在互聯(lián)網走進我們的生活之前，沒有人敢夢想擁有自己的報紙、雜志、電臺、電視臺。除了政策上的制約外，一個人也根本沒有操作一份傳播媒體的能力?，F(xiàn)在不同了，互聯(lián)網給我們提供了一個“表達自我”的自由天地,你可以擁有自己的新聞郵件，你可以建立自己的個人網站。只要你辦得成功也可以吸引成千上萬的訂戶、讀者,并建立自己在眾多參與者中的權威地位。建立個人網站的基本過程可以分為以下七個環(huán)節(jié)：

1.了解中國網絡個人主頁研究背景與發(fā)展現(xiàn)狀 2.系統(tǒng)需求分析與總體設計

3.熟悉網站開發(fā)模式、工具及環(huán)境

4.把自己的作品和想要展示的內容制作成網頁 5.使用動態(tài)網頁技術(ASP)，實現(xiàn)動態(tài)內容更新 6.認真地選取測試用例，進行交叉測試 7.網站的后期完善、宣傳及發(fā)展方向

其中 ,網頁制作和使用動態(tài)網頁技術(ASP)實現(xiàn)動態(tài)內容更新是網站開發(fā)的核心內容。

關鍵詞：網頁、制作、訪問、鏈接

Abstract Enters before our life in the Internet, nobody dares to vainly hope for has own newspaper, the magazine, the broadcasting station, the television station.Besides the policy in restriction, a person simply has not also operated dissemination media the ability.Now has been different, Internet has provided to us “the expression” free world,You may have own news mail, you may establish own individual website.So long as you also manage the success to be possible to attract the tens of thousands of subscribers, the reader,And establishes oneself in the multitudinous participant's authoritative status.Establishes individual website the unit process to be possible to divide into following seven links： 1.understands the Chinese network individual main page research background and the development present situation 2.systems demands analysis and system design 3.familiar websites developments pattern, tool and environment 4.and wants own work the content which demonstrated to manufacture the homepage 5.uses dynamic homepages technology(ASP), realization dynamic content renewal 6.earnestly selects measured the test example, carries on the overlapping test 7.websites later periods consummate, the propaganda and the development direction Among them,The homepage manufacture and the use dynamic homepage technology(ASP)realizes the dynamic content renewal is the website development core content.Key word: Homepage, manufacture, visit, link

前 言

隨著國際互聯(lián)網的普及，很多人已經不滿足僅僅在Internet上的瀏覽信息，而是希望更深入的參與其中，擁有自己的Web網站，這似乎已經成為一種潮流。如果說個人建立網站是為了追求時尚，那么企業(yè)建立網站就是必然的選擇了。

無論是專業(yè)的，還是業(yè)余的，很多人對網頁制作頗感興趣。事實上制作一個簡單的網頁并不困難，會使用Word的人都可以勝任。但想做出超凡脫俗的網頁就不那么容易了，而Dreamweaver卻可以滿足你的愿望，它是Macromedia公司開發(fā)的集網頁制作和網站管理于一身的所見即所得的網頁編輯器。

同樣出自Macromedia公司的Flash,Fireworks在制作網站的過程中起到了錦上添花的作用，是個人網站實現(xiàn)的好幫手，在制作網站的時候經常會用到這些軟件。

目 錄

摘要----------------1 前言----------------1 第一章：緒論--3 1.1 我國網絡發(fā)展現(xiàn)狀---------------------3 1.2 個人網站的目的------------------------3 第二章：個人網站的開發(fā)環(huán)境--------4 2.1 Dreamweaver簡述----------------------4 2.2 Dreamweaver的操作環(huán)境-------------4 2.3 ASP技術--5 第三章：需求分析--------------------------7 3.1 概述-------7 第四章：網站制作---------------------------9

4.1站點-----------9 4.2首頁-----------9 4.3創(chuàng)建其它網頁-----------------------------11 3.2個人網站的問題定義與可行性分析-7 3.3 個人網站整體要求----------------------8 第五章：網頁鏈接的建立-----------------12 5.1 鏈接的概念12 5.2 創(chuàng)立連接---12 5.3文字鏈接-----15 5.4影像鏈--------16 5.5 Email鏈接---18 5.6文件下載鏈接------------------------------21 5.7在HTML語言中建立網頁鏈接-------22 第六章：總 結--25 致謝------------------26 參考文獻----------27

第一章 緒論

1.1 我國網絡發(fā)展現(xiàn)狀

2010年1月15日，中國互聯(lián)網絡信息中心（CNNIC）發(fā)布了《第25次中國互聯(lián)網絡發(fā)展狀況統(tǒng)計報告》（以下簡稱《報告》）?！秷蟾妗窋?shù)據顯示，截至2009年12月，我國網民規(guī)模已達3.84億，互聯(lián)網普及率進一步提升，達到28.9%。隨著我國互聯(lián)網普及率的逐年提高，互聯(lián)網正在走進人們的工作與生活。CNNIC《報告》調查顯示，在家和單位上網的網民比例在2009年有了明顯的提高，有83.2%的網民選擇在家上網，另有30.2%的網民選擇在單位上網，互聯(lián)網作為人們日常工具的價值正在日益提升。

1.2 個人網站的目的

個人網站最開始的動機可能是出于興趣或一種愛好，但時間一長，這些興趣或愛好便為自己積累了許多資源，比如數(shù)量可觀的訪問量。當這些資源積累到一定程度的時候，商業(yè)意識比較敏感的個人網站站長便開始尋求開展電子商務，將自己手中的資源進行商業(yè)操作，從而，個人網站開始賺錢。當然，目前比較流行的個人網站賺錢方式可能更多的還是依賴于廣告，但從目前個人網站的廣告收入來看，它已經陷入了一個低谷。所以，如果個人網站想要得到長足的發(fā)展，或者希望自己的

網站能夠賺錢，那么必須主動出擊！事在人為，作為一個個人網站，我們可以擁有自己的產品，并把它們賣掉，依靠自己來賺錢！

一、個人網站自主經營的可行性 網民正在不斷地快速增長。另有調查表明，網民的平均收入水平提高了，也就是說網民的消費水平也提高了。我們個人網站為什么要依靠做廣告來賺錢？我們難道不可以轉變一下思路嗎？打個比方，你的網站日訪問量有1000左右(也就是說每天有1000個人左右進入你的“商店”)，做廣告相當于代理別人的產品，就算賣出去了也只能返回給你一部分的利潤。但是如果你的“商店”賣自己的產品，那么大部分利潤就掌握在自己手中。廣告賺錢只是做網站的“副產品”，真正的產品是你自己的網站。記住：你的網站是一座金礦，可能你只是開采了“瀏覽量”這一層礦產，更深層次的礦產你可能還尚未開發(fā)出來！你完全可以將你自己網站的產品進行出售，比如將你網站的精品內容印成一本書，然后在網上賣你自己的書。還有更多的經營方法，關鍵是你要去不斷探索！下面我就結合我對互聯(lián)網的觀察與自己的實踐經驗告訴大家如何經營自己的產品。對于網絡經商，起初一定要抱平和的心態(tài)！因為中國的網民畢竟不是很多，大家不要過分期望網絡經商會給你帶來很大的效益。要把網絡經商作為一種鍛煉，說句現(xiàn)實的話：“現(xiàn)在賺小錢，以后賺大錢”。這是我對

網絡經商的一種“長期作戰(zhàn)”的戰(zhàn)略觀點。第二章 個人網站的開發(fā)環(huán)境

2.1 Dreamweaver簡述

Dreamweaver是美國MACROMEDIA公司開發(fā)的集網頁制作和管理網站于一身的所見即所得網頁編輯器，它是第一套針對專業(yè)網頁設計師特別發(fā)展的視覺化網頁開發(fā)工具，利用 它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網頁。

Dreamweaver是在網頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dreamweaver 8的發(fā)布，更堅定Dreamweaver在該領域的地位。它集網頁設計、網站開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發(fā)、制作的首選工具。Dreamweaver8.0的特點如下。

1、靈活的編寫方式

Dreamweaver具有靈活編寫網頁的特點，不但將世界一流水平的“設計”和“代碼”編輯器合二為一，而且在設計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。

2、可視化編輯界面

Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內部的HTML編輯器和任何第三方的HTML編輯器進行實時的訪問。無論用戶習慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設計網頁和管理網站變得更容易。

3、功能更多的CSS支持——CSS可視化設計、CSS檢查工具

4、動態(tài)跨瀏覽器驗證

當保存時系統(tǒng)自動檢查當前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確定頁面有沒有目標瀏覽器不支持的tags或CSS結構。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主瀏覽器。

5、強大的WEB站點管理功能

6、內建的圖形編輯引擎

7、Dreamweaver的集成特性

Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網頁。

8、豐富的媒體支持能力

可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式響應和進行動畫處理。

2.2 Dreamweaver的操作環(huán)境

我們將工作界面分成了“標題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動控制面板”5個部分來分別介紹。

2.2.1 標題欄

Dreamweaver MX的“標題欄”中將顯示文字“Macromedia Dreamweaver MX”如果打開網頁的話，在后面還會顯示該網頁的一些信息，如網頁標題、所在位置及網頁名稱，右邊有三個鈕，分別對應Dreamweaver MX的最大化最小化和關閉的操作。

2.2.2菜單欄

“標題欄”下面就是“菜單欄”，欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項菜單。單擊其中任意一項菜單，隨即就會出現(xiàn)一個下拉式指令菜單。有些指令的右邊會有鍵盤的代碼，這是該指令的快捷鍵，熟練使用快捷鍵將會有助于提高工作效率。有些指令的右邊會有一個小黑三角的標記，它代表該指令還包含下一級的指令，鼠標停留片刻即可顯示。

2.2.3快捷工具欄

“快捷工具欄”指的是“菜單欄”下邊的3排按鈕，選擇菜單“查看/工具欄”，勾選里面的“插入”、“文檔”和“標準”3項，完整的快捷工具欄就顯現(xiàn)出來了。

2.2.4屬性面板

在網頁編輯窗口的下面還有一個面板，它是有名的“屬性面板”，它在這個軟件中起到舉足輕重的作用。

屬性面板顧名思義，就是顯示，調整屬性的面板，根據鼠標所選中對象的不同，“屬性面板”在界面上也會有所差異，用戶可以分別對不同的對象進行調整。

2.3 ASP技術

Active Server Pages：“動態(tài)服務器網頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產生的執(zhí)行結果都是標準的HTML格式，而且這些程序是在網絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結果，并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”，不像VBScript或 JavaScript是在客戶端（Client）的瀏覽器上執(zhí)行，若使用VBScript來設計程序，客戶端（Client）在ＩＥ瀏覽器中可以顯示程序執(zhí)行的結果，可是，客戶端（Client）若使用Netscape瀏覽器就無法顯示VBScript的執(zhí)行結果。ASP的特點如下：

1、任何開發(fā)工具皆可發(fā)展ASP 只要使用一般的文書編輯程序，如Windows記事本，就可以編輯。當然，其他網頁發(fā)展工具，例如，F(xiàn)rontPage Express、FrontPage等也都可以；不過還是建議你用記事本來寫，既省錢又方便，若是使用那些所見即所得的網頁編輯來寫ＡＳＰ，可能會發(fā)生一些意想不到的離奇狀態(tài)。

通過各家瀏覽由于ASP程序是在網絡服務器端中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。

2、語言相容性高

ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java script Active X服務器組件來設計外，并可經由plug-In（外掛組件模組）的方式，使用其他廠商（Third Party）所提供的語言。

3、隱密安全性高

如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因杰ＡＳＰ程序先于網站服務（Web Server）端執(zhí)行后，將結果轉換成標準HTML文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。

4、易于操控數(shù)據庫

ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據庫，例如：Access fox pro、dBase、Oracle等等，另外，ＡＳＰ亦可將“文本文件”或是“Excel” 文件當成數(shù)據庫用。

5、面向對象學習容易

ＡＳＰ具備有面向對象（object-Oriented）功能，學習容易，ＡＳＰ提供了五種方便能力強大的內建對象：Request、Response、Sever、Application以及Session，同時，若使用ＡＳＰ內建的“Application”對象或“Session”對象所撰寫出來的ＡＳＰ程序可以在多個網頁之間暫時保存必要的信息。

6、ASP的六大內部對象 對象名稱 功能描述

Request Response Server Session Application Object Context 從客戶端取得信息將信息送給客戶端提供一些Web服務器工具儲存在一個

Session內的用戶信息，該信息僅可被該用戶訪問在一個 ASP-Application中讓不同的客戶端共享信息可以用來配合 Microsoft Transaction 服務器進行分布式事務處理 所以我選擇了ASP結合Dreamweaver架構個人站點。

第三章 需求分析

3.1 概述

需求分析最根本的任務是確定“為了滿足客戶的需要，系統(tǒng)必須做什么”。具體的說，應該確定系統(tǒng)必須具有的功能和性能，系統(tǒng)要求的運行環(huán)境，并且預測系統(tǒng)發(fā)展的前景。必須仔細分析系統(tǒng)中的資料，既要分析系統(tǒng)中的數(shù)據流，又要分析長期使用的資料儲存。該階段不是確定系統(tǒng)怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作，也就是對目標系統(tǒng)提出完整、準確、清晰、具體的要求。

3.2個人網站的問題定義與可行性分析

一、明確架設網站的目的及客戶要求

通常情況下，架設個人網站主要是為了通過互聯(lián)網表達個人在商業(yè)、科技、交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經驗，讓和我有共同愛好的朋友有一個傾訴的地方。

二、我的個人網站概貌 因為是個人網站，所以只是選擇了自己擅長和喜愛的內容，在突出自己的風格和特點的同時，還應用了現(xiàn)在流行的網站設計技術和數(shù)據庫技術。因此將網站設計分為前臺頁面展示平臺和后臺在線管理平臺。

三、功能劃分

網站設計有新聞更新，瀏覽者可以在首頁瀏覽自己喜歡的新聞，并且可以在留言板和大家交流，在后臺管理頁面中，通過身份認證，管理員——我，可以對網站信息進行管理。站內的其它頁面均是我自己的精心收藏，與大家一起分享

3.2.1 功能定義

（1）管理員權限：修改所有頁面內容、增刪改文章、管理評論、修改公告、修改管理員自身信息、編輯各頁面欄目、添加刪除圖片、添加刪除音樂、修改版權信息等。

（2）瀏覽者權限：閱讀所有頁面內容、添加評論、添加留言、瀏覽文章、瀏覽圖片、瀏覽音樂等。3.2.2 可行性分析

系統(tǒng)可行性分析主要從經濟可行性、技術可行性和操作可行性三方面去分析。（1）經濟可行性分析

從系統(tǒng)的開發(fā)和效益關系上講，采用asp這個可以開發(fā)出交互、高性能Web數(shù)據庫應用的技術進行開發(fā)，效率較高。該系統(tǒng)的開發(fā)不需要花費太多的經費，只需在域名和服務器空間租用上有開銷，因為個人網站不涉及超大容量的文件存儲和龐大的訪問量，因此對于服務器來講，要求不會太高，開銷不會很大。因此，從經濟性分析是可行的。

（2）技術可行性分析

根據現(xiàn)有的技術設備條件，在技術上實現(xiàn)也是可行的。在設備方面，前期系統(tǒng)開發(fā)在本地端制作完成，只需通過ftp軟件上傳至服務器端即可，而軟件開發(fā)所需條件相對較低，對于系統(tǒng)開發(fā)及運行環(huán)境均不造成任何困難。對于系統(tǒng)開發(fā)人員基本具備了計算機專業(yè)知識，有一定的編程基礎，熟悉和掌握數(shù)據庫及網絡相關知識，具備開發(fā)條件。

（3）操作可行性

該系統(tǒng)操作上非常簡單，對于用戶來說，只要具備IE瀏覽器5.5版本以上即可通過域名搜索即可登錄本站。

3.3 個人網站整體要求

3.3.1 功能要求

（1）頁面風格簡潔明快，給人以較好的視覺印象。（2）用戶瀏覽、操作均便捷，迅速。（3）用戶權限、功能的設置要準確無誤。3.3.2 系統(tǒng)性能要求

在目前硬件設備條件下，要求處理程序的速度相對較快。因此，在程序設計階段，優(yōu)化代碼，降低處理時間是需要考慮的問題。3.3.3關于未來需求

由于系統(tǒng)開發(fā)時間較短，可能不是很完善，在運行過程中還會遇到一些問題，所以應在系統(tǒng)設計過程中對未來可能需要的擴充和修改做好準備，以便及時變更

第四章 網站制作

4.1 站點

4.1.1 創(chuàng)建站點

要制作一個網站，第一步操作都是一樣的，就是要創(chuàng)造一個“站點”，這樣可以使整個網站的脈絡結構清晰地展現(xiàn)在面前，避免了以后再進行紛雜的管理。從菜單中選擇“站點/管理站點”在彈出的對話框中選擇“新建”，之后再選擇其中的“站點”，再次彈出一個對話框，在文本框中輸入自己已經企化好的網站名稱“追夢人”。填好后，單擊“下一步”，進入下一個步驟。由于我要做的是一個靜態(tài)的網頁，所以選擇上面的一項“否，我不想使用服務器技術?！?單擊“下一步”，進入下一個步驟。

在此選項中有兩個選擇，選擇推薦的“編輯我的計算機上的本地副本，完成后再上傳到服務器”。底下的文本框允許在本地磁盤上指定一個文件夾，Dreamweaver將在其中儲存站點文件的本地副本。單擊該文本框后面的文件夾圖標，新建并指定一個空的文件夾“E:/ding”。之后單擊“下一步“，進入下一個步驟。

這一步是如何設置連接到遠程服務器，彈出式菜單中有6中選擇，這里選擇“無”。而后“下一步”再“完成”，即可。

4.1.2 創(chuàng)建站點內容

站點創(chuàng)建完成后，就可以創(chuàng)建Web頁來填充站點了。在“右側浮動面板組”中選擇“文件/文件”面板，此時整個網站中沒有任何內容。用鼠標右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”，新建一個文件后將其命名為“index.htm(或index.html),它就是未來的首頁。網站分為“平面設計”、“動畫制作”、“網文精品”、“經典回顧”、“個人說明“這五個大欄目，所以繼續(xù)用鼠標右擊右側，在彈出的菜單中選擇第二項“New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個文件夾，并把它們重命名為graph、anim、books、music、letter，分別對應上面的五個大欄目。存放它們各自的內容。之后再次新建1個文件夾，命名為images,用來存放“所有的圖象文件”的內容。

之后在個欄目的文件夾里還要建立想相應的欄目網頁。

4.2首頁

4.2.1 設置首頁布局

首頁是打開網站后在瀏覽器中顯示的第一個頁面。它是起什么名字通常要視Server端的設置，一般的有index.htm,default.htm或home.htm等，目前主要以index.htm的居多。當然，后綴名為html也是正確的。

具體設置方法是：右健單擊“文件”浮動面板中的index.htm,在彈出的菜單中選擇“設成首頁”。

首頁的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q為布局表格，單元格稱為布局單元格。在繪制布局表格和布局單元格時，必須從“標準”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟：

1、在“插入快捷欄”的“布局”分類中，單擊“布局表格”按紐。

2、將變成“+”形狀的鼠標光標放到編輯中網頁上，在要繪制的地方進行拖動就可以進行創(chuàng)建了。（如果繪制的是第一個表格必須從網頁的最左上角開始繪制）。

3、在這里要繪制多個表格，可以再次單擊“布局表格”按紐進行繪制，也可以按住Ctrl鍵繪制多個表格。

4.2.2設置首頁的頁面屬性

首先雙擊“文件”浮動面板中的index.htm,進入頁面的編輯窗口。右健單擊空白區(qū)域，在菜單中選擇“頁面屬性”，之后彈出“頁面屬性”對話框，若選擇主菜單“修改/頁面屬性”項，也可以把打開該對話框。

在“頁面屬性”對話框中，左側窗口顯示“分類”，其中包括了“外觀”、“鏈接”、“標題”、“標題/編碼”、“跟蹤圖像”5項，右側區(qū)域則顯示各類中可以設置的項目。4.2.3查看和編輯頭內容

一個網頁文件結構上實際是由兩部分組成，頭（head）內容和主體（body）內容主體內容（body）是文檔的主要部分，也是包含文本和圖像等的可見部分。頭內容（head）是除文檔標題外的不可見部分，包含有文檔類型、語言編碼、搜索引擎的關鍵的關鍵字和內容指示器以及樣式定義等重要信息，這些元器并不是每個頁面都需要的，例如，可以僅為主頁提供關鍵字。

下面就以首頁為例，說明怎樣插入較常用的頭（head）內容。

單擊“菜單攔”下面“插入快捷”的下拉列表，選擇其中的HTML類，此時右側將會顯示該類中可以插入的對象快捷按鈕，再次單擊第2個按鈕“文件頭”旁邊的下拉箭頭，會彈出菜單，該項列出的便是即將插入的頭內容。4.2.4 插入圖像

圖像是網頁中不可或缺的組成成份，恰當?shù)厥褂脠D像，可以使網站充滿生活生命力與說服力，吸引更多的瀏覽者，加深他們欣賞你網站的意愿。

另一方面，網頁的容量大小是網站成功與否的一大關鍵因素。由于網絡在傳輸上的限制，導致了下載的速度不可能太快，因此，網頁的大小就不能太大，其中關鍵就在于圖像的大小了，否則瀏覽者會失去等待的耐心，無論你的網站多么精彩也無濟于事了。

所以，在網面容量大小的問題上一定要重視。下面就來詳細介紹對網頁圖像進行處理的操作步驟，以使得它們在保持圖形美麗與網站風格搭配的基礎上，圖片文件能夠變的更小。

1、首先將光標停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄”的下拉表，選擇其中的“常用”類，則右側將會顯示該類中可以插入的對象快鍵按鈕。左起第5個即為“圖像：圖像”按鈕，單擊它右側的下拉列表，選擇第1項“圖像”。

2、隨即彈出“選擇圖像源文件”對話框。從計算機磁盤中選擇想要插入的圖像文件，或在URL編輯框中輸入圖像的路徑和名稱。下面的“相對于”下拉表框中，可選擇文件URL地址的類型，如果選擇“文檔”選項，表示圖像地址相對于當前文檔；如果選擇“站點根目錄”選項，表示地址相對于根目錄。在這里我要插入的是網站標志logo，插入logo圖象。

最后單擊“確定”按鈕，即可完成插入圖像的操作。

4.2.5 插入多媒體

在Dreamweaver中，除了之前講到的可以插入“圖像”外，還可插入動畫、聲音、視頻等媒體元素，如Flash,Shockwave,Applets,ActieX及格Midi聲音文件等，并且還可以在Dreamweaver自身內插入Macromedia Flash按鈕和文本對象，以及進行相關的后期處理和添加設計備注等操作。

在Dreamweaver MX 2004文檔中，可以插入媒體文件包括Flash Shockwave影片、QuickTime、AVI java、applet Active X控件以及各種格式的音頻文件。

要在瀏覽器中播放放Flash 動畫，必須在瀏覽器中集成“Flash 播放器（Flash Player）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動

3、畫播放功能。操場作步驟：

步驟1 將光標停留在要插入Flash的位置，然后單擊菜單欄下面“插入快捷欄”的下拉列表，選擇其中的“常用”分類，右側將會顯示該類中可以插入的對象快捷按鈕。左起第6個即為“媒體”按鈕，單擊它右側的下拉列表，選擇第1項Flash圖標。

步驟2 在彈出的對話框中選擇擴展名為swf 的Flash文件，即可將其插入到Dreamwe

aver的“網頁編輯窗口”中，可以看到，在這個窗口中Flash文件的大小。在這里我的主頁插入的一個動畫。4.2.6插入文本

在網頁中，文本內容也可以說是重要的組成部分，一個網站成功與否，它是最關鍵的因素。在這最關鍵的因素?？韶S富網站的文字內容，并以最最美觀、最整齊的方式放入到網頁中。

插入文本的兩種方式

一種是在網頁編輯窗口中直接用鍵盤敲入文本。這可以算是最基本的輸入方式了，和一些文本編輯軟件（如Microsoft Word）的使用方法一樣，選擇好習慣的輸入法，就可以運指如飛了。

另一種是復制文本的方式。有些讀者可能不喜歡使用Dreamweaver來進行打字的工作，而更習慣在專門的文本編輯軟件中快速打字，如Microsoft Word和 Windows自帶的記事本等，又或者讀者已經準備好了要放入網頁的文本的電子版本，那么我們就可以直接使用Dreamweaver的文本復制功能，將大段的文本內容拷貝到網頁的編輯窗口來進行排版的工作，具體步驟如下。

打開文本編輯軟件（如Microsoft Word），選中要復制的文本，它們將反白顯示，執(zhí)行菜單“編輯/復制”命令或直接用快捷鍵Ctrl+C，之后切換回Dreamweaver,將光標停留在插入文本的位置，執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵Ctrl+v,即可將大段的文本快速粘貼到網頁中。

這在我的“網文精品”中用到很多，全部是在word軟件中排好ctrl+c,然后點擊要粘貼的位置，crtl+v到Dreamweaver即可。

4.3創(chuàng)建其它網頁

還有其它的幾個網站與主頁的制作相同，一個網頁是圖象和文字的組合。

“平面設計”中的圖象插入和前面的介紹相似，并可以在屬性攔中調節(jié)圖象的大小。在Dreamwerver中常常會用到Firework、Flash，它們是相輔相成，在主頁中的主體部分就是用Firework 在“個人說明”中也用到這點，首先定好需要尺寸，在屬性中設好背景，顏色等等，插入圖象，輸入文字，也word里的操作雷同。

第五章 網頁鏈接的建立

5.1 鏈接的概念

鏈接（或稱超鏈接）是網頁與網頁之間一種單向的連接關系。也是004km.cn如圖所示

（3）即對所選文本或圖像建立完鏈接。

5.6文件下載鏈接

“文件下載鏈接”的原理很簡單，只要鏈接文件屬于瀏覽無法識別的關型，便都會使用IE瀏覽器直接進行下載，并保存到本地計算機中。

瀏覽器無法識別的文件類型有很多，這里就介紹一個最常用的，以zip或rar為后綴名的壓縮格式文件，這種文件可以使用主流的壓縮軟件（如winzip、winrar）來制作。下面我們就業(yè)以實例來說明。

在前面“插入多媒體”一章中，我們曾經講過直接鏈接文件的方式來插入“視頻”，即直接在“鏈接”文本框中輸入“文件名+名后綴名”，如olympus.wmv。單日擊這個鏈接，經過數(shù)據下載后，Windows系統(tǒng)將啟動自帶的媒體播放器Windows Media Player 來播放該視頻。操作步驟

步驟1 先將視頻文件olympus.wmv通壓縮成olympus.rar文件，放入站點的media文件夾下。

步驟2 將文件路徑輸入至“鏈接”文本框中。

步驟3 保存網頁，按下F12預覽，在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本，會彈出“文本下載”選擇框，單擊其中的“保存”按鈕。

步驟4 在“另存為”對框中選擇保存到本地計算機中的位置，實例中為“經典回顧”文 件夾。之后單擊“保存”按鈕，壓縮文件即保存到該位置中。至此，“文件下載鏈接”便制作完成了。讀者可以打開“我的文檔”文件夾，解壓縮olympus.rar文件，隨時欣賞下載影片。

本設計中未用到此鏈接，在此只作簡單介紹。

5.7在HTML語言中建立網頁鏈接

5.7.1文字鏈接

在HTML語言中用超鏈接標記指向一個目標。其基本格式為： 舉個簡單的“文本鏈接”的實例，該實例相對應的HTML代碼如下所示。

a href-“index2.html”target=”-blank”>平面設計（新開窗口，-blank)

動畫制作（原窗口，默認為空）

網文精品

第四篇：個人博客網站的設計與實現(xiàn)

摘 要

最近幾年博客在國內發(fā)展的非常迅猛，它可以作為其使用者個人或者工作中的文章、日記、照片等分享的平臺，其漸漸成為新興的網路媒介，并且擴展至營銷、商業(yè)推廣等商業(yè)應用，越來越多的人們建立了屬于自己的博客來展示自己的風采。

該博客網站設計的目的旨在建立以ASP.NET和SQL Server 2005數(shù)據庫為工具，功能簡潔、結構靈活且精致、輕巧的個人博客網站系統(tǒng)。其中網絡日志的管理作為本系統(tǒng)的主要目標，且同時可以滿足用戶對于圖片，相冊，留言，個人信息等的管理和展示，并且可以設置博客的背景音樂等功能。

該設計的開發(fā)環(huán)境為Microsoft Visual Studio 2005，使用C#編程語言進行編碼，采用的是SQL Server 2005數(shù)據庫。

關鍵字：DotNet；C#； 個人博客； 數(shù)據庫； SQL Server 2005

ABSTRACT

In recent years, The Blog develops rapidly in China.It can be used as a platform which shares its user's articles for daily life or for work, and also shares diaries and musics.Blog has become an emerging media on the Internet gradually, and it has extended to be business applications such as marketing and promotion.More and more people have established their own blogs to show themselves.The design for this blog website aims to build a personal blog system which based on ASP.NET and SQL Server 2005, having advantages such as its concise functions, flexible structures, exquisite but simple looks.The management of cyber diaries is the main objective for this system.The system can also meet the requirements such as managements and displays for user's pictures, photos, messages and personal information.Yet it can set background musics.This design is developed by Microsoft Visual Studio 2005, coded by C#, and based on the database of SQL Server 2005.Keywords: Asp.Net;C#;Personal Blog;Database;SQL Server 2005

目 錄

第一章 系統(tǒng)概述...................................................1 1.1研究背景........................................................1 1.2研究現(xiàn)狀........................................................1 1.3設計內容........................................................2 1.4 課題研究意義...................................................3 第二章 系統(tǒng)開發(fā)環(huán)境...............................................4 2.1 ASP.NET概述....................................................4

2.1.1 ASP.NET和ASP.NET結構.....................................4 2.2 C#概述..........................................................7 2.3 動態(tài)網站技術介紹................................................8 2.4數(shù)據庫技術......................................................8 2.5 ADO.NET連接數(shù)據庫..............................................9 第三章 需求分析..................................................11 3.1 可行性分析.....................................................11

3.1.1 技術可行性.................................................11

3.1.2 經濟可行性.................................................12

3.1.3操作可行性.................................................14 3.2 功能需求.......................................................14 3.3 性能需求.......................................................15 3.4系統(tǒng)用例.......................................................15 第四章 系統(tǒng)概要設計..............................................17

4.1概述...........................................................17 4.2系統(tǒng)結構.......................................................17 4.3 數(shù)據庫設計.....................................................18

4.3.1 數(shù)據庫設計概述.............................................19

4.3.2 數(shù)據庫概念設計.............................................20

4.3.3 數(shù)據庫實體設計.............................................22

4.3.4 數(shù)據庫設計表...............................................24 第五章 系統(tǒng)詳細設計..............................................28 5.1用戶登錄模塊的實現(xiàn).............................................28 5.2留言板模塊的實現(xiàn)...............................................29 5.3相冊模塊的實現(xiàn).................................................31 5.4圖片管理模塊的實現(xiàn).............................................34 5.5背景音樂的實現(xiàn).................................................37 5.6日歷模塊的實現(xiàn).................................................39 第六章 總結......................................................41 參考文獻.........................................................42 致謝.............................................................43

基于Asp.Net的個人博客網站的設計與實現(xiàn)

第一章 系統(tǒng)概述

1.1研究背景

BLOG一詞耳熟能詳，把它翻譯成我們所熟悉的意思就是“網絡文章”，現(xiàn)在一般叫做“博客”。具體說來，使用瀏覽器或者某些程序，在互聯(lián)網上去創(chuàng)作、書寫、發(fā)貼和刊登自己的文章、照片等信息的人就是博客（BLOGGER）。

每一個BLOG都是一個網頁，其通常是由簡單短小并且經常更新的Post來構成；這之中所貼的文章全都以年份、日期為依據排列。BLOG的內容與目的大相徑庭，其包含網站的相關鏈接、灌水、評論，對有關組織以及個人所構想的文章、圖片、繪畫、歌曲，乃至實時消息、構想的故事的發(fā)表和出版應有盡有。很多博客是個人對心中的感情和一些奇思妙想的抒發(fā)方式，而其它的博客則是一些人按照一些特定的主題或者共同愛好的領域進行的自發(fā)性的集體創(chuàng)作。BLOG可以理解為向整個網絡傳達實時的訊息。而創(chuàng)作這些blog的作者便被稱為博客或者博主。

Jorn Barge在一九九七年的十二月第一次提出了BLOG一詞，但到當年互聯(lián)網上的博客屈指可數(shù)，直到進入新世紀博客才真正的流行起來。最開始，博客們每天把他們其瀏覽互聯(lián)網的的感受和想法記錄下來，然后發(fā)表出來，以供其他人參考和借鑒。但隨著BLOG的快速發(fā)展，其目的與最初的時候已經大相徑庭。現(xiàn)如今互聯(lián)網上面數(shù)以百萬計的博客們所創(chuàng)作并且發(fā)表出來的難以計數(shù)的BLOG有著各種各樣的目地。但是，因為其溝通方式較E-mail、聊天室更簡潔、容易上手，更加快捷和廣泛，BLOG已經成為個人、團體、公司和政府部門之間越來越流行的溝通工具。

1.2研究現(xiàn)狀

BLOG，把它翻譯成我們所熟悉的意思就是“網絡文章”，現(xiàn)在一般叫做“博客”。具體說來，使用瀏覽器或者某些程序，在互聯(lián)網上去創(chuàng)作、書寫、發(fā)貼和刊登自己的文章、照片等信息的人就是博客。是一個急速發(fā)展的網絡活動，現(xiàn)在博客一詞已經被現(xiàn)代漢語詞典所收錄，標志著這種新興事物已經被人們所接受。BLOG是在E-mail、BBS、IM之后的所涌現(xiàn)出的新一種互聯(lián)的社交形式，是在這個新時代的屬于個人的一個交流平臺，是以迅猛發(fā)展的網絡技術為基礎的網絡日記，是新時代的生活與工作方式的體現(xiàn)，同時也是新時代的學習方式的體現(xiàn)。

每一個BLOG都是一個網頁，其通常是由簡單短小并且經常更新的Post來

構成，這之中所貼的文章全都以年份、日期為依據排列。BLOG的內容與目的大相徑庭，其包含網站的相關鏈接、灌水、評論，對有關組織以及個人所構想的文章、圖片、繪畫、歌曲，乃至實時消息、構想的故事的發(fā)表和出版應有盡有。傳統(tǒng)意義上的日記帶有著很強的隱私性。與此不同的是BLOG同時具有著隱私性質與公開性質，并且將二者有機結合了起來，博客絕不只是單純的去表達個人的思想與記錄日常生活中的流水賬，博客所展示的內容可以用來溝通、展示自我并且可以為他人提供參考和幫助，它存在于整個互聯(lián)網，可以極大程度的展示自我，極廣泛的進行交流。

博客出現(xiàn)于九七年底，在九八年“DrudgeReport”這一blog成為披露克林頓緋聞案的先鋒；

2000年博客開始走入中國，并且得到迅速發(fā)展，但并沒取得突出業(yè)績； 2001年博客在911事件的報道中發(fā)揮了巨大的作用，從而步入主流； 2003年在對伊拉克戰(zhàn)爭的報道中，美國眾多傳統(tǒng)媒體所具備的公信力遇到博客的重大挑戰(zhàn)；

2004年是對于中國博客的發(fā)展至關重要的一年，木子美事件使很多中國人了解了博客，并學會了使用用博客；

2005年，像搜狐，新浪這樣的很多起初對博客這一事物不抱期望的的國內各門戶網站，也紛紛加入到發(fā)展博客的行列，從此國內博客的發(fā)展進入了戰(zhàn)國時代。最近幾年，芙蓉姐姐等網絡名人的一炮走紅也使得博客更加深入人心。

博客們每天把他們其瀏覽互聯(lián)網的的感受和想法記錄下來，然后發(fā)表出來，以供其他人參考和借鑒。但隨著BLOG的快速發(fā)展，其目的與最初的時候已經大相徑庭?，F(xiàn)如今互聯(lián)網上面數(shù)以百萬計的博客們所創(chuàng)作并且發(fā)表出來的難以計數(shù)的BLOG有著各種各樣的目地。但是，因為其溝通方式較E-mail、聊天室更簡潔、容易上手，更加快捷和廣泛，BLOG已經成為個人、團體、公司和政府部門之間越來越流行的溝通工具。

如今，門戶網站已經普遍有了自己的大型博客站點。目前，國內發(fā)展較好為人們所熟知的相關網站有：新浪，搜狐，騰訊，百度等。

1.3設計內容

網站的界面很友好、明快、舒適；操作起來容易、快捷；查詢資料快捷、準確。本個人博客網站在很大程度上實現(xiàn)安裝的簡易性、操作的簡單性與維護的最小化。系統(tǒng)運行有較高的穩(wěn)定性、安全性和可靠性。在功能上游客身份可以用不注冊，直接通過匿名訪問的方式在博客前臺進行查看用戶的博客日志，發(fā)表留言，查看用戶的相冊圖片等操作。博客用戶可以在前臺的頁面登錄，然后進入后臺頁

面。在后臺可以進行發(fā)表日志和管理日志以及日志的留言，添加相冊，刪除相冊，上傳、刪除圖片等操作。博客的主人在登錄之后可以修改自己的個人信息，也可以設置自己博客的背景音樂。

1.4 課題研究意義

根據上面所介紹的相關信息我們已經知道如今博客的發(fā)展已經到了比較成熟的階段了，它已經被人們所廣泛接受。博客在改變著人們抒發(fā)情感與人際間相互交流的方式，它拉近了人與人的距離，改變著人們社交的方式；博客極大的擴展了著人們對于信息世界的想象，它影響著整個互聯(lián)網的發(fā)展趨勢，甚至對社會的發(fā)展會起到想當重大的影響。

博客這樣一種有著巨大影響的新的信息傳播方式的發(fā)展，必將有利于社會的進步。但同時也應看到，由于博客所具有的快速廣泛傳播信息的功能，一旦為不法分子所利用將帶了嚴重的后果。所以我們要把這種好的作用盡可能的發(fā)揮到最大，并且通過技術、法律和道德的力量來避免不好的作用，在這過程中必然就需要通過開發(fā)新的技術來讓博客的用戶們活動更好的體驗。

現(xiàn)在各個大中型的門戶網站都退出了博客、空間等服務，令廣大用戶能夠在互聯(lián)網上有屬于自己的一席之地。為了滿足廣大用戶們在使用博客的過程中所追求的個性化要求，本個人博客網站盡量采用了.NET中的新方法，該個人博客采用.NET的可視化開發(fā)環(huán)境，所見即所得。從而讓開發(fā)人員可以更加高效快捷的得到開發(fā)內容的實際效果，并且進行相關調試。3 基于Asp.Net的個人博客網站的設計與實現(xiàn)

第二章 系統(tǒng)開發(fā)環(huán)境

2.1 ASP.NET概述

DOTNET也就是我們通常所說的.NET，準確來說它叫做.Net框架。作為Windows系統(tǒng)的的一種組件，NET框架將會支持未來會出現(xiàn)的各種應用程序和XML Web業(yè)務。.Net框架剛剛提出的時候，微軟確定要實現(xiàn)以下目標：給程序開發(fā)者統(tǒng)一的面向對象的編程環(huán)境。提供一個控制軟件的布置和協(xié)調不同版本之間矛盾的執(zhí)行環(huán)境，盡可能的減少矛盾，提供了更加安全可靠的的代碼運行環(huán)境，提供一個可以避免腳本運行或者解釋運行環(huán)境所引起的整體性能降低，使開發(fā)人員面對的操作系統(tǒng)的應用程序與網絡應用程序相協(xié)調。

.Net框架在通過初步發(fā)展之后，在.Net 框架l.0以及它的升級版.Net 框架l.l中，更好地支持移動ASP。凈監(jiān)控及支持ODBC和Oracle數(shù)據庫。后.Net 2.0中出現(xiàn)了越來越多不同的API。API允許管理.Net執(zhí)行時的非實例.Net應用程序能夠將其實現(xiàn)。不同以往的API.Net里面有著豐富的本領，比如：多線程，分配內存，代碼的載入，給予了有效的管理，其次.Net 3.0里面加入了四個WPF。為開發(fā)Windows窗體和瀏覽器應用程序提供更好的用戶體驗的WCF。給予用戶SOA（應用于服務軟件的架構），以支持安全的網絡服務框架。Windows工作流基礎（WF）：提供面向工作流的設計和開發(fā)（面向工作流程）的應用基礎設施，以支持應用程序接口。Windows CardSpace的：提供的SSO解決方案，所有使用者都擁有屬于自己的CardSpace。在這個項目后，所使用的.Net框架3.5，這個版本包括一款支持C＃和VB的網絡中心編譯器的語言功能的支持。同時，.Net 框架3.5的自動.Net 框架2.0 SPⅠ.Net 框架3.0 SPⅠ，用于這兩個版本提供安全修補程序，以及少量額外的庫的。2.1.1 ASP.NET和ASP.NET結構

ASP.NET是.NET 框架的一個組成部分：它給了用戶大量的用于編程的類，以滿足各種編程需要。

.NET 框架類庫

假如你是Microsoft。假如你必須支持大量的編程Language，比如Visual Basic、C#和C++。這些編程語言的很多功能相互重疊。例如，對于任何程序語言，必須包括的文件系統(tǒng)的訪問，與數(shù)據庫和操作系統(tǒng)的字符串的操作方法。

并且，雖然語言不同，但是實現(xiàn)相同功能時的程序結構是相似的。就像任何

程序語言都能夠使用循環(huán)結構與條件結構的語句。寫在Visual Basic語法的使用條件語句是寫在C + +中是不一樣的，程序的功能卻是一樣的。

此外，對于絕大多數(shù)的程序語言來說來都有著類似的數(shù)據類型。絕大多數(shù)的程序語言，都有能夠定義整數(shù)型和字符型的數(shù)據。雖然由于程序語言的種類不同，整數(shù)型數(shù)據的最大值和最小值不盡相同，但是它們都是對應著用一種數(shù)據類型。

同時向多種語言來提供這種功能要耗費很多的資源。為什么繼續(xù)重復工作呢？對所有的語言只創(chuàng)建這種功能一次，然后把這個功能應用在每一種語言中豈不是更容易。

.NET Framework類庫正是這么做的。它包含一個龐大的集合，旨在以滿足任何可以想象的編程需要的類。舉例來說，數(shù)據庫訪問，文件協(xié)同，操作文本，生成圖像等工作.NET Framework類庫所提供的的類型足以將其實現(xiàn)。刨去以上的內容，本框架中有著眾多專業(yè)的類型應用在處理網絡協(xié)議的執(zhí)行任務和正則表達式上。

此外.NET Framework包含所有基本的變量數(shù)據類型。

相比于之前的腳本語言，ASP.NET優(yōu)越性集中表現(xiàn)在下面幾個特性上：

（一）高效性

以.NET框架做為基礎來制作的的ASP.NET，應當使用VB，C++這些高度模塊化的編程語言，只要執(zhí)行一次編譯器后便可以直接運行，因此ASP.NET的速度和效率比ASP這種只能依靠VBScript和JavaScript這樣的腳本編程語言，增強了很多。

（二）可重用性

ASP.NET比起以前的ASP來是大相徑庭的。ASP中ASP的代碼與HTML是混在一起的，而ASP.NET中是代碼與內容是完全分離的，可重重復使用性大大提高。

（三）代碼量小

在ASP中，要實現(xiàn)的功能是通過編寫代碼來實現(xiàn)，但ASP.NET只是事先，可以自動實現(xiàn)，因此，當實現(xiàn)相同的功能，小于ASP的ASP.NET代碼量。

（四）ASP.NET不是解釋性的而是編譯型的

ASP.NET編譯器由兩個階段組成。在第一階段，當一個ASP.NET頁面是第一次訪問或早期編譯ASP.NET網站，包含語言代碼江北編譯成微軟中間語言中間語言代碼，像ASP.NET網站的編譯模型可以在不使用背景語言的混合編程。第二階段，ASP.NET頁面執(zhí)行時，MSL IL代碼可以由即時編譯（時間，JIT）的形式被編譯成機器語言。

ASP.NET頁面的編譯過程為：

如果是VB.NET代碼，則使用這種語言所編譯器；若使用的是C#代碼，則使用C#對應的編譯器；如果是其他語言代碼，則使用其對應的編譯器。統(tǒng)一將

其編譯為MSIL代碼，之后進行JIT變編譯，隨后編譯為機器語言代碼最終進行執(zhí)行。6 基于Asp.Net的個人博客網站的設計與實現(xiàn)

2.2 C#概述

C#是一種Microsoft為了實際應用.NET而根據其特點和需要所創(chuàng)造的不同于以前出現(xiàn)過的的的編程語言。C#同.NET Framework存在密切相關的關系，C#中所包含地類型便是.NET里面所能提供地所有類，而且C#可以直接使用.NET 框架所提供地類庫。此外，C#中所包含地理性的安全檢查和結構化異常的處理等全部由CLR來處理。事實上，ASP.NET 3.5便是使用C#語言來進行開發(fā)的，因此C#這種編程語言不進十分適合Web應用程序的開發(fā)，而且還適合用于強大的系統(tǒng)程序的開發(fā)。

C#這門語言具有著如下的特點：

在.NET 框架所提供的環(huán)境中執(zhí)行C#的代碼的時候，無法對內存直接進行操作，從而使得程序的安全性能大大提高。C#中并不推薦使用指針，如果想要使用指針的話，需要添加unsafe修飾符才行，并且在編譯的時候需要采用/unsafe這個參數(shù)。

采用C#編程語言可以構建出健康高效的應用程序。C#中的垃圾回收功能將會自動的回收那些不再被使用的對象所占用的內存。而異常處理功能則提供了結構化的并且可擴展的錯誤檢測與恢復的方法。獨有的類型安全的設計從根本上排除在讀取未被初始化過的變量和未被初始化過的數(shù)組的時候導致溢出上限的可能性。

C#編程語言有著整合的類型系統(tǒng)。全部的C#類都繼成于唯一一個根類——object。所以，全部的類型都能夠共享同一組通用操作。

C#編程語言完全支持使用組件編程?，F(xiàn)在軟件設計越來越依靠有著自包含與自描述功能包形式的軟件組件，通過屬性，方法和時間來提供編程的模型。而C#恰恰可以輕而易舉的創(chuàng)建并且使用這些軟件組件。

通過上面的介紹，可以想象.NET Framework會是非常龐大的。它有著三千四百個的類。幸運的是，類不會簡單的堆在一起。.NET Framework通過鮮明的層次結構將類組織在命名空間中。

例如在先前的ASP中，你只有五個標準類的訪問，而在ASP.NET中所提供的類超過三千四百個！

命名空間是一個邏輯分組，像是，有關工作在System.IO的文件系統(tǒng)類型設置。您通過完整的類的命名空間，可以唯一識別在the.NET框架位置的任何一類。默認情況下，ASP.NET頁面，在一些選定的命名空間中包含的類，在ASP.NET里普遍應用類被系統(tǒng)初始化。

基于Asp.Net的個人博客網站的設計與實現(xiàn)

2.3 動態(tài)網站技術介紹

鑒于博客網站系統(tǒng)的操作界面均為Web頁面的形式，并且需要對各種用戶的請求實時進行處理以及返回結果，而這些是一般的靜態(tài)Web頁面所無法實現(xiàn)的，因此需要使用動態(tài)網頁技術。現(xiàn)在動態(tài)網頁技術有很多，例如CGI、SP.NET、JSP、ASP、ASP.NET等。本設計將以ASP.NET為主要技術。

ASP.NET是ASP版本的下一代，它不僅僅是ASP Four，而是一種新的Web開發(fā)框架，包含了許多新的功能。不像ASP，ASP.NET是完全基于模塊化和組件，它的可擴展性和定制是用ASP技術無法比擬的，在數(shù)據處理方面引入了許多令人振奮的新技術，為Web開發(fā)人員提供了更多的靈活性，網絡是有效的改善應用程序的開發(fā)效率。ASP技術相比，ASP.NET的進展是革命性的。ASP.NET和Windows2005 Advanced Server的完美結合，為小型和中型企業(yè)用戶和企業(yè)用戶的網絡商務活動提供了更好的穩(wěn)定性，安全性，高效的運行環(huán)境。

2.4數(shù)據庫技術

該個人博客網站所具有的存儲用戶信息，文章，圖片，音樂等功能必然要通過數(shù)據庫技術來實現(xiàn)。

統(tǒng)一的SQL Server 2005中的語言風格，可以完成這項工作的數(shù)據庫活動，包括創(chuàng)建數(shù)據庫，數(shù)字模式，改變和查詢數(shù)據和整體安全的保障和數(shù)據庫的維護。數(shù)據庫應用系統(tǒng)的發(fā)展提供了一個良好的環(huán)境。即使系統(tǒng)在實際使用之后，用戶仍舊能夠根據需要來改變系統(tǒng)的結構，同時保證數(shù)據的正常運行，這一特點令系統(tǒng)有了非常優(yōu)異的擴展性能。

在使用SQL語言訪問數(shù)據庫時，用戶不需要像C語言那樣具體的寫出如何實現(xiàn)操作，而只需要寫清楚要做的事情，SQL語言就可以將要求提交給數(shù)據庫管理系統(tǒng)，然后由數(shù)據庫管理系統(tǒng)自動全部工資。

自二十世紀八十年代以來，SQL便是DBMS這一系統(tǒng)所采用的規(guī)范化語言。最早的SQL標準是ANSI（American National Standards Institute）于1986年10也頒布的。ISO（國際標準化組織）于一九八七年六月正式通過了國際標準，并在此基礎上補充，****年四月，ISO發(fā)布有著全部功能的SQL，SQL-89。SQL-89標準的頒布，對數(shù)據庫技術隊發(fā)展和數(shù)據庫的應用都起到了巨大的推進作用。盡管如此，SQL-89依然有相當多不足之處。因此，SQL-89的基礎上，研究和修訂3年以上后，國際標準化組織與ANSI于1992年8月頒布了新的標準

——SQL-92 亦或是SQL2。值得注意的是它依然沒有很全面，因此于一九九九年有頒布了SQL-99或叫做SQL3。

SQL語言就能夠實現(xiàn)所數(shù)據庫活動的工作，包括數(shù)據庫的創(chuàng)建，修改和查詢數(shù)據和安全管理和維護數(shù)據庫，使用戶可以繼續(xù)死對數(shù)據庫結構根據修改后還需要數(shù)據庫系統(tǒng)投入使用。同時不會影像數(shù)據庫的運行，從而使得系統(tǒng)具有良好的可擴展性。

在使用SQL語言訪問數(shù)據庫的時候，用戶無需告訴計算機怎樣一步步的達成操作，只需要描述清楚所要實現(xiàn)的目的。SQL語言之后便會將用戶的要求提供到數(shù)據庫管理系統(tǒng)，然后其將自動將剩余的任務達成。

盡管SQL語言有著強大的功能，但是它并不復雜，通過很少的幾條命令便能實現(xiàn)眾多功能。而且，SQL語法和日常語言比較相似，十分便于學習。

SQL語言能夠通過到命令的模式直接應用，同時能夠嵌入在使用的編程語言之中。如今數(shù)據庫制作工具普遍的直接將SQL語言變成自己的語言，它是使用起來非常方便。貼現(xiàn)使用，為用戶提供了一個靈活的選擇。但不管是什么樣的應用，SQL語言都會采用大體相同的格式。鑒于SQL 2005所具有的功能可以方便高效的實現(xiàn)本次工作的目的，本系統(tǒng)將使用SQL 2005。

本網站的開發(fā)工具使用的是Visual Studio 的二零零八版，使用的是C#語言作為編程語言，用到的技術有ASP.NET這一微軟推出的先進技術，在數(shù)據庫開發(fā)方面使用的則是SQLServer數(shù)據庫，版本為二零零五。

2.5 ADO.NET連接數(shù)據庫

在網站的開發(fā)過程中，如何存取數(shù)據庫是最常用的部分。.Net 框架提供了多種存取數(shù)據庫的方式。

ADO.NET這種數(shù)據訪問技術雖然比較先進，但也存在著需要編寫大量重復代碼的問題，為了提高工作效率，ASP.NET 2.0進行來大膽的改進，增加來許多數(shù)據源控件和數(shù)據綁定控件。數(shù)據源控件包中的所有接入和數(shù)據處理功能，包括連接到數(shù)據源頭，使用選擇，更新，delete和插入SQL代碼來獲取數(shù)據和管理。數(shù)據綁定控件是用來顯示數(shù)據在多種方式。把數(shù)據來源相關的控件和綁定上數(shù)據的空間有機整合起來，用戶只需要輕點需要的屬性，基本上不用依靠任何代碼就都可以訪問數(shù)據庫。

System.Data命名空間管理專業(yè)類在ADO.NET中，數(shù)據處理是一個關鍵部分。所有依靠ADO.NET的軟件的實現(xiàn)方法的關鍵都是數(shù)據集。該數(shù)據集是一個內存庫中的副本。一個數(shù)據集包括許多數(shù)據表，每個數(shù)據表一般都會對應著一個數(shù)據庫的表或者視圖。有些特定的命名空間便是用來提供處理數(shù)據集，數(shù)據表和

視圖的類。通過這些類能夠方便的以編程的方式與數(shù)據庫中的數(shù)據進行交互。

System.Data命名空間中的類，涵蓋了所有的內容和關系數(shù)據庫，如某些特定的類的外鍵查找和修改數(shù)據視圖的數(shù)據關系表。

使用System.Data能夠將數(shù)據庫中的數(shù)據進行緩存，方便客戶端進行讀取，從而打到提高數(shù)據交互性能的目的。

System.Data是數(shù)據操作的關鍵，System.Data命名空間中包含的類負責著協(xié)調整合修改并且提供數(shù)據交互的一些常用功能：

通過使用共同System.Data命名空間中的類和接口的連接，可實現(xiàn)連接數(shù)據庫。在這之中最關鍵的是DataSet類，它管理者數(shù)據庫中的多個表。這些表在第一次讀出來之后就保存在內存中，在此讀取的時候可以直接從內存中讀取，因此一般會把DataSet放在內存的緩存里邊。10 基于Asp.Net的個人博客網站的設計與實現(xiàn)

第三章 需求分析

3.1 可行性分析

技術可行性：如今主流的計算機配置水平均可以實現(xiàn)平臺的安裝和穩(wěn)定運行；SQL數(shù)據庫和VS2008等編程工具提供了可靠的編程環(huán)境；憑借以前所學的軟件開發(fā)方法和編程的知識，并且查閱相關資料和書籍可以為網站的開發(fā)提供足夠的技術保障。

社會可行性：目前互聯(lián)網上已經有很多成功的博客網站，博客系統(tǒng)的存在完全符合國家的相關法規(guī)和普遍的社會價值觀，不存在嚴重的障礙。此外，博客的的操作方式簡便，門檻低，適合大多數(shù)人使用，其內容符合大眾的價值觀，有利于提高人們學習、交流的效率，因此本設計具有可行性。

經濟可行性：本設計基于ASP.NET開發(fā)，完全可以實現(xiàn)免費、開源，用戶可以直接瀏覽博客信息和留言，并且可用通過免費注冊來獲得更多的功能，便于為人們接受。3.1.1 技術可行性

技術可行性是本設計最關鍵的部分，也是其他可行性的基礎。需要根據用戶所提出的各種功能要求和限制條件，在技術的角度上研究本系統(tǒng)實現(xiàn)的可行性。系統(tǒng)的開發(fā)涉及多個方面的技術。包括了系統(tǒng)的軟件和硬件，網絡的環(huán)境，人員的技術水平，系統(tǒng)開發(fā)的各種相關理論。在

在技術可行性方面需要考慮的有很多，首先是技術人員，無論任何工作，都是以人為本的，由人來完成，最后面向的用戶也是人。而不管是個人還是團隊，如果要開發(fā)一款產品都需要相應的技術基礎。對于個人來說必須要掌握相關的技術或者確定可以在可接受的時間范圍內掌握該技術才能夠去進行開發(fā)。對于團隊來說，團隊之中至少要有一個人能夠完整的掌握相關的技術，不能這個人會一點那個人懂一點來東拼西湊，這樣會大大的降低開發(fā)效率。而且對于團隊來說，良好的團隊協(xié)作是成功的必要條件，如果一個人所寫的代碼雖然能順利運行，但是不具有很好的規(guī)范性兼容性，那么這個團隊也是無法協(xié)同工作的。

之后要提到的就是采用的技術，從信息革命爆發(fā)以來所涌現(xiàn)出的新技術新理念層出不窮，但是為人們所廣泛接受的技術同龐大的總量比起來就顯得九牛一毛了。很多技術或者是不成熟，或者是不完善或者是不符合大多數(shù)人的價值觀。總

之因為各種各樣的原因導致它們沒有廣泛的應用。我們在開發(fā)的過程中確定了產品的功能之后要做的便是選擇合適的技術來實現(xiàn)它，這其中的大多數(shù)技術應當是成熟的可靠的，因為作為一款產品首先應該是可靠的，不能總是出現(xiàn)問題。但是也應當采用一些具有新特點的技術，令本產品同其他類似產品比起來有所獨特的地方，能夠在眾多同類產品中脫穎而出。當然，如果技術實力足夠強大，也可以更加大膽和廣泛的采用新技術新理念。

博客作為一款網絡應用，需要注意的還有網絡環(huán)境的問題，如何降低網絡環(huán)境的波動對博客系統(tǒng)性能產生的影響。比如博客在只有少數(shù)用戶的時候能夠流暢的運行，但是在面對大量的用戶時原有的資源就可能捉襟見肘，如何在低谷和高峰之間進行切換，在面對大量用戶時不會導致明顯的性能能下降，在面對少量用戶時避免資源的浪費。

最后要注意是硬件條件，有些程序在正常運行的時候看起來效果很好，但是它要求的硬件條件非常高。像是核爆炸的模擬程序，它已經各個大國所使用，它能夠為相關領域的科技發(fā)展提供極大的便利。但是由于它龐大到令人驚嘆的運算量，世界上也只有著為數(shù)不多的超級計算機能夠運行它。再比如一款游戲，在剛推出的時候如果只能在那個時期頂尖的旗艦級電腦平臺上才能流暢運行，那么能接受它的用戶面就會僅僅限制在一些游戲發(fā)燒友上，失去廣大的用戶群體，從而導致無法獲得理想的經濟回報。因此，對于博客這種需要依靠大的用戶群體來支撐的事物，必須用盡可能地的硬件要求便能實現(xiàn)好的用戶體驗。

技術成熟性方面本系統(tǒng)的軟件方面采用ASP.NET技術，而.NET技術已經投入實際應用很長時間，如今已經成為來計算機領域一門非常有前途的技術，它成熟、穩(wěn)定。并且本網站的開發(fā)開發(fā)工具使用的是Visual Studio 的二零零八版，使用的是C#語言作為編程語言，用到的技術有ASP.NET這一微軟發(fā)明的先進技術，在數(shù)據庫開發(fā)方面使用的則是SQLServer數(shù)據庫，版本為二零零五。通過ADO技術將其與.NET有機結合起來開發(fā)出一個適應性強，穩(wěn)定并且高效的系統(tǒng)，在相關的技術方面不存在不成熟，缺乏實際檢驗，缺乏實用性和適應性的問題。其硬件方面由于采用的是較老版本的軟件平臺，其對硬件的要求較低，現(xiàn)在絕大多數(shù)個人電腦均能運行。在技術人員方面，我之前在課堂上學習過ASP.NET網站的開發(fā)和SQL數(shù)據庫，并且通過在圖書館查閱相關資料，網上參考類似的成熟的相關產品，和老師同學的交流等掌握了所需的技術。預期整體開發(fā)過程所需時間小于畢業(yè)設計所規(guī)定的時間，能夠獨立按時完成任務。3.1.2 經濟可行性

經濟可行性是指可以使用的資源的可能性，經濟可行性研究的核心是成本效益分析，主要是估算開發(fā)成本是否會高于預期利潤。要關注開發(fā)設計所投入的資

本與軟件所帶來的經濟效益是否對稱，要關注軟件是否能夠給用戶創(chuàng)造經濟效益并且?guī)砗玫捏w驗。對于一款產品來說，經濟可行性是至關重要的。我們開發(fā)產品的最終目的是為了產生經濟效益，如果這個最高目標無法得到實現(xiàn)，其他的努力都將是徒勞的。所謂經濟效益就是最后能產生的直接利益加上間接利益再減去開發(fā)成本和運行維護的成本所得到的收益?，F(xiàn)有的博客的盈利方式主要有植入廣告，用戶個性化需求等方面。植入廣告已經成為了互聯(lián)網行業(yè)的一個主要盈利方式，比如谷歌公司百分之九十以上的經濟收入來自于廣告。而廣告盈利的前提是有這大量的點擊量，現(xiàn)在很多網站上有大量的惡意廣告和不友好的廣告，比如要實現(xiàn)點擊某個連接或者看到某些內容就必須點擊若干個廣告。這種方式在短期來看是能夠為網站提供大量的點擊率，但是隨著同類網站的發(fā)展，用戶會趨向于簡單友好的網站，而不是下載個文件都需要機械性的點擊關閉多次廣告的網站。好的廣告植入方式應該是在盡量不引起用戶反感并且能夠吸引用戶的注意力，用戶應該對廣告的內容有一定的選擇能力，而不是那些閃耀到晃眼的模式單一的廣告。并且由于不同人的博客有著不同風格主題，針對某一風格主題也有著特定的人群。比如CSDN中主要的用戶都是計算機領域相關的人員，而關注劉慈欣博客的人大多是科幻小說的愛好者。對于不同風格主題的博客應該投入不同類型的廣告，從另一個角度來說，采用某些技術可以記錄人們在瀏覽互聯(lián)網時所關注的信息，在這些信息中選擇出一些具有代表性的產品在特定用戶瀏覽博客時以圖片連接的形式呈現(xiàn)在其面前也是一種被廣泛使用并且十分有效的方式。

對于另一種盈利方式，也有著十分廣泛的市場，比如騰訊空間中有有少量的比較死板的主題和皮膚。而騰訊空間的主要使用者又是喜歡追求個性的年輕人，而在騰訊空間的商城中有著十分豐富并且符合年輕人喜好的各種付費產品，并且其又推出了各種鉆來以優(yōu)惠為吸引人的方式讓用戶對其產生長期的依賴，使為其投入一定的金錢成為交水電費一樣的生活習慣，從而為產品帶來長期穩(wěn)定的用戶群體。并且通過收取一定的費用可以提供一些特權服務（會員），比如更低廉甚至免費的個性化裝飾，在更大限度上放寬帶寬的限制，提供去除廣告的功能，使得瀏覽更加簡潔和流暢，并且可以擴展一些受限的功能（好友數(shù)量的限制，圖片最大數(shù)量的限制等）。并且將其付費方式與時下迅猛發(fā)展的新付費方式所結合，讓客戶足不出戶輕點鼠標或者發(fā)幾條短信就能購買到所要的功能和產品。在成本方面需要考慮的有開發(fā)的成本和運行與維護的成本。

開發(fā)成本是指在開發(fā)產品時所花費的人力，物力和時間。人力成本與開發(fā)人員的數(shù)量，層次有關，對于大型的高端的開發(fā)需要大量高端人才，其成人力本無疑將是巨大的。而對與小的點單的產品開發(fā)則往往只需要個人便能獨立完成，其目的又多以興趣愛好，驗證自身技術和較小的盈利為目的，這種開發(fā)的成本相對來說是很低的。在物力投入和花費方面也與所開發(fā)的產品是密切相關的，對于所

要開發(fā)的產品應該事先進行評估，確定其開發(fā)中所需要投入的各種成本，并且對今后的運行維護做出比較準確的預期。從而避免出現(xiàn)系統(tǒng)自身問題導致耗費大量人力物力來解決后期運行中的問題。

而我們所開發(fā)的這套博客網站系統(tǒng)正式基于提高用戶使用效率，節(jié)省工作時間，簡化操作管理的理念來設計的。并且本系統(tǒng)是個人獨立設計開發(fā)的，并不需要投入大量經費，系統(tǒng)今后的運行和維護也相當簡便，無需投入額外的資金，其成本不會出現(xiàn)超于預期的可能。并且在其過程中也可以提高個人的開發(fā)水平，因此在經濟上是完全可行的。在系統(tǒng)運行的過程中將定期進行系統(tǒng)備份，在遇到突發(fā)事件時只需將備份的系統(tǒng)在另外一臺具有所需環(huán)境的計算機上即可還原，并且重新運行，系統(tǒng)的可靠性高，風險小。3.1.3操作可行性

在當今這個信息技術迅猛進步的時代，信息技術早已深入到社會中的每個地方，它為人們帶來來便利的工作方式，優(yōu)越的工作環(huán)境，因此也對人們的工作效率和操作水平提出了更高要求。在這種發(fā)展趨勢下，減少費時費力的人工操作，通過各種智能化軟件來提高工作效率和工作精度就成為了一個很重要的方向。

對于用戶來說一個可以輕而易舉上手的產品顯然比那些要讀完冗長的說明書甚至進行一定的學習培訓才能操作的產品受歡迎的多。一個成功的博客應該是

很友好的，對于任何一個熟悉上網方式的人都應該能夠無障礙的使用它。同時它的功能又應該是全面的，用戶可以用符合日常習慣的方式來實現(xiàn)所要達到的目的。對于一些新穎的功能，應該通過給予用戶一些獎勵的方式使用戶對其產生興趣，并且試用它。若是使用起來有一定的難度則應該給予一定的說明和引導。比如騰訊微博在更新出新功能時會通過種種獎勵和優(yōu)惠積極像廣大用戶推廣，并且用很詳細的方式來一步步引導用戶學會使用新功能。

本博客網站系統(tǒng)的用戶平臺同時面向游客、普通注冊用戶和管理員，其界面簡潔，采用web的可視化界面，普通注冊用戶只需要輕點鼠標和鍵盤就可以使用博客；而數(shù)據的輸入和維護均由博客的管理者來完成。正是由于這些特性，本博客系統(tǒng)十分適于新手使用，無須學習復雜的教程便可以獲得好的體驗。故，本博客網站系統(tǒng)在操作上是可行的。

3.2 功能需求

用戶管理模塊：注冊（游客用戶）、登入（注冊用戶）、修改資料（注冊用戶）系統(tǒng)管理模塊：用戶管理（管理員）

文章管理模塊：添加（注冊用戶）、刪除（注冊用戶，管理員）

留言管理模塊：張貼評論（游客用戶，已注冊用戶，管理員）、刪除（注冊用戶，管理員）

相冊管理模塊：添加相片（注冊用戶）、刪除（注冊用戶，管理員）音樂管理模塊：添加音樂（注冊用戶）、修改（注冊用戶）、查詢（注冊用戶）、刪除（注冊用戶，管理員）

3.3 性能需求

數(shù)據精度要求：數(shù)據需要遵循嚴格的格式，否則系統(tǒng)將不會予以響應。時間要求：運行環(huán)境方面的連接響應時間應小于等于10秒，對大于180秒沒進行任何操作的用戶其訪問認證將失效，需要重新進行登入。

數(shù)據管理要求：即數(shù)據庫系統(tǒng)管理，其包括：

注冊信息表包含用戶名，密碼，住址，愛好，職業(yè)等基本信息。并且要求數(shù)據庫的自動增長比例為2%。

日志記錄：包含標題，時間，內容，作者等信息。留言管理：包含回復人，內容，時間等信息。相冊管理：包含評論人，內容，時間等信息。

控制：用戶在進入博客首頁面后，可以以三種身對博客網站系統(tǒng)進行瀏覽——游客身份，普通用戶身份（需要通過登錄）和管理員身份（需要以特定的帳號來登錄），在訪問over后關閉所瀏覽的網頁的同時也就退出了博客，3.4系統(tǒng)用例

根據以上需求分析，總結出個本人博客系統(tǒng)的基本功能需求。如圖3-1所示： 15

日志管理<><><><>圖片管理留言管理相冊管理<><>用戶管理系統(tǒng)管理員音樂管理用戶注冊<><><><><>瀏覽日志用戶登陸<>瀏覽相冊文章評論個人檔前臺用戶圖3-1 系統(tǒng)總用例圖

基于Asp.Net的個人博客網站的設計與實現(xiàn)

第四章 系統(tǒng)概要設計

4.1概述

本博客系統(tǒng)采用B/S結構，即Browser/Server或瀏覽器/服務器結構；建立在兩種Web服務模式之上，本模型結構適用于Internet環(huán)境下。用戶只需要連上Internet,便能夠在任何時間、任何地點使用本系統(tǒng)，本網站工作的原理如4-1：

執(zhí)行過程請求客戶端回發(fā)驗證Web服務器傳送數(shù)據庫檢索 圖4-1 系統(tǒng)工作原理圖

4.2系統(tǒng)結構

本博客網站系統(tǒng)基于B/S架構，分為用戶前臺和管理者后臺這兩大模塊。

前臺的關鍵任務是：查看日志、查看相冊、大家評論、音樂背景、用戶登錄、用戶資料等功能模塊。

后臺的主要功能為：日志管理、相冊管理、圖片管理、留言管理等功能模塊。本系統(tǒng)的功能部分結構如圖4-2所示： 基于Asp.Net的個人博客網站的設計與實現(xiàn)

系系系系系系系系系系系系系系系系系系系日背日日發(fā)志留相添上景用日相歷志布類言冊加傳音戶志冊瀏留管日別管管相圖樂登查瀏覽言理志管理理冊片設錄看覽文板理置章圖4-2系統(tǒng)功能結構圖

從上圖可以看出本個人博客系統(tǒng)由前臺和后臺這兩個功能模塊組成。前臺功能模塊包括：

用戶登錄：用戶通過自己所注冊的賬號和密碼登錄成功后便能進入屬于自己的博客管理界面。

日志查看：日志查看可以分為對日志的列表進行查看和對日志的內容進行查看，并且日志可以根據類別進行瀏覽。

相冊瀏覽：相冊瀏覽包含首頁最新相冊和相冊列表這兩項，點擊相冊的類別便可以看到該類別的所有圖片。

留言板：本博客系統(tǒng)具有留言板功能，游客和用戶能均可以到留言板發(fā)表留言。

用戶資料：對于登錄之后的的用戶來說，在這里能夠修改自己的個人信息，對于么有登錄的用戶則只能瀏覽個人信息。

后臺功能模塊包括：

日志管理：即發(fā)布日志，更改日志，deleted日志，并可以對日志類別進行區(qū)分和修改。

留言管理：博主可以在留言板以博主身份回復前臺的留言信息。相冊管理：可以進行添加相冊，修改相冊，刪除相冊等操作。圖片上傳：用戶可以選擇指定的相冊，將上傳圖片至該相冊中。音樂設置：博主能夠在后臺對博客的背景音樂進行上傳、刪除等操作。

4.3 數(shù)據庫設計 個人檔基于Asp.Net的個人博客網站的設計與實現(xiàn)

4.3.1 數(shù)據庫設計概述

數(shù)據庫設計是使用現(xiàn)有的數(shù)據庫管理系統(tǒng)，針對特定應用的簡歷數(shù)據庫模型，建立數(shù)據庫來滿足它所要實際使用的環(huán)境。因此，它可以快捷的采集數(shù)據，進行內存操作和管理數(shù)據，實現(xiàn)使用者對信息需求和處理的要求。從另一個角度來看，數(shù)據庫的設計是在現(xiàn)實世界的數(shù)據庫管理系統(tǒng)的緊密結合，有機的過程，結合相應的。

在數(shù)據庫的設計過程之中，我們將會遇到的關鍵難題會是：

懂得計算機與數(shù)據庫的人往往缺乏應用業(yè)務的只是和實際經驗。而熟悉應用業(yè)務的人一般又不懂得計算機和數(shù)據庫。兩者兼具的人很少。

在項目的一開始旺旺不能明確應用業(yè)務的數(shù)據庫系統(tǒng)目標。能普遍適用的工具與設計方法幾乎不存在。

用戶的要求一般情況下并非在一開始就是鮮明的，而是在設計的過程中不斷的提出新要求，甚至在數(shù)據庫完全建立之后還會要求修改數(shù)據庫或者增加新的功能。應用業(yè)務系統(tǒng)成千上萬，難以找到一種廣泛試用于各種應用業(yè)務的工具和方法，隱刺增加里研究數(shù)據庫自動生成工具的難度。由此可見，研制一種適合所有應用業(yè)務的全自動的數(shù)據庫生成工具是不可能的。

要設計數(shù)據庫首先要明確系統(tǒng)目標。這樣可以確保開發(fā)工作得以順利實施，提高工作效率，保證數(shù)據模型的準確和完整。數(shù)據庫設計的終極目標是數(shù)據庫必須滿足使用者對數(shù)據的存儲和處理的要求。一個成功的數(shù)據庫應該是功能強大的。能夠準確的顯示工作數(shù)據。使用方便，易于維護。在系統(tǒng)實際投入使用的時候，對于用戶的請求能夠在合理的時間內給與響應。方便在投入使用之后根據實際情況對數(shù)據庫結構進行再次的改進。便于對數(shù)據的查找和編輯。維護數(shù)據庫的工作較少。具有可靠的安全措施可以保證數(shù)據的安全。冗余的數(shù)據盡可能少。便于數(shù)據的備份和恢復。數(shù)據庫的結構對于最后使用的用戶應當是可視化的。

新奧爾良方法。這種方法是一種比成熟的數(shù)據庫設計的辦法。其主要包括對需求進行分析，之后根據需求建立概念結構，以之前的工作為基礎簡歷邏輯結構，最后設計系統(tǒng)的物理結構等肆大部分。這種方法注重于數(shù)據庫的結構設計，而不太考慮數(shù)據庫的行為設計。

數(shù)據庫設計方法——E-R模型是以第三范式作為理論基礎的，抽象的語言規(guī)范世紀的方法，設計方法的基礎上，使用在數(shù)據庫設計的各個步驟中的的實際的技術和方法。

數(shù)據庫設計的實現(xiàn)方法，從根本上來講依舊是靠手工分析來設計的，他的基本思想是通過不斷的反復帶入和不斷的精益求精來實現(xiàn)的。

在數(shù)據庫設計過程中，首先要做的是需求分析，在這個部分要做的是對我們

所生活的世界中要實現(xiàn)的目標進行詳細調查，通過之前的調查中所得到的有用的信息，來確定系統(tǒng)的新功能，基本數(shù)據和處理方法收集支持系統(tǒng)目標。需求分析是基于用戶進行的調查，通過分析逐漸清晰的用戶需求的系統(tǒng)，包括數(shù)據本身和以這些數(shù)據為根本的各種處理工作。

用戶調查，獲取信息的用戶需求，其中的加工要求，安全性和完整性的要求和其它要求。在需求分析，通過頂部，逐步分解的方法分析系統(tǒng)，系統(tǒng)可以抽象為數(shù)據流程圖的形式，在這個階段，沒有確定具體的數(shù)據存儲。處理二字將系統(tǒng)要求的的功能在數(shù)據流圖中抽象的表達出來，整個函數(shù)對系統(tǒng)的要求能夠被逐步以多個子系統(tǒng)來實現(xiàn)主系統(tǒng)的功能要求，通過一步步用多個子系統(tǒng)等價代替的方法，將系統(tǒng)工作過程逐步劃分為可以清楚描述的N個子系統(tǒng)。

數(shù)據庫的需求分析是數(shù)據庫最重要也是最困難最麻煩的一步，如果這一步做得不好，那么后續(xù)的設計花費再多的時間，再怎么優(yōu)化也無法從根本上改變之前的問題。

在明確了數(shù)據庫的需求之后要做的就是數(shù)據庫的結構設計。4.3.2 數(shù)據庫概念設計

設計數(shù)據庫的結構，需要以需求分析的結果作為基礎，一步步歸納總結出數(shù)據庫的概念，邏輯，物理結構。結構概念設計的概念模型，形成數(shù)據庫層，語義層模型。如ER模型的邏輯結構設計的模式和模式的數(shù)據庫，形成層結構模型，如基本表，視圖。物理結構設計的結果在設計結果的形成模式數(shù)據庫，使用的話，是屬于的描述，如數(shù)據庫文件或目錄，索引。

數(shù)據庫結構設計的第一步要做是確立概念性的結構，其頂部的信息結構的設計，會要求根據對使用者需求的研究出的結果，抽象出系統(tǒng)的信息結構，也就是概念模型，建立數(shù)據庫系統(tǒng)的結構是最重要的工作，獨立的邏輯結構設計，數(shù)據庫管理系統(tǒng)。

數(shù)據庫概念結構需要具有豐富的語義表達能力。表達各種用戶的不同需求，包括各種現(xiàn)實世界中的物體的描述，它們之間的連接，可滿足用戶數(shù)據處理的需求。容易溝通和理解。結構的概念是設計師和用戶之間溝通的主要工具。容易修改。當這個系統(tǒng)所使用的地方和應用中遇到的要求發(fā)生變化時，可以很容易地修改的概念結構，以反映這些變化。輕松轉換模型的各種數(shù)據，很容易推導出的DBMS的邏輯模型。

其設計的方法是采用E-R圖，其過程可以分為三步：

（一）在E-R模型的設計

設計內容包括當?shù)氐腅R模型確定本地的ER模型范圍內，定義實體，關系和它們的屬性。主要核心是實際的現(xiàn)實情況是，加工，共同的特征提取，忽略不

重要的細節(jié)，而將這些需要的特征描述為概念。抽象的方法有聚蔟，概括，分類這三種。

（二）設計整體E-R模型

將所有部分E-R模型圖融合為一個整體E-R圖，即整體E-R模型。其方法主要有一次性將所有E-R模型有機融合在一起的方式和逐步累加的方式。在把部分E-R的模型集成為一個整體的E-R模型的過程中，消除各個部分E-R模型合并時所產生的沖突是其關鍵所在。這些矛盾一般分為三種情況：實體的屬性互相矛盾，即屬性的范圍矛盾和屬性的取值單位矛盾。命名的矛盾，是指同一個名字具有不同的意義與不同的名字有著相同意義這兩種情況。對于屬性和命明矛盾一般采用討論協(xié)商的方法進行結局。另外，結構的矛盾，它是指多個的屬性來對應有且僅有的一個對象，或者多個對象卻共同使用著一個屬性，不一樣的的排列順序的E-R模型并非是完全一樣的。對于前者可以通過把屬性轉換為實體或者將實體轉換為屬性的方法，使同樣的對象具有相同的抽象。后一種解決方案的方法是使該實體的屬性和ER模型的各部分的屬性，然后在屬性，以調整適當?shù)摹?/p>

（三）優(yōu)化整體E-R模型

通過對相關實體的合并減少數(shù)量的實體，通常具有相同的原代碼實體合并。此外，如果多個實體之間存在1:1的關聯(lián)，那么你可以考慮把他們整合成一個實體，同時適當把多余的屬性和多余的鏈路消除掉。

通過對現(xiàn)實世界信息的抽象，建立概念模型，可以有效提高數(shù)據庫設計的效率。根據以前所學的知識，可以依靠系統(tǒng)E-R圖來描述概念模型，并且易于該圖所體現(xiàn)的系統(tǒng)中各個實體間關系來建立數(shù)據庫。相關的內容如圖4-3所示：

編號相冊名稱1管理N相冊相冊封面登錄賬號添加時間編號管理員信息11管理N登錄賬號登錄密碼登錄密碼管理編號用戶信息出生年月N電子郵件標題描述愛好星座編號日志信息內容類別發(fā)布時間

圖4-3系統(tǒng)E-R圖

4.3.3 數(shù)據庫實體設計

在概念設計完成的是進行E-R模型轉化為一個特定的數(shù)據庫管理系統(tǒng)在支持數(shù)據模型的組織，這是在一定條件下所限定的數(shù)據庫管理系統(tǒng)。它能夠對數(shù)據庫中所包括的信息的邏輯結構進行處理。

數(shù)據庫管理系統(tǒng)的具體數(shù)據支持的組織層形式有四種。層次的形式，網絡的形式，關系的形式和面向對象的形式。

在本設計中將用到的是E-R模型想關系模型的轉換。

其包含有兩個步驟：

（一）E-R模型向關系模型的轉換

從ER模型轉換關系模型中面對的問題是如何將實體和關系模型之間的關系，如何確定主代碼和屬性模型之間的關系。

（二）數(shù)據模型的優(yōu)化

邏輯結構的設計結果并非是唯一的，因此應該根據實際需求對邏輯數(shù)據模型進行適當?shù)恼{整與修改，即數(shù)據模型的優(yōu)化。

在完成了以上工作之后，便到了物理結構設計的階段。物理結構依靠數(shù)據庫管理系統(tǒng)為基礎建立存儲結構，是把已經確定的數(shù)據庫邏輯結構性能盡可能提高的方法和技術。數(shù)據訪問，訪問和存儲分配設計合理高效的數(shù)據的路徑，數(shù)據庫結構和可行的。

其一般方法為確定數(shù)據庫的物理結構，用于選擇適合對數(shù)據庫進行物理訪問的方法和數(shù)據庫信息儲存的結構；對物理結構的時間效率和空間效率做出評價。

相冊信息實體，相冊包含編號；相冊的名字；相冊的封面圖；建立的時間這四個屬性，具體如圖4-4：

相冊名稱編號相冊相冊封面添加時間

圖4-4相冊信息實體圖

用戶信息包含有編號；登錄帳號；登錄密碼；出生年月；電子郵件地址；星

座；愛好；個人描述等屬性，如圖4-5：

登錄賬號登錄密碼編號用戶信息出生年月電子郵件描述愛好星座

圖4-5用戶信息實體圖

日志信息包含編號；標題；具體信息；類別；發(fā)布時間等屬性，如圖4-6：

編號日志信息標題內容類別發(fā)布時間

圖4-6日志信息實體圖

日志類別包含編號和類別名稱這兩個屬性，如圖4-7：

編號日志類別類別名稱 圖4-7日志類別信息實體圖

留言信息包含有編號；留言人；留言時間；留言內容；回復內容等屬性，如圖4-8： 23 基于Asp.Net的個人博客網站的設計與實現(xiàn)

編號留言信息留言人回復內容留言內容留言時間

圖4-8 留言信息實體圖

圖片信息包含有編號；圖片名稱；圖片描述；所屬相冊；上傳時間；圖片地址等屬性，如圖4-9：

編號圖片信息圖片地址上傳時間圖片描述圖片名稱所屬相冊

圖4-9 圖片信息實體圖

4.3.4 數(shù)據庫設計表

在完成了數(shù)據庫的結構設計和行為設計，并且編寫了實現(xiàn)用戶需求的應用程序之后要做的邊上利用DBMS提供的功能實現(xiàn)之前所做的設計，并且選擇盡可能好的方法。然后夾在數(shù)據并且調試和運行應用程序。

下面將介紹本博客系統(tǒng)所需要的數(shù)據庫中各個表的詳細信息。

Album信息表包含編號（ID），相冊名稱（AlbumName），相冊封面（AlbumPic），添加時間（addTime）。在這些字段中編號是該表的主鍵。如表4-1所示：

表4-1 相冊信息表

字段名 ID AlbumName AlbumPic addTime 數(shù)據類型 int nvarchar nvarchar datetime

長 度 4 50 50 8

主 鍵 是

否 否 否

描

述 編號 相冊名稱 相冊封面 添加時間

Music信息表包含編號（id），音樂標題（MusicPath）。其中編號作為該表的主鍵。如表4-2所示：

表4-2 背景音樂信息表

字段名 id MusicPath 數(shù)據類型 int int

長 度 4 50

主 鍵 是 否

描

述 編號 標題

Picture信息表包含編號（id），圖片地址（imagePath），相冊編號（AlbumId），相冊名稱（AlbumName），圖片描述（ds）。在這些字段中編號是該表的主鍵。依表4-3所示：

表4-3 相冊內容信息表

字段名 id imagePath AlbumId AlbumName ds 數(shù)據類型 int nvarchar int nvarchar text

長 度 4 50 4 50 16

主 鍵 是 否 否 否 否

描

述 編號 圖片地址 相冊編號 相冊名稱 圖片描述

Article信息表包含編號（id），日志標題（Title），日志內容（Contents），發(fā)布時間（addtime）。在這些字段中編號是該表的主鍵。如表4-4所示：

表4-4 日志信息表

字段名 id Title Contents addtime 數(shù)據類型 int nvarchar text datetime

長 度 4 50 16 8

主 鍵 是 否 否 否

描

述 編號 日志標題 日志內容 發(fā)布時間

UserInfo信息表包含編號（id），帳號（Username），用戶密碼（Userpwd），用戶生日（BirDay），電子郵件（Emal），星座（httpweb），愛好（address），注冊時間（addtime），用戶描述（ds）。在這些字段中編號是該表的主鍵。如表4-5所示：

基于Asp.Net的個人博客網站的設計與實現(xiàn)

表4-5 用戶信息表

字段名 id Username Userpwd BirDay Emal httpweb address addtime ds 數(shù)據類型 int nvarchar nvarchar nvarchar nvarchar nvarchar nvarchar datetime text

長 度 4 50 50 50 50 50 50 8 16

主 鍵 是 否 否 否 否 否 否 否 否

描

述 編號 賬號 用戶密碼 用戶生日 電子郵件 星座 愛好 注冊時間 用戶描述

userliuyanban信息表包含編號（id），發(fā)布時間（Date），留言姓名（Name），回復內容（Reply），留言內容（Message）。其中編號作為該表的主鍵。如表4-6所示：

表4-6 留言信息表

字段名 id Date Name Reply Message 數(shù)據類型 int nvarchar nvarchar Text Text

長 度 4 50 50 16 16

主 鍵 是 否 否 否 否

描

述 編號 發(fā)布時間 留言姓名 回復內容 留言內容

ArticleType信息表包含編號（id），類別名稱（Name）。其中編號作為該表的主鍵。如表4-7所示：

表4-7 日志類別信息表

字段名 id Name 數(shù)據類型 int nvarchar

長 度 4 50

主 鍵 是 否

描

述 編號 類別名稱 基于Asp.Net的個人博客網站的設計與實現(xiàn)

第五章 系統(tǒng)詳細設計

通過將ASP.NET技術與SQL 2005數(shù)據庫系統(tǒng)的有機結合，通過科學的計劃方法實現(xiàn)了個人博客網站的建設工作。在這次設計的過程中，運用了很多在課本上學過的理論知識，但是經過實際操作發(fā)現(xiàn)僅靠這些并不足以實現(xiàn)目標。在開發(fā)的過程中，我認識到好的開發(fā)方法起著至關重要的作用，只有先做好前期的工作才能少走彎路，高效的達成目標。由于自己的實際經驗不足，在過程中出現(xiàn)不少考慮不周的地方，導致在后期的測試中花費了較多的時間，因此導致比較倉促，所設計的界面比較簡單，主要精力投入在功能的開發(fā)和調試中。盡管如此，系統(tǒng)依舊具有完整的功能和比較友好的界面。

5.1用戶登錄模塊的實現(xiàn)

實現(xiàn)用戶登錄的過程由以下幾個部分組成，第一步是對用戶所輸入的信息進行保存，之后利用ASP.NET程序在數(shù)據庫中檢索是否存在用戶輸入的信息，如果存在則返回正確的結果，否則就返回錯誤的結果。若返回正確結果，則顯示登陸成功，否則將顯示登錄失敗，請重新登錄。在這之中將使用驗證碼技術防止短時間內重復提交登錄請求。在這之中使用了GetDataReader方法，CheckCode驗證。

登錄頁面的頁面效果如圖5-1所示：

圖5-1 用戶登陸 基于Asp.Net的個人博客網站的設計與實現(xiàn)

用戶登錄過程的主要代碼如下：

protected void Button2_Click(object sender, EventArgs e)

{

string sno = TextBox1.Text.Trim();

string pass = TextBox2.Text.Trim();

SqlDataReader dr = data.GetDataReader(“select * from UserInfo where txtUsername='” + sno + “' and txtUserpwd='”+pass+“'”);

if(dr.Read())

{

if(string.Compare(Session[“CheckCode”].ToString(), TextBox3.Text, true)!= 0)//判斷所輸入的驗證碼與系統(tǒng)隨機生成的驗證碼是否相同

{

Label2.Text = “驗證碼錯誤?！?

return;

}

else

{

Session[“User”] = dr[“txtUsername”].ToString();

Session[“UserName”] = TextBox1.Text.Trim();

Response.Redirect(“l(fā)oading.aspx”);

}//將用戶名和密碼與數(shù)據庫中的信息進行比對

}

else

{

Response.Write(“”);

} } 5.2留言板模塊的實現(xiàn)

本博客網站為用戶提供了留言板功能，所用用戶均可在留言板進行留言，博客擁有這在后臺可以查看和刪除留言信息。

留言的頁面效果如圖5-2所示：

圖5-2 用戶留言

留言的主要代碼如下：

protected void Page_Load(object sender, EventArgs e)

{

if(!IsPostBack)//頁面首次加載

{

rptMR.DataSource = data.GetDataReader(“select * from Message”);

rptMR.DataBind();

}

}

protected void btSubmit_Click(object sender, EventArgs e)

{

string sql = “insert into [Message](Name,Message)values('” + tbName.Text + “','” + TextBox1.Text + “')”;

data.RunSql(sql);

Alert.AlertAndRedirect(“感謝您的留言”, “Message.aspx”);

} 下面是留言板的后臺部分，博客擁有者在后臺可以進行查看和刪除留言的操作。

后臺管理留言的效果如圖5-3所示：

圖5-3 管理留言

5.3相冊模塊的實現(xiàn)

相冊模塊主要是對相冊中信息的展示，博客的擁有者可以進行添加相冊、編輯相冊、刪除相冊等操作。

相冊展示列表的實現(xiàn)效果如圖5-4所示：

圖5-4 相冊信息列表

主要的代碼如下： private void GetListPage()

{

try

{

DataSet ds = new DataSet();

ds = data.GetDs(“select * from Album ”, “Album”);

PagedDataSource objPds = new PagedDataSource();

objPds.DataSource = ds.Tables[0].DefaultView;

objPds.AllowPaging = true;

objPds.PageSize = 6;

int CurPage;

if(Request.QueryString[“Page”]!= null)

CurPage = Convert.ToInt32(Request.QueryString[“Page”]);

else

CurPage = 1;

objPds.CurrentPageIndex = CurPage1);

}

if(!objPds.IsLastPage)

{

hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;

lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);

}

DataList3.DataSource = objPds;

DataList3.DataBind();

}

catch

{

}

}

博客管理者在后臺憑借相冊相關介紹添加的部分可以實現(xiàn)對相冊加入多重介紹，包括相冊的名字，圖片的注釋。添加相冊信息實現(xiàn)的效果如圖5-5所示：

圖5-5 添加相冊信息

主要代碼如下：

protected void Button1_Click(object sender, EventArgs e)

{

string res;

upload up = new upload();

res = up.Up(file1, “../UpLoadImage/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

Image1.ImageUrl = “../UpLoadImage/” + pic.Text;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

string AlbumName = this.txtAlbumName.Text;

string AlbumPic = pic.Text;

data.RunSql(“insert into Album(AlbumName,AlbumPic)values('”+AlbumName+“','”+AlbumPic+“')”);

Alert.AlertAndRedirect(“添加成功”, “MangerAlbum.aspx”);

} 首先我們將采用一個圖片上傳類來對圖片的上傳進行操作，用戶先獲取所要

上傳圖片的路徑信息，之后窩們將都用日期時間對圖片進行重命名，從而避免由于圖片重名而導致無法上傳的問題，然后采用Server.MapPath方法取得圖片將要存放的文件夾路徑，將圖片上傳到該文件夾中，最后將圖片的相對路徑信息保存到數(shù)據庫中。

5.4圖片管理模塊的實現(xiàn)

圖片管理模塊主要包括前臺圖片信息的展示，后臺對圖片信息的添加和管理以及上傳圖片等功能模塊。

圖片展示效果如圖5-6所示：

圖5-6 圖片信息展示

主要實現(xiàn)代碼如下：

private void GetListPage()

{

try

{

DataSet ds = new DataSet();

ds = data.GetDs(“select * from Pic ”, “Pic”);

PagedDataSource objPds = new PagedDataSource();

objPds.DataSource = ds.Tables[0].DefaultView;

objPds.AllowPaging = true;

objPds.PageSize = 6;

int CurPage;

if(Request.QueryString[“Page”]!= null)

CurPage = Convert.ToInt32(Request.QueryString[“Page”]);

else

CurPage = 1;

objPds.CurrentPageIndex = CurPage1);

}

if(!objPds.IsLastPage)

{

hylastpage.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + objPds.PageCount;

lnkNext.NavigateUrl = Request.CurrentExecutionFilePath + “?Page=” + Convert.ToString(CurPage + 1);

}

DataList3.DataSource = objPds;

DataList3.DataBind();

}

catch

{

}

} 在后臺可以實現(xiàn)圖片信息的添加、修改和上傳圖片等功能的操作。上傳圖片界面運行效果如圖5-7所示：

圖5-7 上傳圖片

主要實現(xiàn)代碼如下：

protected void Button1_Click(object sender, EventArgs e){

string res;

upload up = new upload();

res = up.Up(file1, “../UpLoadImage/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

Image1.ImageUrl = “../UpLoadImage/” + pic.Text;

}

protected void btnAdd_Click(object sender, EventArgs e)

{

string imagePath = pic.Text;

int AlbumId = int.Parse(DropDownList1.SelectedValue);

string AlbumName = DropDownList1.SelectedItem.Text;

string ds = this.txtds.Text;

data.RunSql(“insert into Pic(imagePath,AlbumId,AlbumName,ds)values('”+imagePath+“',”+AlbumId+“,'”+AlbumName+“','”+ds+“')”);

Alert.AlertAndRedirect(“添加成功繼續(xù)上傳”, “UpLoadPic.aspx”);}

5.5背景音樂的實現(xiàn)

背景音樂管理模塊包含兩個方面——在后臺添加背景音樂的功能和在前臺讀取背景音樂并且播放的功能。

博主進入后臺后可以電擊背景音樂設置按鈕選定背景音樂，然后上傳到數(shù)據庫中，這樣便成功實現(xiàn)了設置背景音樂。

背景音樂設置效果如圖5-8所示：

圖5-8 背景音樂設置

主要實現(xiàn)代碼如下：

protected void Button3_Click(object sender, EventArgs e)

{

string res;

upload up = new upload();

res = up.Up(file1, “../UserMusic/”);

this.Label1.Visible = true;

this.Label1.Text = up.Resup[Convert.ToInt32(res)];

this.pic.Text = up.s;

}

protected void Button4_Click(object sender, EventArgs e)

{

string sql = “update Music set MusicPath='” + pic.Text + “' ”;

data.RunSql(sql);//將音樂和說明信息上傳數(shù)據庫

Alert.AlertAndRedirect(“上傳背景音樂成功”, “SetMusic.aspx”);

} 這樣數(shù)據庫中便以存儲了背景音樂的路徑和名稱，在前臺登陸后便可以采用微軟自帶的音樂播放器來自動加載和播放背景音樂。

背景音樂的主要代碼如下：

5.6日歷模塊的實現(xiàn)

為了便與檢索文章，我們在博客中加入了日歷模塊，用戶可以點擊日歷模塊上的日期便能夠直接查詢該日期當天所發(fā)布的所有日志信息。其原理是在選擇日期后系統(tǒng)會把所選擇的日期值傳到文章頁面，通過檢索將結果顯示到頁面中。

日歷效果如圖5-9所示：

圖5-9 日歷效果

主要實現(xiàn)代碼如下：

protected void Calendar1_SelectionChanged(object sender, EventArgs e)

{

Response.Redirect(”CalendarArticleList.aspx?addtime=“ + Calendar1.SelectedDate.ToShortDateString());}

DataSet ds = new DataSet();

string sql = ”select * from Article where Addtime = '“ + Request.QueryString[”addtime“].ToString()+ ”'“;

ds = data.GetDs(sql, ”Article");經過一段時間的實際測試證明，該博客網站系統(tǒng)有著較高的穩(wěn)定性，其操作簡單，功能齊全，所采用的技術成熟并且有很好的發(fā)展預期，故本設計基本達到預期。

由于自身的實踐水平不足，導致在后期調試中花費較多時間，因而時間比較倉促，很多地方不夠完善。比如其網站界面不夠美觀，對于一個網站來說，網站的頁面是用戶第一個看到的方面，其給用戶的印象對整個網站來說是至關重要的。

對于一個訪問量較大的網站來說緩存技術的應用也很重要，當網速較慢或者同時在線用戶數(shù)量很大的時候采用緩存技術可以有效的保證用戶的體驗。并且本系統(tǒng)由于沒有采用Ajax技術，導致在后臺添加動態(tài)信息的時候需要刷新，這也影響到了用戶的體驗。憑借對ASP.NET有效的發(fā)揮，以VS2008與SQL2005為平臺進行開發(fā)。從多方面說明了基于DotNet的個人博客網站的設計與實現(xiàn)的可行性。本博客系統(tǒng)的的搜索功能比較簡單，僅能夠按照日志的類別和日期來搜索，在本次設計的編程階段，由于之前所寫過的代碼量不多，編程經驗不足，導致容易出現(xiàn)問題。比如命名空間的錯誤，語法結構的錯誤，支持的瀏覽器的錯誤等問題。在很多細節(jié)的地方出現(xiàn)的錯誤往往導致整個程序無法運行，因此養(yǎng)成良好的編程習慣是至關重要的。只有通過不斷的實踐才能提高實際操作的水平，只有不斷學習成功的案例才能發(fā)現(xiàn)自身的不知。盡管有很多不盡如人意的地方，但是總體來說，所預期的功能基本達到了實現(xiàn)，設計之初的目標已經達成。40 基于Asp.Net的個人博客網站的設計與實現(xiàn)

第六章 總結

經過近三個月的努力，終于完成了這項程序設計及論文的撰寫。設計成品能夠符合我的設計初衷，即為特定年齡層用戶以及博客初次使用者編寫一款簡單方便的個人博客系統(tǒng)。

本系統(tǒng)所實現(xiàn)的具體目標如下：

1、界面簡潔、操作方便：使用完全控件式的頁面布局，上用戶在使用博客時更加簡單方便；用戶在使用博客的一些功能時只需按流程點擊鼠標即可，不存在復雜的操作功能，實現(xiàn)博客易操作的目標；系統(tǒng)風格樸實簡單，避免因花俏繚亂給人以不實之感。

2、即時可見：對博客進行的操作，包括發(fā)布、修改、刪除等，一旦操作成功將立該在系統(tǒng)的相應位置出現(xiàn)，實現(xiàn)系統(tǒng)消息的提交與發(fā)表之間的零時差性。

3、功能完善：本系統(tǒng)包含一般博客系統(tǒng)所具備的三個模塊：一般用戶瀏覽、注冊用戶操作、管理員管理。不僅具備每個博客都有的寫日志、上傳照片、回復留言、修改信息等模塊，甚至后臺管理員可以對管理系統(tǒng)注冊用戶，對用戶發(fā)布的日志、照片、視頻進行審核，違反發(fā)布原則的可以立刻進行刪除。

4、動態(tài)管理：能夠動態(tài)的完成對數(shù)據庫作息的存儲、搜索、修改等操作，實現(xiàn)對系統(tǒng)的動態(tài)管理。

在查閱了大量的書籍資料后，將書本上的理論知識同我制定的基本目標與功能想結合，設計出一套理想的實施方案。這樣不但將以前所學過的知識進行了鞏固，而且為今后從事軟件開發(fā)工作做好準備。

本系統(tǒng)的界面采用簡潔清爽的風格，系統(tǒng)功能讓人一目了然，操作簡單易上手。在系統(tǒng)功能實現(xiàn)方面主要使用ASP.NET、SQL Server 2005 數(shù)據庫等開發(fā)技術。在設計早期由于對一些知識有些欠缺，在老師的幫助下參考有關書籍、解答相關疑問、糾正設計錯誤等，使我能夠順利的完成程序的設計。

經過這幾個月的學習，我現(xiàn)在已經基本掌握了ASP.NET、SQL Server 2005、C#等網站開發(fā)技術，完成了從入門到運用的階段跨越。除此之外，在程序設計過程中我還學會了做事要態(tài)度嚴謹、心思細膩，不然在過程中出現(xiàn)任何一個微小的錯誤都可能造成最后失敗的結果。

由于時間和能力有所限，本系統(tǒng)必然不是完美的，程序和論文都存在不足之處。我今后將會更加努力學習軟件開發(fā)方面的知識，爭取將這個設計盡可能的改進完善。

參考文獻

[1]Roger S.Pressman.軟件工程實踐者的研究方法（英文版第4版）[M].機械工業(yè)出版社.1999.[2]American Microsoft.Microsoft SQL Server 2000 數(shù)據庫編程（第一版）[M].北京:希望電子出版社.2001.[3]李海龍.SQL Server 2000 圖解教程（第一版）[M].北京:希望電子出版社.2001.[4]李香敏.SQL Server 2000 編程員指南（第一版）[M]..北京:希望電子出版社.2000.[5]Michael Lee Rick Sawtell.MCSE:SQL Server Administration 考試指南（英文原版）[M].電子工業(yè)出版社.1999.[6]JD UIlman and JWidom.A first course in databasr systems[M].北京:清華大學出版社.1997.[7]Andrew.M.Fedorchek.SQL Server核心技術精解.中國水利水電出版社.2000.[8]Steve Adrien Deluca.SQL Server 7性能優(yōu)化[M].機械工業(yè)出版社.2000.[9]范盛榮.Visual C#2008控件使用范例詳解[M].北京:清華大學出版社.2009.[10]黃國平.使用開發(fā)參考大全 C#[M].電子工業(yè)出版社.2008.[11]沈士根.Web程序設計——ASP.NET實用網站開發(fā)[M].北京:清華大學出版社.2009.[12]劉乃麗.精通ASP.NET 2.0+SQL Sever 2000 項目開發(fā)[M].北京:人民郵電出版社.2007.[13]Hewardt.Advanced dot NET Debugging.[M].Addison-Wesley.2010.[14]郭興峰.ASP.NET 動態(tài)網站開發(fā)基礎教程(C#篇)[M].清華大學出版社.2006 [15]陳惠貞.陳俊榮.ASP.NET程序設計[M].機械工業(yè)出版社.2006.42

致謝

在畢業(yè)設計期間，老師們認真負責的工作態(tài)度、客觀嚴謹?shù)闹螌W精神、深厚扎實的理論知識和為人師表的道德風范都給我留下了深刻的印象，這些都是值得我用一生學習的寶貴財富。

在本次畢業(yè)設計的過程中，我鞏固了大學中所學的理論知識，提高了時間能力，通過XX老師的悉心指導我成功的將自己所學的理論知識同實際需要有機結合起來，在完成設計的過程中我獨立調研，全面分析，系統(tǒng)的靈活的運用理論知識解決了很多實際問題，并且在這個過程中發(fā)現(xiàn)自身的不足，從而使自己的整體理論水平進一步提高。與此同時，老師們嚴謹?shù)闹螌W精神，認真的工作態(tài)度也深深的感染了我，我將在今后的工作學習中以此為楷模不斷進取。

在此，我向給予了我巨大幫助的各位老師們和同學們致以深深的感謝與敬意，在你們的幫助下我才能取得今天的成績。與此同時，謹向審稿的老師們致以衷心的感謝！

第五篇：企業(yè)電子商務網站的設計與實現(xiàn)

《企業(yè)電子商務網站的設計與實現(xiàn)》開題報告

一、文獻綜述

隨著網絡的普及與發(fā)展，企業(yè)在Internet上擁有自己的網站是必然趨勢，網上主頁不僅成為企業(yè)宣傳產品和服務的窗口，也是樹立企業(yè)形象的前沿。企業(yè)借助上網、運用電子商務手段改善經營、開拓市場、提高企業(yè)競爭力，已被公認是一種成本最底而效率最高的方式。它將為我們傳統(tǒng)的經營方式帶來革命性的變化。

本文介紹的主要內容就是企業(yè)電子商務（Electronic Commerce），是指實現(xiàn)整個貿易過程中各階段的貿易活動的電子化。它是一種交易的各方以電子交易方式而不是通過當面交換或直接面談的方式進行任何形似的商業(yè)交易，是一種多技術的集合體，包括交換數(shù)據（如電子數(shù)據交換、電子郵件）、獲得數(shù)據（共享數(shù)據庫、電子公告牌）等等。電子商務涵蓋的業(yè)務包括：信息交換、售前售后服務（提供產品和服務的細節(jié)、產品使用技術指南、回答顧客意見）、銷售、電子支付（使用電子資金轉帳、信用卡、電子支票、電子現(xiàn)金）、運輸、組建虛擬企業(yè)（組建一個物理上不存在的企業(yè)，集中一批獨立的中小公司的權限，提供比任何單獨公司多的多的產品和服務）、公司和貿易伙伴可以共同擁有和運營共享的商業(yè)方法等等?？偠灾?，電子商務是利用現(xiàn)有的計算機硬件設備、軟件和網絡基礎設施，通過一定的協(xié)議連接起來的電子網絡環(huán)境進行各種各樣商務活動的方式。我們在這里建立的就是一個虛擬的電子商務企業(yè)。主要實現(xiàn)的是通過網絡技術實現(xiàn)貿易的電子化。

1.企業(yè)電子商務的建設意義

當今的大多數(shù)企業(yè)已經在互聯(lián)網上建立了自己的網站，企業(yè)通過互聯(lián)網對自己的商品進行宣傳和產品展示，對企業(yè)的品牌提高和顧客對企業(yè)的產品了解有一定的促進作用。但是，僅僅通過企業(yè)網站對自己進行宣傳是不夠的，網站建設需要同電子商務緊密結合，才能最好的體現(xiàn)網站的價值，體現(xiàn)網絡的作用。

企業(yè)的經營的基本原則是：滿足顧客的需求，為企業(yè)盈利。企業(yè)的目標在于向顧客提供服務。而電子商務是一個很好的事業(yè)契機，通過它，企業(yè)能夠實現(xiàn)全國化與全球化經營戰(zhàn)略，通過網絡建立戰(zhàn)略性的資源外包聯(lián)盟，與其他組織形成電子伙伴關系，原來復雜的工作現(xiàn)在只需要按幾下鼠標就能在國際互聯(lián)網上逐一地拓展出幾百萬個潛在的客戶。

因此，電子商務網站是實現(xiàn)改善經營管理、開拓市場、提高企業(yè)競爭力的一種變革創(chuàng)新。企業(yè)的電子商務網站建設應站在一個更高的角度景象規(guī)劃與設計。

2.JSP語言簡介

JSP(Java Server Pages)是由Sun Microsystems公司倡導、許多公司參與一起建立的一種動態(tài)網頁技術標準。JSP技術有點類似ASP技術，它是在傳統(tǒng)的網頁HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP標記(tag)，從而形成JSP文件(*.jsp)。

JSP頁面由HTML代碼和嵌入其中Java代碼所組成。JSP是在服務器端執(zhí)行的，Web服務器在遇到訪問JSP網頁的請求時，服務器接收到客戶端地請求以后對這些Java代碼進行處理，這些插入的Java程序段可以操作數(shù)據庫、重新定向網頁等，以實現(xiàn)建立動態(tài)網頁所需要的功能。然后服務器將生成的HTML頁面返回給客戶端的瀏覽器，因此客戶端只要有瀏覽器就能瀏覽。用JSP開發(fā)地Web應用是跨平臺地，既能在Windows操作系統(tǒng)下運行，也可以在其他操作系統(tǒng)中運行。

JSP技術在多個方面加速了動態(tài)Web頁面地開發(fā)，這些方面包括：將內容地生成和顯示進行分離，強調可重用的組件，采用標識簡化頁面開發(fā)。

（1）內容的生成和顯示分離：使用JSP技術，Web頁面開發(fā)人員可以使用HTML或者XML標識來設計和格式化最終頁面。使用JSP標識或者小腳本來生成頁面上的動態(tài)內容（內容是根據請求來變化的，例如請求帳戶信息或者特定的一瓶酒的價格）。生成內容的邏輯被封裝在標識和JavaBeans組件中，并且捆綁在小腳本中，所有的腳本在服務器端運行。如果核心邏輯被封裝在標識和Beans中，那么其他人，如Web管理人員和頁面設計者，能夠編輯和使用JSP頁面，而不影響內容的生成。在服務器端，JSP引擎解釋JSP標識和小腳本，生成所請求的內容（例如，通過訪問JavaBeans組件，使用JDBCTM技術訪問數(shù)據庫，或者包含文件），并且將結果以HTML（或者XML）頁面的形式發(fā)送回瀏覽器。這有助于作者保護自己的代碼，而又保證任何基于HTML的Web瀏覽器的完全可用性

（2）強調可重用的組件：絕大多數(shù)JSP頁面依賴于可重用的，跨平臺的組件（JavaBeans或者Enterprise JavaBeansTM組件）來執(zhí)行應用程序所要求的更為復雜的處理。開發(fā)人員能夠共享和交換執(zhí)行普通操作的組件，或者使得這些組件為更多的使用者或者客戶團體所使用?；诮M件的方法加速了總體開發(fā)過程，并且使得各種組織在他們現(xiàn)有的技能和優(yōu)化結果的開發(fā)努力中得到平衡。

(3)采用標識簡化頁面開發(fā)：通過開發(fā)定制化標識庫，JSP技術是可以擴展的。JSP技術很容易整合到多種應用體系結構中，以利用現(xiàn)存的工具和技巧，并且擴展到能夠支持企業(yè)級的分布式應用。作為采用Java技術家族的一部分，以及Java 2（企業(yè)版體系結構）的一個組成部分，JSP技術能夠支持高度復雜的基于Web的應用。由于JSP頁面的內置腳本語言是基于Java編程語言的，而且所有的JSP頁面都被編譯成為Java Servlet，JSP頁面就具有Java技術的所有好

處，包括健壯的存儲管理和安全性。作為Java平臺的一部分，JSP擁有Java編程語言“一次編寫，各處運行”的特點。隨著越來越多的供應商將JSP支持添加到他們的產品中，您可以使用自己所選擇的服務器和工具，更改工具或服務器并不影響當前的應用。當與Java 2平臺，企業(yè)版(J2EE)和Enterprise JavaBean技術整合時，JSP頁面將提供企業(yè)級的擴展性和性能，這對于在虛擬企業(yè)中部署基于Web的應用是必需的。

3.開發(fā)及運行環(huán)境

操作系統(tǒng)：Windows XP

數(shù)據庫：SQL Server 2000

開發(fā)工具包：JDK 1.6.0_06

JSP服務器及開發(fā)工具：Tomcat 6.0及Dreamweaver 8

網頁制作工具：Dreamweaver

8、Firework 8

瀏覽器：IE 5.0 及以上版本，推薦使用IE6.0

顯示器屏幕分辨率：最佳效果1024*768

二、論文提綱

摘要

（一）系統(tǒng)分析

1、系統(tǒng)目標

2、系統(tǒng)的主要功能

3、可行性分析

4、數(shù)據庫需求分析

（二）總體設計

1、系統(tǒng)設計原則

2、系統(tǒng)設計目標

3、系統(tǒng)設計

（三）系統(tǒng)詳細設計

1、模塊設計

2、網站所完成的內容與結構

（四）系統(tǒng)功能模塊的實現(xiàn)

1、JSP連接SQL Server2000的簡單方法

2、網站的設計與實現(xiàn)

（五）數(shù)據庫設計

（六）CSS網站布局

（七）結論

三、參考文獻

[1] Vovek·Chopra.JSP程序教程[M].北京，人民郵電出版社.2006

[2] 余杰.JSP動態(tài)網站建設[M].北京，國防工業(yè)出版社.2002

[3] Eric A.Meyer.CSS權威指南 [M].北京，中國電力出版.2001

[4]李超.CSS網站布局實錄[M].北京，科學出版社.2006

[5] 博嘉科技.JSP與網站開發(fā)編程實戰(zhàn)[M].北京，科學出版社.2001

[6] 林建宏.賴慧敏, Dreamweaver8和JSP動態(tài)網站開發(fā)[M].北京，機械工業(yè)出版社.2007

[7] 汪孝宜.劉中兵，徐佳晶.JSP數(shù)據庫開發(fā)實例精粹[M].北京，電子工業(yè)出版社.2005

[8] 李偉紅.SQL Server2000數(shù)據庫及應用[M].北京，中國水利水電出版社.2007

[9] 趙松濤 吳維元.SQL Server2000系統(tǒng)管理實錄[M].北京，電子工業(yè)出版社.2006

[10]薩爾瑪?shù)?電子商務網站開發(fā)指南[M].北京，清華大學出版社.2004

[11]何文華 李萍.SQL Server2000應用開發(fā)教程[M].北京，電子工業(yè)出版社.2004

[12]前沿科技/曾順.精通CSS+DIV 網頁樣式與布局[M].北京，人民郵電出版社.2007

[13]Fred Barwell.Richard Blair.VB.NET高級編程[M].北京，清華大學.2002

[14]申時凱，王亞寧.VB.NET程序設計[M].重慶，西南師范大學出版社.2006