第6章 系統(tǒng)基礎(chǔ)數(shù)據(jù)維護(hù)模塊.ppt

1、第6章 系統(tǒng)基礎(chǔ)數(shù)據(jù)維護(hù)模塊,6.1 完成課程信息的維護(hù),6.2 完成教師信息的維護(hù),6.3 完成課程安排的維護(hù),L6.1 數(shù)據(jù)源控件,L6.2 數(shù)據(jù)綁定控件,任務(wù)目標(biāo),完成后的數(shù)據(jù)維護(hù)界面如圖6.1、圖6.2、圖6.3所示。,圖6.1 課程信息維護(hù),圖6.2 教師信息維護(hù),圖6.3 排課信息維護(hù),6.1 完成課程信息的維護(hù),采用SqlDataSource+ ListView的方式來(lái)完成課程信息的維護(hù)，用SqlDataSource實(shí)現(xiàn)與數(shù)據(jù)庫(kù)之間的訪問(wèn)，用ListView提供所需的數(shù)據(jù)查詢、修改、插入、刪除視圖。 1規(guī)劃課程信息維護(hù)界面 課程信息維護(hù)頁(yè)面的基本布局如圖6.4所示。,圖6.4 課

2、程信息維護(hù)頁(yè)面的基本布局,6.1 完成課程信息的維護(hù),2設(shè)計(jì)數(shù)據(jù)維護(hù)界面 （1）打開前面創(chuàng)建的網(wǎng)站項(xiàng)目，右擊“解決方案資源管理器”內(nèi)的Admin文件夾，選擇“添加新項(xiàng)”，在彈出的窗口中選擇“Web窗體”，命名為“course.aspx”，語(yǔ)言選擇“Visual C#”，選中“選擇母版頁(yè)”復(fù)選框，完成后單擊“添加”按鈕，在出現(xiàn)的窗口中選擇Admin文件夾下的adminMasterPage.master，單擊“確定”按鈕完成新頁(yè)面的創(chuàng)建。 （2）打開Web.sitemap文件，在標(biāo)記內(nèi)部加入如下的內(nèi)容： 。 （3）切換到course.aspx頁(yè)面的設(shè)計(jì)視圖，打開屬性窗口，在窗口的下拉框中選擇“Do

3、cument”，設(shè)置StyleSheetTheme屬性為“主題1”。 （4）切換到“源”視圖，把光標(biāo)定位到ID為“Content2”的標(biāo)記內(nèi)，雙擊“工具欄”中HTML內(nèi)的“DIV”，并設(shè)置其ID為“content”，設(shè)置Style屬性值為“border-style: solid; border-width: 1pt”。,6.1 完成課程信息的維護(hù),（5）打開頁(yè)面的“源”視圖，把光標(biāo)定位到ID為“content”層內(nèi)部，雙擊“工具欄”中HTML內(nèi)的“DIV”，在頁(yè)面上插入一個(gè)層，設(shè)置其ID屬性為“search”。切換到“設(shè)計(jì)”視圖，把光標(biāo)定位到此層內(nèi)，單擊“應(yīng)用樣式”窗口中的“innerLayo

4、ut”樣式規(guī)則，給該層應(yīng)用樣式規(guī)則。 （6）把光標(biāo)定位到ID為“search”的DIV內(nèi)，如圖6.5所示向DIV內(nèi)添加控件。,圖6.5 搜索欄設(shè)計(jì),6.1 完成課程信息的維護(hù),從左到右分別設(shè)置DIV內(nèi)控件的屬性，如表6.1所示。,表6.1 控件屬性設(shè)置,6.1 完成課程信息的維護(hù),（7）在“源”視圖中，把光標(biāo)定位到ID為“search”的DIV標(biāo)記的下部，雙擊“工具欄”中HTML中的DIV，在光標(biāo)處插入一個(gè)DIV。選中此DIV，設(shè)置其ID為“result”，在“應(yīng)用樣式”窗口中，單擊“innerLayout”樣式規(guī)則，給該層應(yīng)用樣式規(guī)則。 （8）把光標(biāo)定位到ID為“result”的DIV內(nèi)，如

