于來行

（周口師范學(xué)院，河南 周口 466001）

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

于來行

（周口師范學(xué)院，河南 周口 466001）

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

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

1 .引言

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

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

2 .技術(shù)介紹

2.1 GridView控件

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

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

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

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

3.1 使用SqlDataSource控件

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

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

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

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

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

SqLDataHelp da = new SqLDataHelp ();

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

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

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

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

5.1 標(biāo)準(zhǔn)操作

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

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

5.1.2 編輯列

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

圖1 編輯列

5.2 個(gè)性化設(shè)計(jì)

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

6 .總結(jié)

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

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

[2] 吳博. GridView控件的插入及處理方法的研究與實(shí)現(xiàn)[J]. 電腦編程技巧與維護(hù)，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

周口師范學(xué)院青年科研基金資助項(xiàng)目，項(xiàng)目編號(hào)：zknuqn201039A。

作者系周口師范學(xué)院計(jì)算機(jī)科學(xué)與技術(shù)學(xué)院講師。