快速實現課程網站中數據顯示及操作的方法

于來行

（周口師范學院，河南 周口 466001）

快速實現課程網站中數據顯示及操作的方法

于來行

（周口師范學院，河南 周口 466001）

教學網站會經常對信息及資源進行管理，需要及時準確顯示動態的信息，如何快速實現設計統一風格的頁面及操作是很重要的。GridView控件進行數據顯示和操作，方法簡單易用，設計靈活。給出了GridView控件綁定數據源，編輯列和編輯模板等設計方法及應用技巧。

教學網站設計；數據顯示；GridView控件

1 .引言

作為傳統課堂教學之外的輔助環節，網絡教學已作為一種全新的教學手段受到人們的關注，網站作為網絡教學的一種平臺被越來越多的使用。為了提高教學效果和教學效率，保證教學質量，結合目前開展的Asp.net課程教學的特點開發了Asp.net課程教學交流平臺。該系統實現了網上瀏覽教學內容、觀看教學視頻、查看并下載課程資料、布置作業、提交作業、參與課堂討論、瀏覽新聞等功能。

分析網站設計可以發現，網頁中使用最頻繁的就是數據控件及顯示方式的設計，要實現統一風格而形式多樣的顯示方式，顯示豐富的內容，可以通過選擇相應的數據控件來實現動態頁面數據的加載。要在多個頁面中快速實現顯示不同數據并進行增、刪、改、查功能，選擇一種合適的數據控件是必要的。

2 .技術介紹

2.1 GridView控件

ASP.NET提供的數據綁定技術和控件可以綁定任何數據源，與此同時還支持對這些數據源進行排序、分頁、編輯等操作。數據綁定技術中常用的數據綁定控件的功能也比以前大大增強，其中最具有代表性的就是 GridView控件。GridView控件是以表格的形式把數據顯示出來，它的工作原理是將數據源控件中的數據信息綁定、顯示在表格中，或者是將存放在

DataSet數據集中的數據信息綁定、顯示在表格中。具體數據綁定方法可以參考文獻[1]和相關書籍。

3 .GridView控件綁定數據源

GridView控件要顯示數據首先需要綁定數據源，其中在vs2005中主要有兩種方法，一種是把SqlDataSource控件作為數據源，另一種是通過代碼返回一個DataSet數據集作為數據源。

3.1 使用SqlDataSource控件

配置SqlDataSource控件，選擇相應的數據庫表及字段，然后在GridView控件中選擇數據源為SqlDataSource控件ID。

3.2 使用DataSet數據集

在數據訪問層或者頁面代碼中可以創建一個方法，通過對方法的調用返回一個DataSet數據集；本例給出在數據訪問層中創建一個通用訪問類，類中包含一個返回DataSet數據集的方法，主要代碼如下所示，其中SqlCom是在頁面調用時根據需要編輯的 SQL命令。連接字符串是通過讀取web.config文件獲取的，它可以放在類中定義，供類中的所有方法調。

在頁面中我們可以通過這樣的設置方式來指定GridView控件的數據源：

其中da為通用通用訪問類的實例，例如在數據層創建了一個通用訪問類SqLDataHelp類，那么此時可以創建一個對象實例為da來實現。

SqLDataHelp da = new SqLDataHelp ();

4 .GridView控件顯示數據

利用以上GridView控件綁定數據源的方法可以實現數據的綁定，在沒有任何設置的情況下，GridView控件將按照行列的方式顯示所有數據源數據，通常情況下用SqlDataSource控件指定數據源后可以直接指定分頁、編輯、刪除等功能的操作，不需要編寫代碼，只需在SqlDataSource控件配置時的高級選項中選擇自動生成即可，這種方式存在缺點是只能是對一張數據表實現操作，有一定的局限性。也可以編輯增、刪、改、查語句，實現更為復雜的操作[2]。

利用編輯代碼返回DataSet數據集作為數據源可以實現更為復雜的操作，這里可以在編輯列時顯示不同的樣式。首先編輯代碼設置GridView的DataSource屬性的值為DataSet數據集中的數據表，編輯列并綁定相應字段，設置DataField的值為字段名，HeaderText的值為標題名。

5 .課程網站開發中的應用

5.1 標準操作

5.1.1 數據源配置

標準顯示方式用于課程資源管理、作業管理、新聞管理、帖子管理等管理功能時快速顯示數據信息，并選擇相應的記錄進一步實現對數據的操作。為了快速實現數據的顯示及相應的操作，我們可以選擇 SqlDataSource控件或者 DataSet數據集作為GridView的數據源，在生成DataSet數據集時可以編輯一個通用的方法來實現。下面簡要給出DataSet數據集作為數據源的指定語句，ExceDS(sqlstr)是3.2節給出的數據訪問類對象的一個方法，返回一個指定sql語句的查詢結果數據集，并且綁定到相應的GridView控件。調用公共類中的ExceDS方法，返回一個DataSet類型的數據集，并作為GridView控件的數據源

5.1.2 編輯列

GridView控件指定了數據源之后可以編輯列，如圖 1我們選擇可用字段設置數據顯示的方式，一般選擇BoundField來顯示數據集中的數據，其他可用字段實現特殊的功能。這里主要使用CheckBoxField、ButtonField數據字段，CheckBoxField來控制選中記錄，ButtonField控制選中記錄的操作，刪除、更新操作，這里需要指定CommandName屬性的值，在GridView1_RowCommand事件代碼中獲取該命令，判斷e.CommandName值為哪一個命令，編輯相應的代碼實現不同操作。

圖1 編輯列

5.2 個性化設計

GridView控件可以實現個性化顯示數據的功能，這里主要使用 TemplateField可用字段，選擇該列后，進入編輯模板選項進行設計。主要選擇ItemTemplate項，在設計窗口中放入asp.net控件，像設計網頁一樣，唯一不同的是要給各個控件綁定相應的數據源字段。例如要顯示一個帖子內容，可以在＜p＞＜/p＞標簽內通過下面語句綁定內容字段，＜%# DataBinder.Eval(Container.DataItem, "ST_n_content") %＞，可以設置相應的顯示格式，也可以設置控件的屬性進行綁定，和編輯列中的設置方式相似。

6 .總結

網站作為網絡教學的一種平臺被越來越多的使用，教師要根據自己的教學情況快速的設計出一個網站是由必要的。因此在設計網站的過程中發展，使用一種統一的設計方法，能使網頁效果一致，開發快捷，并有利于使用者進行操作。在此介紹了GridView控件在設計網頁中的作用及方法，此控件有利于快速開發管理類及信息顯示類網站。

[1] 郭文波. ASP.NET GridView控件的高級數據綁定與應用[J]. 電腦開發與應用，2011，（1）.

[2] 吳博. GridView控件的插入及處理方法的研究與實現[J]. 電腦編程技巧與維護，2010，（18）.

Fast implementation of curriculum website data display design method

YU Lai-hang

Teaching web will often use the information and resource management, need timely and accurate display dynamic information, how to quickly achieve unified design style page and the operate is very important. The data display and operation method of GridView control is easy to use and flexible to design. Introduced the design method and application skills of the GridView control data source binding, column and template editing .

Teaching web design; Data display; GridView Control

G434

A

1008-7427（2012）09-0113-02

2012-07-15

周口師范學院青年科研基金資助項目，項目編號：zknuqn201039A。

作者系周口師范學院計算機科學與技術學院講師。