5、圖6.6所示向DIV內(nèi)添加控件。,圖6.6 搜索結(jié)果欄設(shè)計(jì),6.1 完成課程信息的維護(hù),從左到右分別設(shè)置DIV內(nèi)控件的屬性，如表6.2所示。,表6.2 控件屬性設(shè)置,6.1 完成課程信息的維護(hù),（9）選中“SqlDataSourceResult”控件，單擊右上角的“SqlDataSource任務(wù)”中“配置數(shù)據(jù)源”項(xiàng)，在彈出的“配置數(shù)據(jù)源”對(duì)話框的下拉框中選擇“SqlServer2005ConnectionString”，單擊“下一步”按鈕，進(jìn)入“配置Select語(yǔ)句”對(duì)話框，在“指定來(lái)自表或視圖的列”的下拉框選中“Course”表，在列中，選中courseID、courseName和cours

6、eScore，則所生成的Select語(yǔ)句為“SELECT courseID, courseName, courseScore FROM Course”，單擊“下一步”按鈕，進(jìn)入“測(cè)試查詢”窗口。單擊“測(cè)試查詢”按鈕，查看查詢出的結(jié)果是否滿足要求，如果滿足，則單擊“完成”按鈕；如果不滿足，則返回上一個(gè)窗口進(jìn)行修改。,6.1 完成課程信息的維護(hù),（10）選中“SqlDataSourceResult”控件，單擊右上角的“SqlDataSource任務(wù)”中的“配置數(shù)據(jù)源”項(xiàng)，在彈出的“選擇您的數(shù)據(jù)連接”對(duì)話框中單擊“下一步”按鈕，進(jìn)入“配置Select語(yǔ)句”對(duì)話框，選擇“指定自定義SQL語(yǔ)句和存儲(chǔ)過(guò)程

7、”，單擊“下一步”按鈕，在彈出的“定義自定義語(yǔ)句和存儲(chǔ)過(guò)程”對(duì)話框在中分別選擇“UPDATE”、“INSERT”、“DELETE”選項(xiàng)卡，在對(duì)應(yīng)的文本框中輸入如下SQL的語(yǔ)句： UPDATE Course SET courseName = courseName,courseScore = courseScore WHERE courseID = courseID INSERT INTO Course(courseName,courseScore) VALUES(courseName,courseScore) DELETE FROM Course WHERE courseID=courseID

8、單擊“下一步”、“完成”按鈕。 （11）選中“ListView”控件，單擊右上角“ListView任務(wù)”，在“選擇數(shù)據(jù)源”下拉框中選擇“SqlDataSourceResult”控件。單擊“配置ListView”按鈕，在彈出的“配置ListView”對(duì)話框中選擇“網(wǎng)格”布局，選擇“專業(yè)型”樣式，并選中“啟用編輯”、“啟動(dòng)插入”、“啟動(dòng)刪除”和“啟動(dòng)分頁(yè)”選項(xiàng)，單擊“確定”按鈕完成ListView配置。,6.1 完成課程信息的維護(hù),（12）打開“ListViewResult”的屬性窗口，設(shè)置其PagedControlID為“ListView-Result”，PageSize為“10”，設(shè)置后的界面

