11.1系統(tǒng)功能設計

11.2數(shù)據(jù)庫設計

11.3系統(tǒng)實現(xiàn)

11.4系統(tǒng)運行

本章小結(jié)

訓練任務11.1系統(tǒng)功能設計11.1.1系統(tǒng)功能模塊根據(jù)3.2節(jié)系統(tǒng)分析提出的功能要求，我們設計出如圖11-1所示的系統(tǒng)功能模塊圖。圖11-1系統(tǒng)功能模塊圖11.1.2系統(tǒng)頁面概述

本項目共包括11個頁面，它們均存放在second文件夾下。其中：

(1)?MasterPage.master：網(wǎng)站的母版頁。

(2)?register.aspx：新用戶注冊頁面。

(3)?login.aspx：用戶登錄頁面。

(4)?index.aspx：主頁，默認顯示所有二手物品的信息。

(5)?changePwd.aspx：更改密碼頁面。

(6)?putinfo.aspx：發(fā)布新的二手物品信息頁面。

(7)?detailsinfo.aspx：查看某條記錄的詳細信息。

(8)?manageinfo.aspx：信息維護頁面。

(9)?manageinfodetails.aspx：信息維護-修改信息頁面。

(10)?searchinfo.aspx：查詢信息頁面。

(11)?searchinfodetails.aspx：查看查詢到的某條記錄的詳細信息。11.2數(shù)?據(jù)?庫?設?計11.2.1productinfo表結(jié)構(gòu)設計在第3章中已經(jīng)對數(shù)據(jù)庫設計的需求分析做了詳細的說明，本節(jié)不再贅述，這里只對原來的發(fā)布信息表info做一下修改，即用表productinfo(見表11-1)替換。11.2.2向表中添加數(shù)據(jù)

我們需要向表Catalogs和表userrole中添加數(shù)據(jù)，因為這兩個表的數(shù)據(jù)不通過程序編輯，其他的表可以在程序里維護。圖11-2和圖11-3所示為兩表中的數(shù)據(jù)。圖11-2表Catalogs中的數(shù)據(jù)圖11-3表userrole中的數(shù)據(jù)11.2.3添加存儲過程

為了完成本項目，還需要為數(shù)據(jù)庫添加一些存儲過程，使用存儲過程可以把對數(shù)據(jù)的訪問放到數(shù)據(jù)庫服務器中處理，而且在以后需要維護時，只需要修改SqlServer即可，不需要再修改程序。使用存儲過程可以起到高效和易維護的作用。

(2)?PutInfo：發(fā)布新信息用到的存儲過程。代碼如下：

CREATEPROCEDUREPutInfo

@titlechar(100),

@namechar(100),

@classnchar(20),

@jyxzbit,

@pricechar(10),

@newbit,

@fapiaobit,

@tihuobit,

@contentnvarchar(1000),

@putmanchar(20)

AS

insertintoproductinfo

(title,[name],class,jyxz,price,new,fapiao,tihuo,content,putman)

values

(@title,@name,@class,@jyxz,@price,@new,@fapiao,

@tihuo,@content,@putman)

GO

(3)?UpdateInfo：修改物品信息用到的存儲過程。代碼如下：

CREATEPROCEDUREUpdateInfo

@IDint,

@titlechar(100),

@namechar(100),

@classnchar(20),

@jyxzbit,

@pricechar(10),

@newbit,

@fapiaobit,

@tihuobit,

@contentnvarchar(1000)

AS

updateproductinfo

settitle=@title,[name]=@name,class=@class,jyxz=@jyxz, price=@price,new=@new,

fapiao=@fapiao,tihuo=@tihuo,content=@content

where[ID]=@ID

GO11.3系統(tǒng)實現(xiàn)11.3.1母版頁(MasterPage.master)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“母版頁”，命名為MasterPage.master，如圖11-4所示。圖11-4添加母版頁

(2)母版頁的結(jié)構(gòu)分成四個部分，如圖11-5所示，在頁面中按照如下的代碼設計母版頁，設計完的頁面效果如圖11-6所示。圖11-5母版頁的結(jié)構(gòu)圖11-6設計完的頁面效果

(3)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“站點地圖”，命名為Web.sitemap(見圖11-7)。在打開的Web.sitemap中添加如下代碼：圖11-7添加Web.sitemap

(4)為MasterPage.master添加PageLoad事件，以使頁面在裝載的時候可以加載不同權(quán)限用戶的功能。該事件的代碼如下：

