個人網站實訓報告-aspNET 動態(tài)網站設計

《網站開發(fā)技術》實訓報告學生姓名：

學號：學專題

院：業(yè)：目：

計算機應技術asp.NET動態(tài)網站設計——個人網站指導教師：2011年12月

目次1引.........................................................................................1．1web述...............................................................................1.1.1web介..........................................................................1.2網站介紹.................................................................................2需析.....................................................................................2．1術可行.............................................................................2.2濟可行..............................................................................2.3會可行..............................................................................3個站設計分.............................................................................3．1設網站的目的及要...................................................................3．2能劃分..............................................................................3.3功述..............................................................................3.3.1..............................................................................3.3.2言板............................................................................3.3.3..............................................................................3.3.4..............................................................................3.3.5于我............................................................................3．4面組織和數(shù)據(jù)庫設...................................................................4數(shù)設計...................................................................................4．1據(jù)庫概念設計.........................................................................4．2據(jù)庫表設...........................................................................4.2.1人基本信息表....................................................................4.2.2言表............................................................................4.2.3冊表............................................................................4.2.4片表............................................................................4.2.5志表............................................................................4．3接數(shù)據(jù).............................................................................5網計.....................................................................................5．1能流程.............................................................................5．2面設計..............................................................................5.2.1人主頁..........................................................................5.2.2言板............................................................................5.2.3..............................................................................5.2.4..............................................................................5.2.5個人...........................................................................6代計.....................................................................................6.1日....................................................................................結論..........................................................................................致謝..........................................................................................

1

引言在科學技術飛速發(fā)展的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻擋的革命。目前，我國上網的人口已近一個億，成立世界上網民最多的國家，許多人在需要查詢信息，首先想到的就是上網。網站的迷人之處在于綜合使用文本、圖象、聲音、動畫和視頻的信息和內容，具有豐富的多媒體表現(xiàn)與互動特點，無可置疑，網站已成為最吸引人的也最有效的信息傳遞手段和方式。隨著網絡技術的發(fā)展，各類網站紛紛出現(xiàn)。個人網站也成為了一種時尚。越來越多的人希望擁有自己的網站，開辟網絡世界的一片天地，展示自己的才華和風格。1web概述1.1.1web簡介Web(WorldWide，簡稱WWW，又稱萬維網)是目前Internet上應用最廣泛也是最重要的信息服務類型，它的影響已經進入了Internet上的廣告、新聞、電子商務和展示信息等各個服務領域。在信息技術領域中，Web術幾乎匯集了當前信息處理的所有技術手段，以求最大限度地滿足人性化的特點。界面五顏六色，既有文字、彩圖、動畫、聲音、視頻和一些相關信息或目錄摘要，還可根據(jù)需要進入你想去的任何地方。只要你愿意或是你能想到的服務，Web幾乎都能實現(xiàn)。1.2站紹個人網站強調展示個人風采、優(yōu)點與特色，可以通過基本信息了解我，也可以了解到我發(fā)布的個人的心情個人日志以及所想要分享的圖片信息瀏覽者可以根據(jù)需要上傳相關信息的圖片還可以根據(jù)個人感想進行留言或對留言進行回復以及并且。因此我將自己的個人網站分為五個欄目，分別是主頁、關于我、相冊、日志、留言版。2

需求分析2技可性網站的開發(fā)工具選擇了。ASP.NET完全基于模塊與組件，具有更好的可

擴展性與可定制性數(shù)據(jù)處理方面更是引入了許多激動人心的新技術這些具有革新意義的新特性提供給Web開更好的靈活性，有效的縮短了Web應用程序的開發(fā)周期。網站的數(shù)據(jù)庫系統(tǒng)采用的是server管理和開發(fā)入手都比較方便，性價比較高并且和.Net集成效果的更好，很合適用于應用的后臺數(shù)據(jù)庫。這些都是當前普遍采用確實可行的技術因此系統(tǒng)的開發(fā)具有很高的技術可行性。2.2