9、效果如圖6.7所示。,圖6.7 頁(yè)面外觀,6.1 完成課程信息的維護(hù),3編寫本頁(yè)面所需的相關(guān)代碼 （1）單擊搜索欄中的按鈕后，會(huì)根據(jù)用戶錄入的信息進(jìn)行查詢，并把查詢的結(jié)果顯示在下部的GridView中，因此“搜索”按鈕的Click事件需要添加代碼。 雙擊“搜索”按鈕，在對(duì)應(yīng)的事件中添加如下的代碼： /首先定義需要查詢的內(nèi)容，具體查詢的條件根據(jù)用戶的錄入自動(dòng)生成 string sql = SELECT courseID, courseName, courseScore FROM Course where 1=1 ; /如果錄入課程名稱，則根據(jù)課程名稱進(jìn)行模糊查找 if (this.searchT

10、extBoxcourseName.Text != ) sql += and courseName LIKE %+ this.searchTextBoxcourseName.Text.Trim() +%; /如果錄入課程學(xué)分，則根據(jù)課程學(xué)分查找 if (this.searchTextBoxcourseScore.Text != ) sql += and courseScore = + this.searchTextBoxcourseScore.Text.Trim() + ; this.SqlDataSourceResult.SelectCommand = sql;,6.1 完成課程信息的維護(hù),（

11、2）頁(yè)面初次加載的時(shí)候，GridView中只顯示數(shù)據(jù)庫(kù)的前6條記錄，查看更多的數(shù)據(jù)，需要通過(guò)“查詢”按鈕完成，因此需要在Page_load事件中添加如下的代碼： if (SessionuserType.ToString() != 0) /如果不是管理員則返回 Response.Write(history.go(-1););/重定向到前面頁(yè)面 /頁(yè)面第一次請(qǐng)求的時(shí)候執(zhí)行 if (!Page.IsPostBack) string sql = SELECT TOP 6 courseID,courseName,courseScore FROM Course ORDER BY courseID DESC

12、; this.SqlDataSourceResult.SelectCommand = sql; ,6.1 完成課程信息的維護(hù),（3）為了能夠在Label中顯示查詢出的記錄條數(shù)，需要在SqlDataSourceResult控件的Selected事件中添加代碼：選中“SqlDataSourceResult”控件，右擊此控件并選擇“屬性”選項(xiàng)，在打開的屬性窗口中單擊頂部 圖標(biāo)，在列表中雙擊“Selected”，進(jìn)入其“Selected事件”，并在內(nèi)部添加如下的代碼： /當(dāng)SqlDataSource執(zhí)行完查詢操作后所觸發(fā)的一個(gè)事件 protected void SqlDataSourceResult_

13、Selected(object sender, SqlDataSourceStatusEventArgs e) /參數(shù)e的AffectedRows屬性表示查詢出的記錄數(shù)目 this.LabelSearchResult.Text = e.AffectedRows.ToString(); ,6.1 完成課程信息的維護(hù),4在瀏覽器中瀏覽本頁(yè) （1）切換到“設(shè)計(jì)”視圖，右擊頁(yè)面并選擇“在瀏覽器中查看”，頁(yè)面如圖6.8所示。,圖6.8 課程維護(hù)界面,6.1 完成課程信息的維護(hù),（2）在courseName和courseScore下部的文本框中輸入相應(yīng)的課程名稱和課程學(xué)分，單擊“插入”按鈕，則一條記錄就插

14、入到數(shù)據(jù)庫(kù)中，連續(xù)插入幾個(gè)課程后，界面如圖6.9所示。,圖6.9 課程維護(hù)界面,6.1 完成課程信息的維護(hù),（3）單擊某條記錄的“編輯”按鈕，則該行將變成可編輯狀態(tài)，修改結(jié)束后，單擊“更新”按鈕可以把修改后的內(nèi)容插入到數(shù)據(jù)表中，也可以單擊“取消”按鈕取消本次的修改操作，如圖6.10所示。單擊某條記錄左部的“刪除”按鈕，則可以把本條記錄從數(shù)據(jù)表內(nèi)刪除。,圖6.10 修改視圖,（4）在搜索欄中“課程名”處輸入課程名稱的部分文字，單擊“搜索”按鈕就可以查詢出對(duì)應(yīng)的課程，也可以在“學(xué)分”處輸入一個(gè)學(xué)分，則將查詢出本學(xué)分所有的課程；也可以同時(shí)通過(guò)“課程名”和“學(xué)分”進(jìn)行查詢。,6.2 完成教師信息的維護(hù)

