通過前面兩講，學會了一些簡單的ASP.NET操作，下面我們根據前面學習的知識，做一個簡單的課表查詢網站。
1.3 創建一個簡單課表查詢網站
假設明星學校有三個班級(分別是網絡一班、信息一班、土木一班)。要求設計並實現一個能在網絡中通過瀏覽器進行各個學生班級課表查詢的ASP.NET網站。
接下來是實現的關鍵步驟說明，首先建立一個空網站，在空網站中添加一個Web窗體，如果這裏不清楚的同學，可以去查看一下上一講的內容，後續課程不再贅述。
在“視圖設計器”中，添加一個Label控件，“Text”修改爲“明星學校課表查詢”。將Label控件設置爲“居中”，設置結果如圖1所示。
![]()
圖1 設置標題居中
家下來插入一個1行3列的表，在設計視圖中“表”-->“插入表”中選擇，具體位置可以參考圖2。
![]()
圖2 插入表
點擊後，選擇一個1行3列的表，如圖3所示。
![]()
圖3 插入1行3列表格
接下來，向剛剛插入的1行3列表格中添加HyperLink控件，一次插入3個控件，顯示的結果如圖4所示。
![]()
圖4 插入HyperLink控件後的顯示結果
下一步，添加3個用於顯示各班級課表的頁面Class1.aspx、Class2.aspx、Class3.aspx。添加過程爲在visual studio左側的“解決方案資源管理器”中的項目名稱點擊右鍵，選擇“添加新項”，在彈出的對話框中選擇“Web窗體”。注意修改網頁的名稱。
在新建的Class1.aspx的頁面上右鍵選擇“視圖設計器”，然後添加如圖5所示的結果。第一行的“2019~2020第一學期網絡一班課程表”是一個Label控件，添加後修改其Text屬性即可。第二行的“返回”是一個HyperLink控件，修改其Text屬性爲返回。接下來是一個插入的表格（4行5列），其中的內容可以按照需求填入，這裏爲了簡化操作，隨機填入了“語文”、“數學”、“英語”三門課。其餘兩個班級的課表添加過程類似，這裏不再贅述，可以直接將圖5中的頁面拷貝到其他兩個班級，然後修改第一行Label的Text屬性爲對應的班級即可。
![]()
圖5 設計課表內容Class1.aspx
接下來，回到Default.aspx頁面的“視圖設計器”下，修改第一個HyperLink控件的屬性，修改內容如圖6所示。
![]()
圖6 第一個HyperLink控件的屬性修改
圖6中Text屬性改爲“網絡一班”，NavigateUrl屬性通過菜單欄進行選擇，Target屬性通過下拉菜單選擇。其餘兩個HyperLink控件屬性性鈣如圖7、圖8所示。
![]()
圖7 第二個HyperLink控件的屬性修改
![]()
圖8 第三個HyperLink控件的屬性修改
最後一步修改，切換到Class1.aspx頁面的“視圖設計器”下，將“返回”這個HyperLink控件按照如圖9所示的內容進行修改。
![]()
圖9 Class1.aspx中的HyperLink控件屬性修改
對Class2.aspx和Class3.aspx兩個頁面按照圖9中的修改同樣操作一遍。
最後運行程序(快捷鍵ctrl + F5)。得到如圖10的運行結果。
![]()
圖10 課表查詢網頁運行結果
在運行結果中，點擊“網絡一班”、“信息一班”、“土木一班”這幾個控件，分別跳轉到對應的各個班級頁面。不過，細心的同學可以發現網站的名稱有些奇怪(圖10中左上角紅色框中)，此時可以通過修改代碼來實現，在“解決方案資源管理器”中右鍵點擊“Default.aspx”頁面，選擇“查看代碼”，修改代碼如下：
protected void Page_Load(object sender, EventArgs e)
{
this.Title = "歡迎訪問課表查詢系統";
}
再次運行，可以看到如圖11的結果。
![]()
圖11 修改默認頁面title後的運行結果
根據圖11的結果可以看到頁面的title修改爲了“歡迎訪問課表查詢系統”。不過，點擊“網絡一班”以後，顯示的title同樣有些奇怪(圖11中左數第二個紅框)。同樣的，可以在“解決方案資源管理器”中右鍵點擊“Class1.aspx”頁面，選擇“查看代碼”，修改代碼如下：
protected void Page_Load(object sender, EventArgs e)
{
this.Title = "網絡一班課表";
}
運行結果如圖12所示。
![]()
圖12 修改Class1.aspx的title後的運行結果
類似的修改可以應用到Class2.aspx和Class3.aspx。到這裏，一個簡單的課表查詢網站就完成了。
