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

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

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

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

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

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

7、”，單擊“下一步”按鈕，在彈出的“定義自定義語句和存儲過程”對話框在中分別選擇“UPDATE”、“INSERT”、“DELETE”選項卡，在對應的文本框中輸入如下SQL的語句： 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任務”，在“選擇數(shù)據(jù)源”下拉框中選擇“SqlDataSourceResult”控件。單擊“配置ListView”按鈕，在彈出的“配置ListView”對話框中選擇“網(wǎng)格”布局，選擇“專業(yè)型”樣式，并選中“啟用編輯”、“啟動插入”、“啟動刪除”和“啟動分頁”選項，單擊“確定”按鈕完成ListView配置。,6.1 完成課程信息的維護,（12）打開“ListViewResult”的屬性窗口，設置其PagedControlID為“ListView-Result”，PageSize為“10”，設置后的界面

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

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

11、2）頁面初次加載的時候，GridView中只顯示數(shù)據(jù)庫的前6條記錄，查看更多的數(shù)據(jù)，需要通過“查詢”按鈕完成，因此需要在Page_load事件中添加如下的代碼： if (SessionuserType.ToString() != 0) /如果不是管理員則返回 Response.Write(history.go(-1););/重定向到前面頁面 /頁面第一次請求的時候執(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 完成課程信息的維護,（3）為了能夠在Label中顯示查詢出的記錄條數(shù)，需要在SqlDataSourceResult控件的Selected事件中添加代碼：選中“SqlDataSourceResult”控件，右擊此控件并選擇“屬性”選項，在打開的屬性窗口中單擊頂部 圖標，在列表中雙擊“Selected”，進入其“Selected事件”，并在內部添加如下的代碼： /當SqlDataSource執(zhí)行完查詢操作后所觸發(fā)的一個事件 protected void SqlDataSourceResult_

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

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

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

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

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

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