3.1項(xiàng)目背景

3.2系統(tǒng)分析

3.3數(shù)據(jù)庫設(shè)計(jì)

3.4系統(tǒng)實(shí)現(xiàn)

3.5系統(tǒng)運(yùn)行

本章小結(jié)

訓(xùn)練任務(wù)3.1項(xiàng)目背景高校學(xué)生在每年畢業(yè)的時(shí)候都會(huì)將大量的物品賣給廢品收購站，其中有很多有價(jià)值的書本、小電器或者日用品等。特別是把有些書當(dāng)廢紙賣，一本書只能賣到1、2元的價(jià)格，遠(yuǎn)遠(yuǎn)低于圖書本身的應(yīng)用價(jià)值。為了方便學(xué)生隨時(shí)清理自己不需要的物品，避免資源浪費(fèi)，給大家提供一個(gè)交流二手物品信息的平臺(tái)，本章將給出一個(gè)軟件項(xiàng)目實(shí)例，名為“校園二手物品信息發(fā)布平臺(tái)”。3.2系統(tǒng)分析由項(xiàng)目背景描述可知，本項(xiàng)目的主要功能是：注冊用戶可以在網(wǎng)上發(fā)布信息，非注冊用戶只能瀏覽信息，而不能發(fā)布信息。圍繞此功能，可以把該平臺(tái)劃分為以下幾個(gè)模塊。

1．用戶注冊模塊該模塊實(shí)現(xiàn)新用戶的注冊，并為注冊的用戶分配權(quán)限。權(quán)限主要分為兩類：一類為管理員，主要是審核新注冊用戶的合法性，刪除非法注冊用戶，刪除反動(dòng)、過期的信息等，管理員用戶不能注冊；另一類是普通用戶，可以發(fā)布信息，修改自己的信息，查看自己發(fā)布的信息和刪除自己發(fā)布的信息。

2．用戶登錄模塊

該模塊實(shí)現(xiàn)用戶的登錄，登錄的用戶可根據(jù)其權(quán)限值加載功能菜單，可以根據(jù)菜單實(shí)現(xiàn)相應(yīng)的功能；沒有登錄的用戶只能瀏覽信息而不能發(fā)布信息。

3．信息發(fā)布與維護(hù)模塊

該模塊可以發(fā)布新信息，也可以維護(hù)自己已經(jīng)發(fā)布的信息，包括添加新信息、刪除信息、修改信息等功能，這部分是項(xiàng)目的核心功能之一。

4．信息查詢模塊

該模塊可以根據(jù)各種條件進(jìn)行查詢，如根據(jù)物品的分類查詢，根據(jù)標(biāo)題查詢，根據(jù)物品名稱查詢等，這一部分功能要求具有可以使用條件組合進(jìn)行查詢的特點(diǎn)，并且查詢的效率要比較高。3.3數(shù)?據(jù)?庫?設(shè)?計(jì)3.3.1數(shù)據(jù)庫需求分析根據(jù)上面歸納出的系統(tǒng)所要實(shí)現(xiàn)的功能要求和實(shí)現(xiàn)目標(biāo)，可以列出系統(tǒng)的各個(gè)組成部分的數(shù)據(jù)項(xiàng)和數(shù)據(jù)結(jié)構(gòu)。本書采用的是SQLServer2000數(shù)據(jù)庫，所用到的數(shù)據(jù)庫的名字為second，在數(shù)據(jù)庫中所用到的表有四個(gè)。下面是這四個(gè)表的名字和功能。

(1)?users：用來存儲(chǔ)注冊用戶的信息。

(2)?userrole：用來存儲(chǔ)不同權(quán)限用戶的功能列表。

(3)?info：用來存儲(chǔ)發(fā)布的信息。

(4)?Catalogs：用來存儲(chǔ)二手物品的分類。3.3.2數(shù)據(jù)庫的詳細(xì)設(shè)計(jì)

根據(jù)數(shù)據(jù)庫需求分析得到的結(jié)果，我們創(chuàng)建了四個(gè)表的結(jié)構(gòu)，如表3-1～表3-4所示。3.4系統(tǒng)實(shí)現(xiàn)由于該軟件項(xiàng)目涉及到的知識(shí)點(diǎn)很多，因此在我們未學(xué)習(xí)ASP.NET之前實(shí)現(xiàn)全部功能顯然是不可能的。作為一個(gè)體驗(yàn)式的項(xiàng)目，我們給出了一個(gè)瀏覽物品信息的實(shí)現(xiàn)方法，其他功能將在學(xué)習(xí)完本書的第4～10章后，在第11章中完整實(shí)現(xiàn)。讀者只需要按照本示例的操作步驟即可實(shí)現(xiàn)。3.4.1創(chuàng)建發(fā)布信息(info)表

(1)打開SQLServer企業(yè)管理器，創(chuàng)建數(shù)據(jù)庫second，如圖3-1所示。圖3-1新建數(shù)據(jù)庫second

(2)新建發(fā)布信息表info，如圖3-2所示。