經可性1.系統(tǒng)的投入費用：大部分電腦及硬件設備已經符合要求，無需增加新的投入。系統(tǒng)的益分析人網站不追求經濟利益是來了巨大的工作效率一個角度看，提升了工作效率也就帶來了巨大的效益。2.3

社可性作為學校最外的窗口個人網站成為每個人的標準配置已成為提高學校品牌形象的重要內容。3

個人網站設分析3架網的的要通常情況架設個人網站主要是為了通過互聯(lián)網表達個人在商科交際、生活等方面的信息需求或者進行信息的交流，具有較強的目的性，我的個人網站一般體現(xiàn)在：為了展示自己的風采，讓大家和我一起分享我的心得與經驗，讓和我有共同愛好的朋友有一個傾訴的地方。3功劃網站設計有信息更新，瀏覽者可以在首頁瀏覽自己喜歡的信息，并且可以在留言板和大家交流，也可以對相冊進行刪除、添加、修改。站內的其它頁面均是我自己的精心收藏，與大家一起分享。3.3

功描

個人信息留言板用戶

瀏覽相冊日志圖3.1用流程圖采用模塊化自頂向下的基本思想網站的設計思想為基礎對網站功能進行細化。說明如下：3.3.1主頁嵌入母版頁，使用在本站首頁顯示今日最新動態(tài)，供瀏覽者瀏覽及快速進入想要瀏覽頁面。3.3.2留言板一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通3.3.3日志在其中展示我喜愛的東西，包括我的日記、精品文章、社會文化和一些雜七雜八的文章。奇文共欣賞，疑義相與析。我只想起到拋磚引玉的作用，讓大家從中認識我和了解我，讓一些美好的東西我們大家共同來欣賞。3.3.4相冊在其中展示漂亮的圖片，包括我的照片、我的同學、風景照片、妹眉帥哥欄目。讓大家一起來欣賞人物、風景風采。并且可以對相冊進行添加、刪除、修改。以及照片的上傳、刪除。

3.3.5關于我在其中展示我的個人信息，包括我的照片、我的姓名、我的愛好等。讓大家一覽我的基本信息，以及個人性格特點。3頁組和據(jù)設在明確了我的個人網站的風格和定位后，就是網站的材料組織以及網站的頁面設計和數(shù)據(jù)庫設計建立一個網站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網站結構不清晰，目錄龐雜，內容東一塊西一塊。結果不但瀏覽者看得糊涂，自己擴充和維護網站也相當困難。網站的題材確定后，并且收集和組織了許多相關的資料內但如何組織內容才能吸引網友們來瀏覽網站呢？欄目的實質是一個網站的大綱索引，索引應該將網站的主體明確顯示出來。4

數(shù)據(jù)庫設計4數(shù)庫念計在此網站中提供了個人主頁、相冊、留言板、日志、等項目。各實體屬性圖如下所示：頭像

昵稱其他食物人物

用戶

姓名年齡顏色

運動網站圖4.1用戶屬性實體圖

相冊名稱

Id類型

圖片圖4.2用戶屬性實體圖日志草稿

Id標題

內容圖4.3用戶屬性實體圖4數(shù)庫設使用SQLserver實現(xiàn)關系型數(shù)據(jù)庫。4.2.1個人基本信息表存儲了用戶的信息，包括：姓名，性別，密碼，年齡等信息。表4-1表名Aboutme列名nichengsexnianlingsports

colorpersonfoodqitatouxiang數(shù)據(jù)VarcharChaint

VarcharVarcharVarcharVarcharVarcharVarchar

類型(20)r(2)

(30)(30)(30)(30)(30)(30)允許

是

是

是

是

是

是

是

是

是空4.2.2留言表存儲了用戶的檔案包括：留言內容，回復留言其中ID為該表的主關鍵字。表4-2表名列名數(shù)據(jù)類型允許空

Liuyanidint否

留言varchar(50)是

回復varchar(50)是4.2.3相冊表一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。表4-3表名列名數(shù)據(jù)類型允許空

PhotoIdint否

Namevarchar(50)是

Photovarchar(50)是4.2.4照片表集合各個相冊的照片，存放所有照片。表4-4

列名

id

typeimage

photoName數(shù)據(jù)類型允許空