15、,采用SqlDataSource+ListView的方式比較適合字段比較少的表進(jìn)行數(shù)據(jù)維護(hù)，當(dāng)字段很多的時(shí)候，編輯界面會(huì)顯示很長(zhǎng)，因此需要采用專門用于編輯的控件FormView控件。 這里采用GridView+SqlDataSource+FormView的方式完成教師信息的維護(hù)，其中GridView用于表格方式顯示出多條記錄，SqlDataSource用于實(shí)現(xiàn)與數(shù)據(jù)庫(kù)之間的訪問(wèn)，F(xiàn)ormView用于實(shí)現(xiàn)單條記錄的查看、修改、插入等操作。 1規(guī)劃教師信息維護(hù)界面 教師信息維護(hù)頁(yè)面的基本布局如圖6.11所示。,圖6.11 頁(yè)面基本布局,6.2 完成教師信息的維護(hù),2設(shè)計(jì)數(shù)據(jù)維護(hù)界面 （1）在前面所

16、創(chuàng)建的網(wǎng)站項(xiàng)目中打開teacher.aspx頁(yè)面的的“源”視圖，刪除ID為“Content2”的標(biāo)記內(nèi)的前面所輸入的“內(nèi)容頁(yè)內(nèi)容”。把光標(biāo)定位到ID為“Content2”的標(biāo)記內(nèi)，雙擊“工具欄”中HTML內(nèi)的“DIV”，在光標(biāo)處插入一個(gè)層，并設(shè)置其ID為“content”，設(shè)置Style屬性值為“border-style: solid; border-width: 1pt”。 （2）把光標(biāo)定位到ID為“content”的層內(nèi)，雙擊“工具欄”中HTML內(nèi)的“DIV”，在頁(yè)面上插入一個(gè)層，設(shè)置其ID屬性為“search”。把光標(biāo)定位到此層內(nèi)，單擊“應(yīng)用樣式”窗口中的“innerLayout”樣式規(guī)

17、則，為該層應(yīng)用樣式規(guī)則。,6.2 完成教師信息的維護(hù),（3）把光標(biāo)定位到ID為“search”的DIV內(nèi)，按照如圖6.12所示向DIV內(nèi)添加控件。 從左到右分別設(shè)置DIV內(nèi)控件的屬性，設(shè)置如表6.3所示。,圖6.12 搜索欄設(shè)計(jì) 表6.3 控件屬性設(shè)置,6.2 完成教師信息的維護(hù),（4）按照上面的添加DIV方法在ID為“search”的DIV標(biāo)記的下部添加一個(gè)DIV，其ID為“result”，在“應(yīng)用樣式”窗口中，單擊“innerLayout”樣式規(guī)則，為該層應(yīng)用樣式規(guī)則。 （5）把光標(biāo)定位到ID為“result”的DIV內(nèi)，按照如圖6.13所示向DIV內(nèi)添加控件。,圖6.13 搜索結(jié)果欄設(shè)計(jì)

18、,6.2 完成教師信息的維護(hù),從左到右分別設(shè)置DIV內(nèi)控件的屬性，設(shè)置如表6.4所示。,表6.4 控件屬性設(shè)置,6.2 完成教師信息的維護(hù),（6）打開“SqlDataSourceResult”控件屬性窗口，單擊“ConnectionString”屬性右邊的下拉框，設(shè)置其值為“SqlServer2005ConnectionString”。單擊SelectQuery右邊的按鈕，打開“命令和參數(shù)編輯器”窗口，在窗口內(nèi)輸入如下的Sql語(yǔ)句： SELECT top (5) teaID, teaName, teaTelphone, teaPhone,teaEmail,teaType FROM Teacher 單擊