转阿土伯推荐的文章:在 VS.NET 中编写 Web 应用程序（附图）（推荐）-.NET教程,Asp.Net开发

本文分成三部分：datagrid web 控件简介、web表单的生命周期、用vs.net 开发web 表单应用程序。

asp.net 平台的运行条件

要运行一个 asp.net应用程序，必须要在windows 2000或者windows nt 4 + service pack 6a操作系统上安装web server(iis) 。我们可以使用任何 .net 语言来编写代码，包括vb.net 和 c#。这里的环境是：windows 2000 + visual studio.net beta 1 + personal web server + c#。

第一部分：datagrid 控件简介

这个教程使用datagrid web 控件显示数据库表中的数据。应用程序开始前，先讨论一下 datagrid web 控件。

datagridweb控件负责显示数据库中的表数据。借助ado.netdataset（数据集）对象，我们可以将一个数据库表或部分表数据与栅格建立连接。首先创建一个adodatasetcommand对象，并从一个数据库表中选择数据。在这里的例子中，我使用了一个叫做mydb.mdb的数据库，它有一个表 mytable：

// create an object of adodatasetcommand
adodatasetcommand mycmd = new adodatasetcommand( "select * from mytable", "provider=microsoft.jet.oledb.4.0;data source=mydb.mdb");

接着创建并填充 dataset（数据集）对象：

// create a dataset object
dataset ds = new dataset();
// fill dataset with the data
mycmd.filldataset(ds, "student");

然后用datagrid 的datasource属性将dataset（数据集）的数据填充到栅格中，其中使用了databind()方法：