(5)為TreeView1控件添加SelectedNodeChanged事件，當點擊“注銷”時，可以實現(xiàn)用戶注銷功能。代碼如下：11.3.2新用戶注冊頁面(register.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為register.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件并按圖11-8布置。圖11-8register.aspx頁面控件布置圖

(3)各控件的屬性設置如表11-2所示。

(4)為Button1(注冊新用戶)按鈕添加Button1_Click事件，通過調(diào)用CreateNewUser存儲過程完成新用戶的注冊，代碼如下：11.3.3登錄頁面(login.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，將其命名為login.aspx。

(2)為頁面添加控件，并按照圖11-9布置控件。圖11-9login.aspx頁面控件布置

(3)各控件的屬性設置如表11-3所示。

(4)為“登錄”按鈕添加LinkButton2_Click事件，使注冊用戶在輸入正確的用戶名和密碼后能夠登錄系統(tǒng)。代碼如下：

(5)為“游客瀏覽”按鈕添加LinkButton3_Click事件，使得非注冊用戶能夠瀏覽信息。代碼如下：

protectedvoidLinkButton3_Click(objectsender,EventArgse)

{

Session[“UserName”]=“未注冊用戶”;

Session[“UserType”]=“0”;

Response.Redirect(“index.aspx”,true);

}11.3.4更改密碼頁面(changePwd.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為changePwd.aspx，選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-10布置。圖11-10changePwd.aspx頁面控件布置圖

(3)各控件的屬性設置如表11-4所示。

(4)為頁面加載事件Page_Load添加代碼，保證用戶在打開修改密碼頁面前已經(jīng)登錄成功(下面還有幾個頁面用到這段代碼，將不再贅述)。代碼如下：

(5)為修改密碼按鈕添加Button1_Click事件，單擊該按鈕時，將調(diào)用UpdateUserPwd存儲過程完成密碼修改功能。代碼如下：11.3.5發(fā)布二手物品信息頁面(putinfo.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為putinfo.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-11布置。圖11-11putinfo.aspx控件布置圖

(3)各控件的屬性設置如表11-5所示。

(4)配置SqlDataSource1，使之可被myclass控件綁定。下面給出配置完成后生成的代碼，具體步驟請參閱第7章的內(nèi)容(下同)。

<asp:SqlDataSourceID=“SqlDataSource1”runat=“server”

ConnectionString=“<%$

ConnectionStrings:second%>”

SelectCommand=“SELECT[class]FROM[Catalogs]”>

</asp:SqlDataSource>

(5)為“發(fā)布新信息”按鈕添加Click事件代碼，該代碼將通過調(diào)用PutInfo存儲過程完成二手物品信息發(fā)布工作。代碼如下：

(6)為頁面加載事件Page_Load添加代碼，代碼如11.3.4節(jié)第(4)步所示。11.3.6主頁(index.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為index.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-12布置。圖11-12index.aspx頁面的控件布置圖

(3)該頁面主要通過一個GridView控件和SqlDataSource控件進行綁定，用來顯示二手物品信息表中的記錄，所以只需對這兩個控件配置即可，具體配置步驟請參閱第8章的內(nèi)容，這里只給出生成的源代碼。

(4)由于jyxz字段為bit類型，因此需要為GridView添加GridView1_RowDataBound事件代碼，使之在顯示時可以顯示為“求購”和“轉(zhuǎn)讓”，而不是顯示為0或1。代碼如下：11.3.7查看詳細信息頁面(detailsinfo.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為detailsinfo.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-13進行布置。圖11-13detailsinfo.aspx頁面的控件布置圖

(3)該頁面主要通過一個DetailsView控件和SqlDataSource控件進行綁定，用來在index.aspx中單擊“詳細信息”時，顯示該記錄的具體信息。注意：在index.aspx頁面中為“詳細信息”按鈕生成的代碼“DataNavigateUrlFormatString="detailsinfo.aspx?ID={0}”很重要，detailsinfo.aspx頁面正是通過index.aspx頁面?zhèn)鱽淼腎D值來顯示具體信息的。下面給出這兩個控件的配置源代碼，具體配置步驟請參閱第9章的內(nèi)容。

(4)轉(zhuǎn)換bit數(shù)據(jù)類型字段的顯示方式，并添加DetailsView1_DataBound事件代碼。代碼如下：11.3.8信息維護頁面(manageinfo.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打勾，將其命名為manageinfo.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-14進行布置。圖11-14manageinfo.aspx頁面的控件布置圖

(3)該頁面主要通過一個GridView控件和SqlDataSource控件進行綁定，用來顯示當前登錄用戶所發(fā)布的二手物品信息，所以只需對這兩個控件進行配置，具體配置步驟請參閱第8章的內(nèi)容，這里只給出生成的源代碼。

(4)為頁面加載事件Page_Load添加代碼，代碼如11.3.4節(jié)第(4)步所示。11.3.9信息維護-修改信息頁面(manageinfodetails.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為manageinfodetails.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-15進行布置。圖11-15manageinfodetails.aspx頁面的控件布置圖

(3)該頁面主要通過一個DetailsView控件和SqlDataSource控件進行綁定，用來在manageinfo.aspx中單擊“編輯”按鈕時編輯該記錄的具體信息。注意：在index.aspx頁面中為“編輯”按鈕生成的代碼“DataNavigateUrlFormatString="manageinfodetails.aspx?ID={0}”很重要，manageinfodetails.aspx頁面正是通過manageinfo.aspx頁面?zhèn)鱽淼腎D值來編輯具體信息的。下面給出這兩個控件的配置源代碼，具體配置步驟請參閱第9章的內(nèi)容。

(4)為頁面加載事件Page_Load添加代碼，代碼如11.3.4節(jié)第(4)步所示。

(5)轉(zhuǎn)換bit數(shù)據(jù)類型字段的顯示方式，添加DetailsView1_DataBound事件代碼，如11.3.7第(4)步所示。11.3.10查詢信息頁面(searchinfo.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打勾，將其命名為searchinfo.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-16進行布置。圖11-16searchinfo.aspx頁面控件布置圖

(3)各個控件的屬性設置如表11-6所示。

(4)該頁面主要通過一個GridView控件和SqlDataSource控件進行綁定，用來顯示查詢到的二手物品信息，所以只需對這兩個控件配置即可，具體配置步驟請參閱第8章的內(nèi)容，這里只給出生成的源代碼。

(5)由于jyxz字段為bit類型，因此需要為GridView添加GridView1_RowDataBound事件代碼，使之在顯示時可以顯示為“求購”和“轉(zhuǎn)讓”，而不是顯示為0或1。代碼如下：

(6)為ImageButton1控件添加Click事件，使得用戶在單擊該按鈕時可以實現(xiàn)查詢。其代碼如下：

protectedvoidImageButton1_Click(objectsender, ImageClickEventArgse)

{

SqlDataSource2.DataBind();

}11.3.11查看詳細查詢信息頁面(searchinfodetails.aspx)的實現(xiàn)

(1)在“解決方案資源管理器”中右擊網(wǎng)站“second”，在彈出的快捷菜單中選擇添加新項，在彈出的對話框中選擇“Web頁面”，并在“選擇母版頁”前面打鉤，將其命名為searchinfodetails.aspx。選擇的母版頁為MasterPage.master。

(2)在Content頁面中添加控件，并按圖11-17進行布置。圖11-17searchinfodetails.aspx頁面控件布置圖

(3)該頁面主要通過一個DetailsView控件和SqlDataSource控件進行綁定，用來在searchinfo.aspx中單擊“詳細信息”時顯示該記錄的具體信息。注意：在searchinfo.aspx頁面中為“詳細信息”按鈕生成的代碼“DataNavigateUrlFormatString="searchinfodetails.aspx?ID={0}”很重要，searchinfodetails.aspx頁面正是通過searchinfo.aspx頁面?zhèn)鱽淼腎D值來顯示具體信息的。下面給出這兩個控件的配置源代碼，具體配置步驟請參閱第9章的內(nèi)容。

(4)轉(zhuǎn)換bit數(shù)據(jù)類型字段的顯示方式，添加DetailsView1_DataBound事件代碼，具體代碼見11.3.7節(jié)。11.4系統(tǒng)運行到此為止，所有的頁面均已經(jīng)設置完成，下面演示系統(tǒng)運行時的結(jié)果。在“解決方案資源管理器”中右鍵點擊login.aspx，在彈出的菜單中選擇“設為起始頁”選項，使得網(wǎng)頁運行總是從login.aspx開始，如圖11-18所示。圖11-18將login.aspx設為起始頁

(1)按F5鍵運行，打開login.aspx頁面，在頁面中單擊“注冊”，首先注冊一個新用戶，如圖11-19和圖11-20所示。圖11-19login.aspx的頁面效果圖11-20注冊新用戶

(2)回到登錄界面，輸入剛剛注冊成功的用戶名和密碼，點擊“登錄”按鈕可以進入index.aspx頁面，如圖11-21所示。

(3)選擇某條記錄，點擊詳細信息，進入detailsinfo.aspx頁面，如圖11-22所示。

(4)點擊