(3)向info表添加若干數(shù)據(jù)，如圖3-3所示。圖3-2新建表info圖3-3向info表添加數(shù)據(jù)3.4.2Web.config文件配置

(1)打開VS.NET2005，新建一個(gè)網(wǎng)站second，如圖3-4所示。

(2)在“解決方案資源管理器”上單擊右鍵，選擇“添加新項(xiàng)”，添加一個(gè)Web.config文件，如圖3-5和圖3-6所示。圖3-4創(chuàng)建新網(wǎng)站second圖3-5添加新項(xiàng)圖3-6添加Web.config文件

(3)在打開的Web.config文件中添加以下代碼：

<connectionStrings>

<addname=“second”

connectionString=“server=localhost;InitialCatalog=second;

IntegratedSecurity=true;”

providerName=“System.Data.SqlClient”/>

</connectionStrings>

刪除文件中的“<connectionStrings/>”，得到如圖3-7所示的文件結(jié)構(gòu)。圖3-7配置好的Web.config文件3.4.3信息列表(Default.aspx)頁面的實(shí)現(xiàn)

(1)打開Default.aspx，并切換到設(shè)計(jì)視圖，選擇菜單欄的“布局”，點(diǎn)擊“插入表”選項(xiàng)，如圖3-8所示。

(2)在“插入表”對(duì)話框中選擇“模板”的默認(rèn)布局，如圖3-9所示。

(3)在“解決方案資源管理器”上單擊右鍵，選擇“新建文件夾”，如圖3-10所示，把文件夾命名為img。圖3-8插入表圖3-9插入布局表的方法圖3-10新建文件夾

(4)在“img”文件夾上單擊右鍵，選擇“添加現(xiàn)有項(xiàng)”，選擇標(biāo)題圖片所在的位置后單擊“添加”，將標(biāo)題文件存放在新創(chuàng)建的“img”文件夾下，如圖3-11和圖3-12所示。

(5)用鼠標(biāo)左鍵選中圖片“banner1.jpg”，直接拖放到布局表上面的一個(gè)單元格，并調(diào)整表格大小，使圖片正好占用整個(gè)單元格，如圖3-13所示。圖3-11增加一個(gè)名為img的文件夾圖3-12找到banner1.jpg圖片圖3-13在頁面上插入圖片

(6)在“工具箱”中選擇“數(shù)據(jù)”節(jié)點(diǎn)下的“SqlDataSource”控件，并將之拖放至Default.aspx設(shè)計(jì)窗口中，如圖3-14所示。

(7)點(diǎn)擊“SqlDataSource”控件的“配置數(shù)據(jù)源”，打開“配置數(shù)據(jù)源”向?qū)?，如圖3-15所示，首先選擇在前面Web.config文件中配置的數(shù)據(jù)源名稱，然后單擊“下一步”，如圖3-16所示。

(8)選擇info表，并在*前面的方框中打鉤，然后點(diǎn)擊“下一步”，如圖3-17所示。圖3-14向頁面添加SqlDataSource控件圖3-15配置數(shù)據(jù)源的設(shè)置圖3-16選擇連接的名稱圖3-17配置Select語句

(9)點(diǎn)擊“測試查詢”按鈕，查看數(shù)據(jù)是否能得到，并且查看是否符合要求，如圖3-18所示。

(10)在“工具箱”中選擇“數(shù)據(jù)”節(jié)點(diǎn)下的“GridView”控件，并將之拖放至Default.aspx設(shè)計(jì)窗口中，將其插入到布局表格的第二個(gè)單元格中，如圖3-19所示。

(11)在GridView1的右邊有個(gè)三角箭頭，單擊三角箭頭展開“GridView任務(wù)”菜單。選擇數(shù)據(jù)源“SqlDataSource1”，并點(diǎn)擊“自動(dòng)套用格式”進(jìn)行設(shè)置，如圖3-20所示。圖3-18測試查詢圖3-19向頁面中添加GridView控件圖3-20自動(dòng)套用格式設(shè)置

(12)在“GridView任務(wù)”菜單中點(diǎn)擊“編輯列”按鈕，設(shè)置各個(gè)字段的屬性，如圖3-21所示。在“選定的字段”列表框中選擇“content”，并將其刪除，其他各個(gè)字段需要修改的名字如表3-5所示。圖3-21編輯字段屬性

(13)用鼠標(biāo)將“GridView1”寬度拖放到和“banner1.jpg”寬度一致，如圖3-22所示，并將屬性窗口中的“Font”中的“Size”屬性選擇為Small，如圖3-23所示。然后按“F5”鍵，得到如圖3-24所示的結(jié)果，首頁制作完成。圖3-22調(diào)整GridView控件的外觀圖3-23GridView1的字體設(shè)置圖3-24Default.aspx頁面的運(yùn)行效果3.4.4物品詳細(xì)信息(infodetails.aspx)頁面的實(shí)現(xiàn)