// view data from dataset to datagrid
datagrid1.datasource = ds.tables["student”].defaultview;
datagrid1.databind();

下面介绍datagrid web 控件的属性。

datagridweb控件包含一套丰富的属性，借助它们，就可以用自己喜欢的方式来定制栅格。在datagrid上点击右键并点击属性页面按钮，进入属性设置窗口：

通用属性
这个页面中设置 datasource。可以允许显示页眉和页脚，允许分类复选框，允许在栅格中进行分类：

栏属性
下面的页面中可以增加栏（设计时）和它们的属性：

分页属性
分页是栅格控件的一个重要特征。在下面的页面中，设置每页的行数、栅格行的格式并激活定制页面：

格式属性
在下面这个页面允许设置栅格的颜色、字体，页面、页眉和页脚：

边框属性
下面这个页面允许设置边框的颜色和字体、单元的填料和间隔以及栅格行的类型：

第二部分：web 表单的生命周期

如果你曾经在vs以前版本中设计过windows分布式应用程序，你就会发现在web表单应用程序和分布式应用程序之间有许多相同之处。本教程只简单讨论web表单生命周期的一些内容，目的是使你对 web表单如何工作有个概念。

一个web表单的生命周期中有4个步骤：初始化、页面装载、事件处理和资源清理。

1）页面初始化
当页面被初始化时，发生第一个事件page_init。系统会执行创建和设置一个例示所需要的所有初始化步骤。

2）页面装载
页面装载在初始化之后，所发生的事件叫做 page_load，它的用途如下：
检查页面是不是第一次被处理；
第一次处理页面时执行数据捆绑，或者在以后的循环过程中重新判断数据捆绑表达式；
读取和更新控件属性；
恢复在保存步骤中所保存的前一个客户请求的状态；

3）事件处理
web表单上的每个动作都激活一个到达服务器的事件。一个web表单有两个视图：一个客户视图和一个服务器视图。所有的数据处理都在服务器上进行。当通过点击鼠标或其它方法引起一个事件时，事件就到达服务器并返回相应的数据。

4）资源清理
最后一步发生于一个表单完成了它的任务并且准备卸载的时候，这时激活page_unload事件，完成最后的资源清理工作，比如：关闭文件，关闭数据库连接，丢弃对象。

第三部分：开发web应用程序
好，现在进行到开发 web 表单应用程序这一步了。

创建工程文件的框架
用visual studio.net创建一个web应用程序并不困难，只需遵循几个简单步骤，向导就会为你创建一个很好的框架。此后，就可以用web控件制工具箱向asp页面中安置一些web控件，然后就象在任何基于gui应用程序的表单中所做的那样，设置这些控件属性。请跟随以下步骤：

第一步：选择一个工程文件
从visual studio .net 主菜单中，选择“文件->新建>工程文件”，选择“visual c# 工程文件->web应用程序”，在文件名文本框中键入你的工程文件名，在位置文本框中是你的web服务器的根目录，使用浏览按钮可以找到正确的路径。选择了这些内容之后，点击 ok。

第二步：设置属性
下一个画面是这样的：

webform1.aspx是默认的asp.net页面，其中容纳了asp.net代码和控件。你可以把这个页面当作一个webform来对待。使用左侧的工具箱，向页面中拖曳和放置控件。
在页面上点击右键来设置页面的属性，图示如下：

这个窗口共有3个功能页，通用页让你选择脚本语言和页面版面，另外两个用于设置页面文本、超级链接以及被访问过的超级链接和关键字的颜色和字体。

第三步：向 webform增加控件
现在使用工具箱向页面中增加web控件。这里增加了两个控件，一个按钮和一个 datagrid 。点击右键可以设置这些控件的属性。

第四步：增加事件处理器
这以前已经展示了 datagrid 和ado.net，下面将使用同样的技术，在datagrid中填充一个数据库的数据。点击button来填充栅格。
双击这个按钮，进入webform1.cs文件中，开始编写与按钮相应的事件处理器：

button1.click += new system.eventhandler (this.button1_click);
public void button1_click (object sender,system.eventargs e)
{
}
here is the code of the cs file –
namespace cscornerwebappsample
{
using system;
using system.collections;
using system.componentmodel;
using system.data;
using system.drawing;
using system.web;
using system.web.sessionstate;
using system.web.ui;
using system.web.ui.webcontrols;
using system.web.ui.htmlcontrols;
/// <summary>
/// summary description for webform1.
/// </summary>
public class webform1 : system.web.ui.page
{
protected system.web.ui.webcontrols.datagrid datagrid1;
protected system.web.ui.webcontrols.button button1;
public webform1()
{
page.init += new system.eventhandler(page_init);
}
protected void page_load(object sender, eventargs e)
{
if (!ispostback)
{
//
// evals true first time browser hits the page
//
}
}
protected void page_init(object sender, eventargs e)
{
//
// codegen: this call is required by the asp+ windows form designer.
//
initializecomponent();
}
/// <summary>
/// required method for designer support – do not modify
/// the contents of this method with the code editor.
/// </summary>
private void initializecomponent()
{
button1.click += new system.eventhandler (this.button1_click);
this.load += new system.eventhandler (this.page_load);
}
public void button1_click (object sender, system.eventargs e)
{
}
}
}

第五步：在按钮的onclick 上组装datagrind
现在来编写按钮点击事件时填充栅格控件的代码。
在工程文件中使用ado对象之前需增加对system.data.ado名称空间的引用：
using system.data.ado;
下面是button1_click 方法的代码：
public void button1_click (object sender, system.eventargs e)
{
adodatasetcommand cmdset = new adodatasetcommand( "select * from mytable",
"provider=microsoft.jet.oledb.4.0;data source=c:\\mydb.mdb");
dataset ds = new dataset();
cmdset.filldataset(ds, "mytable");
datagrid1.datasource = ds.tables["mytable"].defaultview;
datagrid1.databind();
}

第六步：编译并运行
现在用 ctrl+f5 或菜单项来编译和运行应用程序。这个工程文件打开一个浏览器的新例示，看起来是这样的：

现在点击button看看结果，看起来是下面的样子，datagrid中填充了来自数据库的mytable表中的数据：

这是一个非常基本的web应用程序。现在你可以通过设置它的属性来定制grid控件，并且开发更有用的应用程序，如在数据库中读取、删除、插入、更新记录。甚至还可以使用其它数据库，如 sql server。