于來行

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

快速實現(xiàn)課程網(wǎng)站中數(shù)據(jù)顯示及操作的方法

于來行

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

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

教學網(wǎng)站設計；數(shù)據(jù)顯示；GridView控件

1 .引言

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

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

2 .技術介紹

2.1 GridView控件

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

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

3 .GridView控件綁定數(shù)據(jù)源

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

3.1 使用SqlDataSource控件

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

3.2 使用DataSet數(shù)據(jù)集

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

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

其中da為通用通用訪問類的實例，例如在數(shù)據(jù)層創(chuàng)建了一個通用訪問類SqLDataHelp類，那么此時可以創(chuàng)建一個對象實例為da來實現(xiàn)。

SqLDataHelp da = new SqLDataHelp ();

4 .GridView控件顯示數(shù)據(jù)

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

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

5 .課程網(wǎng)站開發(fā)中的應用

5.1 標準操作

5.1.1 數(shù)據(jù)源配置

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

5.1.2 編輯列

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

圖1 編輯列

5.2 個性化設計

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

6 .總結

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

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

[2] 吳博. GridView控件的插入及處理方法的研究與實現(xiàn)[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。

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