為了能夠查看每條信息的詳細(xì)情況，我們還需為每個(gè)標(biāo)題制作一個(gè)查看詳細(xì)信息的頁面，并將其命名為infodetails.aspx。

(1)選擇Default.aspx頁面上的GridView1控件，單擊右邊的三角展開菜單，選擇“編輯列”，添加一個(gè)新列，命名為“詳細(xì)信息”。在數(shù)據(jù)屬性中，將DataNavigateUrlFields屬性設(shè)為“ID”，將DataNavigateUrlFormat屬性設(shè)為“infodetails.aspx?ID={0}”，如圖3-25所示。圖3-25添加“詳細(xì)信息”字段

(2)在“解決方案資源管理器”上單擊右鍵，選擇“添加新項(xiàng)”，增加一個(gè)Web窗體，命名為infodetails.aspx，如圖3-26和圖3-27所示。

(3)打開infodetails.aspx，并切換到設(shè)計(jì)視圖，選擇菜單欄的“布局”，單擊“插入表”選項(xiàng)，如圖3-28所示。

(4)在“插入表”對(duì)話框中選擇“模板”的默認(rèn)布局，如圖3-29所示。圖3-26添加新項(xiàng)圖3-27添加infodetails.aspx頁面圖3-28插入表圖3-29插入表模板

(5)用鼠標(biāo)左鍵選中圖片“banner1.jpg”，直接拖放到布局表上面的一個(gè)單元格，并調(diào)整表格大小，使圖片正好占滿整個(gè)單元格，如圖3-30所示。

(6)在“工具箱”中選擇“數(shù)據(jù)”節(jié)點(diǎn)下的“SqlDataSource”控件，并將之拖放至Default.aspx設(shè)計(jì)窗口中，如圖3-31所示。圖3-30向infodetails.aspx頁面中插入圖片圖3-31選擇SqlDataSource控件

(7)點(diǎn)擊“SqlDataSource”控件的“配置數(shù)據(jù)源”(如圖3-32所示)，打開“配置數(shù)據(jù)源”向?qū)?，如圖3-33所示，首先選擇在前面Web.config文件中配置的數(shù)據(jù)源名稱，然后單擊“下一步”。

(8)選擇info表，并在*前面的方框中打鉤，然后點(diǎn)擊“WHERE”按鈕，設(shè)置查詢條件語句(如圖3-34和圖3-35所示)。設(shè)置完畢后，回到配置Select語句窗口，單擊“下一步”。圖3-32配置數(shù)據(jù)源的設(shè)置圖3-33選擇連接的名稱圖3-34配置Select語句圖3-35配置WHERE語句

(9)配置數(shù)據(jù)源完畢后，在“工具箱”中選擇“數(shù)據(jù)”節(jié)點(diǎn)下的DetailsView1控件，并將之拖放至Default.aspx設(shè)計(jì)窗口中，將其插入到布局表格的第二個(gè)單元格內(nèi)，如圖3-36所示。

(10)在DetailsView1的右邊有個(gè)三角箭頭，單擊三角箭頭展開“DetailsView任務(wù)”菜單。選擇數(shù)據(jù)源“SqlDataSource1”，并點(diǎn)擊“自動(dòng)套用格式”進(jìn)行設(shè)置，如圖3-37所示。圖3-36編輯DetailsView控件圖3-37“自動(dòng)套用格式”設(shè)置

(11)在圖3-36中點(diǎn)擊“編輯字段”按鈕，設(shè)置各個(gè)字段的屬性，如圖3-38所示，各個(gè)字段需要修改的屬性如表3-6所示。圖3-38編輯字段設(shè)置

(12)用鼠標(biāo)將“DetailsView1”寬度拖放到和“banner1.jpg”寬度一致，如圖3-39所示，并將屬性窗口中“Font”中的“Size”屬性選擇為Small，如圖3-40所示。圖3-39拖放DetailsView1的寬度與圖片寬度一致圖3-40設(shè)置DetailsView控件的字體大小3.5系統(tǒng)運(yùn)行在“解決方案資源管理器”中選擇Default.aspx，單擊右鍵，選擇“設(shè)為起始頁”，然后按“F5”鍵，得到如圖3-41和圖3-42所示的結(jié)果，至此infodetails頁面制作完成。圖3-41運(yùn)行得到的效果圖圖3-42單擊詳細(xì)信息得到的效果圖到此為止，一個(gè)簡單的網(wǎng)站就已經(jīng)做好了，這個(gè)網(wǎng)站只提供了瀏覽信息的功能。細(xì)心的讀者會(huì)發(fā)現(xiàn)，這個(gè)軟件項(xiàng)目離實(shí)際使用的目標(biāo)還有一段距離，比如如何區(qū)分注冊用戶和非注冊用戶，如何發(fā)布信息，如何管理用戶等許多問題都還沒有解決。在后面的章節(jié)中，我們將開始學(xué)習(xí)ASP.NET提供的解決辦法，相信大家在學(xué)完所有的內(nèi)容后，可以做出一