int否

varchar(50)是

varchar(50)是

varchar(50)是4.2.5日志表一篇篇日志記錄了我的每一天的生活，記錄了我的每一天的喜怒哀樂，歡迎各位朋友與我分享這些。表4-5表名列名數(shù)據(jù)類型允許空

logbookIdint否

titlevarchar(50)是

thementext是表4-6表名列名數(shù)據(jù)類型允許空

draftboxIdint否

titlevarchar(50)是

thementext是4連數(shù)庫在上面，我們已經為我們的程序創(chuàng)建了一個數(shù)據(jù)庫，在這里，我們來ASP把程序和數(shù)據(jù)庫連接起來，以后就可以連接到數(shù)據(jù)庫、ASP中顯示數(shù)據(jù)庫中的數(shù)據(jù)以及更復雜的插入、修改和刪除。一起看以下代碼，這就序中常用的連接數(shù)據(jù)庫的代碼<connectionStrings><addname="ConnectionString"connectionString="datasource=.\SQLEXPRESS;AttachDbFilename=|DataDirectory|\Database.mdf;Integratedsecurity=true;userinstance=true"/></connectionStrings>

<%'這是ASP程序的起始setconn=server.createobject("adodb.connection")'在服務器上創(chuàng)建了一個連接數(shù)據(jù)庫的對象connstr="Provider=Microsoft.jet.oledb.4.0;datasource="&server.mappath("data.mdb")'告訴ASP數(shù)據(jù)庫的連接方法以及路徑conn.openconnstr'創(chuàng)建了對象后就用來打開數(shù)據(jù)庫進行連接%>'一切OK了!結束ASP程序5

網站設計網站設計的主要任務是在系統(tǒng)初步設計的基礎上，將設計方案進一步的具體化、條理化和規(guī)范化主要包括系統(tǒng)模塊功能介紹功能模塊詳圖以及主要功能模塊詳細設計三部分。5功流圖個人主頁留言板

相冊

日志

個人信息留言

回復

上傳

刪除

上傳

修改

添加

修改圖4.1功模塊圖5頁設5.2.1個人主頁將個人信息以及，其他最新消息展現(xiàn)在主界面。

5.2.2留言板是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通用SQL語法過濾特定的用戶留言意見，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答見留言結果網頁會自動刷新。同時還具備查看留言和發(fā)表留言兩個功能圖25.2.3日志是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享用ASP對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章。

5.2.4相冊存儲了用戶的信息，包括：姓名，性別，密碼，年齡等信息。圖15.2.5個人信息利用ASP對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。6

圖3代碼設計6.1日志ProtectedvoidDataList1_ItemCommand(objectsource,

System.Web.UI.WebControls.DataListCommandEventArgse){Stringconstr=ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;SqlConnectionconn=newSqlConnection(constr);SqlCommandcom=conn.CreateCommand();stringno;stringtle;stringtme;switch(e.CommandName){case"udo":no=((Label)e.Item.FindControl("Label1")).Text;com.CommandText="select*fromlogbookwhereid='"+no+"'";SqlDataAdapterda=newSqlDataAdapter();da.SelectCommand=com;DataSetds=newDataSet();da.Fill(ds,"logbook");ViewState["id"]=no;tle=ds.Tables["logbook"].Rows[0]["title"].ToString();tme=ds.Tables["logbook"].Rows[0]["theme"].ToString();tle=((TextBox)e.Item.FindControl("TextBox1")).Text;tme=((TextBox)e.Item.FindControl("TextBox2")).Text;com.CommandText="updatelogbooksettitle='"+tle+"',theme='"+tme+"'whereid='"+no+"'";try{conn.Open();com.ExecuteNonQuery();}catch{Response.Write("<script>alert('據(jù)格式出,據(jù)未被更新')</script>");}

finally{conn.Close();}DataList1.EditItemIndex=-1;break;case"return":DataList1.EditItemIndex=-1;break;}databind();}結

論經過老師耐心細致的指同學之間的相互交同時翻閱了大量的學習資料，經過近一段時間的努力，個人網站的設計制作告一段落。