在 vs.net 中编写 web 应用程序（附图）
本教程将一步步地引导你创建一个 web 应用程序。在 .net运行时间内，web应用程序在一个 asp.net页面后台运行。asp.net 凭借.net语言，包括 c#、vb.net和 jscript，提供了一个很棒的工作环境，这里使用的是c#编程语言（可下载工程文件包）。 本文分成三部分：datagrid web 控件简介、web表单的生命周期、用vs.net 开发web 表单应用程序。 要运行一个 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 description for webform1. /// 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(); } /// /// required method for designer support - do not modify /// the contents of this method with the code editor. /// 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。
关键字 本文所属关键字相关 与本文相关文章
分类 所有文章关键字导航源码编程相关
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏 操作系统/服务器相关
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器 标准 网站致力的规范
|
