请问那位有用asp.net做的 博客啊,紧急需要!!!谢谢!!
展开全部
第一步是创建 Web 应用程序和 Web 窗体页。
创建项目和窗体
在“文件”菜单上指向“新建”,然后单击“项目”。
在“新建项目”对话框中,请执行以下操作:
在“项目类型”窗格中选择“Visual Basic 项目”或“Visual C# 项目”。
在“模板”窗格中选择“ASP.NET Web 应用程序”。
在“位置”框中,为您的应用程序输入完整的 URL(包含 http://、服务器名称和项目名称)。Web 服务器上必须安装 IIS 5 版(或更高版本)和 .NET Framework。如果计算机上已安装 IIS,可以为服务器指定 http://localhost。(如果正常使用代理服务器访问 Internet,为了使用本地主机,可能需要配置 Internet Explorer 以绕过代理服务器。)
提示 如果您已经打开了一个解决方案,可选择“关闭解决方案”,从而使新的 Web 窗体项目成为它自己解决方案的一部分。
当单击“确定”时,将在您指定的 Web 服务器的根处创建新的 Web 窗体项目。此外,名为 WebForm1.aspx 的新 Web 窗体页将显示在“设计”视图中 Web 窗体设计器上。
2、检查 Web 窗体结构
花一些时间查看 Web 窗体页的结构方式和 Web 窗体设计器的布局方式。通过一个名为 WebForm1.aspx 的文件打开 Web 窗体设计器。Web 窗体页由两个单独的文件组成:
.aspx 文件包含组成页用户界面的 HTML 文本和控件。
一个单独的文件,名为 WebForm1.aspx.vb 或 WebForm1.aspx.cs(取决于您为项目指定的语言),包含页的代码,即它是该页的类文件。有时将其称为“代码隐藏”文件。默认情况下,解决方案资源管理器不显示页的类文件。
在解决方案资源管理器中查看页的类文件
单击解决方案资源管理器工具栏中的“显示所有文件”按钮,然后展开 WebForm1.aspx 的节点。
在 Web 窗体设计器的底部有两个选项卡(“设计”和“HTML”),这两个选项卡显示您正在使用的 .aspx 文件的不同视图:
“设计”视图提供一个所见即所得 (WYSIWYG) 的视图,您可以在其中拖动控件并使用“属性”窗口对它们进行配置。
“HTML”视图显示相同的信息,但以 HTML 文件的“原始”格式显示。同在 HTML 文件中一样,Web 窗体设计器支持“HTML”视图中元素的智能感知。
您可以使用两个视图中的任何一个。在它们之间进行切换时,每个视图都用在另一个视图中所做的更改进行更新。正如您稍后将看到的,将使用代码编辑器为页的类文件(.aspx.vb 或 .aspx.cs)编写代码。
3、添加控件和文本
现在可以将控件和文本添加到页。
网格或流模式
默认情况下,您正在处理的 Web 窗体页处于网格布局模式。在此模式下,您可以在页上拖动控件并使用绝对(x 和 y)坐标对它们进行定位。(对于低级别浏览器,控件是使用表进行定位的。)
如果愿意,您可以使用流布局模式,它类似于传统的 HTML 页(项是从上到下放置的)。每种视图都有优点:网格模式便于放置项目。而在流模式中,添加静态文本则更加容易。有关详细信息,请参见在“设计”视图中定位 HTML 元素。
对于本演练,您将使用网格模式。您将学会如何在此模式下放置静态文本。
将控件添加到您的 Web 窗体页
Web 窗体控件叫做“服务器控件”,这是因为当页运行时,这些控件将在服务器代码中作为页类的一部分进行实例化。当用户与这些控件交互时(例如当用户单击 Web 窗体按钮控件时),在发送页之后,与控件关联的代码将在服务器上运行。在服务器代码中,您可以为服务器控件编写事件处理程序,设置它们的属性等。
并不是 Web 窗体页上的每个元素都是服务器控件。例如,默认情况下,静态 HTML 文本不是服务器控件,您不能通过服务器代码对其进行控制。默认情况下,即使标准的 HTML 控件(例如,一个 HTML 提交按钮)也不是服务器控件 - 在服务器代码中,它们不会作为一级控件显示。(就像在任何 HTML 页中一样,HTML 元素在客户端脚本中是可编程的。)
因此,要使用 Web 窗体页上的控件,您应该将它们添加为服务器控件。服务器控件有两种类型:
HTML 服务器控件 标记为或转换为可在服务器代码中编程的 HTML 元素,即为 HTML 服务器控件。通常,只有当由于某些原因要在服务器代码中对 HTML 元素进行编程时才将这些 HTML 元素转换为 HTML 服务器控件。
Web 服务器控件 这些是特定于某些 Web 窗体的控件,这些控件提供的功能比 HTML 服务器控件更多,并且不直接映射到 HTML 元素。
有关这些控件的详细信息,请参见 ASP.NET 服务器控件简介。
在本节中,您将添加每种类型的控件各一个。
4、将 HTML 服务器控件添加到 Web 窗体页
单击底部的“设计”选项卡切换到“设计”视图。
从工具箱的“HTML”选项卡中,将一个 Text Field 元素拖到页上。
切换到“HTML”视图查看您的操作添加了如下一个标记:
<INPUT type="text">
切换到“设计”视图。
通过右击该元素并选择“作为服务器控件运行”,将该 HTML 文本元素转换为服务器控件。
控件的左上角出现一个标志符号 () 指示该控件是一个服务器控件。转换 HTML 元素使它成为一个 HtmlInputText 服务器控件。
作为该转换的一部分,两个属性被添加到 HTML 元素:
id 属性在您的代码中标识该控件。对于 HtmlInputText 服务器控件,默认将该属性设置为名称 Text1。
runat 属性设置为 server。这将元素标记为服务器控件并使它作为可编程的元素对 Web 窗体服务器代码可见。
将 Web 服务器控件添加到 Web 窗体页
从工具箱的“Web 窗体”选项卡(而不是“HTML”选项卡),将一个 Button Web 服务器控件拖到页上。
提示 只有设计器处于“设计”视图时,“Web 窗体”选项卡才可用。
该步骤在设计器中创建一个 Web 服务器控件元素而不是一个 HTML 按钮。如果切换到“HTML”视图,您将看到以下内容:
<asp:Button id="Button1" runat="server"></asp:Button>
该元素不直接对应于 HTML 元素。而是当页运行时,创建并处理 Button Web 服务器控件的一个实例。在页处理过程中,控件将某些 HTML 元素输出到页(在本例中为一个 HTML <input type=submit> 元素)。
将 HTML 文本添加到页
在网格布局模式中,放置控件十分简单。但放置静态 HTML 文本的情况如何呢?因为页上的所有元素都是通过 x 和 y 坐标放置的,所以您不能像在流布局模式中那样只是在页上想要文本出现的位置键入文本。
方法是添加一个 HTML Label 控件,您可以在其中添加静态文本。然后,您可以将该标签(实质上是一个 <DIV> 元素)放置在页上的任何位置。
在网格布局模式下添加静态文本
从工具箱的“HTML”选项卡中,将一个 Label 控件拖到页上。放置该控件并根据要输入的文本调整其大小。
单击该标签将其选中,然后再次单击它。(缓慢地进行此操作,以确保您不是双击该元素。)
该标签进入文本编辑模式,表现为带阴影的边框。
键入所需的静态文本。例如,键入“示例 Web 窗体页”。
选择该文本,然后使用“格式”工具栏上的工具设置文本的块格式、字体、大小等。
单击标签以外的部分离开文本编辑模式。
创建事件处理程序
Web 窗体页上的服务器控件可以引发多种事件。许多事件是由用户在浏览器中进行的某些操作触发的。例如,当用户单击页上的按钮时,Button Web 服务器控件可以引发 Click 事件。
处理所引发事件的代码是在服务器上执行的。当用户单击按钮时,该页回发到服务器。ASP.NET 页框架分析事件信息,如果具有对应于该事件的事件处理程序,则自动调用您的代码。当执行完代码之后,将带有所有更改(这些更改是事件处理程序代码的结果)的页发送回浏览器。
为 Button Web 服务器控件创建事件处理程序
双击 Button Web 服务器控件。
设计器打开当前窗体的类文件并为按钮 (Button) 控件的 Click 事件创建主干事件处理程序。代码如下所示:
' Visual Basic
Private Sub Button1_Click(ByVal sender as System.Object, ByVal e as System.EventArgs) Handles Button1.Click
End Sub
// C#
private void Button1_Click(object sender, System.EventArgs e)
{
}
在该方法中编写代码通过设置其 Value 属性在 HtmlInputText 服务器控件中显示消息。例如:
' Visual Basic
Private Sub Button1_Click(ByVal sender as System.Object, ByVal e as System.EventArgs) Handles Button1.Click
Text1.Value = "Hello, Web Forms!"
End Sub
// C#
private void Button1_Click(object sender, System.EventArgs e)
{
Text1.Value = "Hello, Web Forms!";
}
5、生成并运行 Web 窗体页
在运行 Web 窗体页之前,您必须编译该页的类文件。然后,您可以在任何浏览器中查看该页。
生成并运行页
在解决方案资源管理器中,右击 WebForm1.aspx 页,然后选择“在浏览器中查看”。
Visual Studio 编译该页并将其显示在“浏览”选项卡中。
在 Web 窗体页上单击该按钮。
文本“Hello, Web Forms!”出现在文本框中。
若要停止运行窗体并返回设计模式,请关闭“浏览”选项卡。
6、后续步骤
这是一个简单的 Web 窗体页,但是它阐释了用于创建和编辑 Web 窗体的基本步骤。从这里开始,您可以开始深入研究 Visual Studio 中提供的帮助您创建复杂的 Web 应用程序的工具。
参考资料:MSDN
创建项目和窗体
在“文件”菜单上指向“新建”,然后单击“项目”。
在“新建项目”对话框中,请执行以下操作:
在“项目类型”窗格中选择“Visual Basic 项目”或“Visual C# 项目”。
在“模板”窗格中选择“ASP.NET Web 应用程序”。
在“位置”框中,为您的应用程序输入完整的 URL(包含 http://、服务器名称和项目名称)。Web 服务器上必须安装 IIS 5 版(或更高版本)和 .NET Framework。如果计算机上已安装 IIS,可以为服务器指定 http://localhost。(如果正常使用代理服务器访问 Internet,为了使用本地主机,可能需要配置 Internet Explorer 以绕过代理服务器。)
提示 如果您已经打开了一个解决方案,可选择“关闭解决方案”,从而使新的 Web 窗体项目成为它自己解决方案的一部分。
当单击“确定”时,将在您指定的 Web 服务器的根处创建新的 Web 窗体项目。此外,名为 WebForm1.aspx 的新 Web 窗体页将显示在“设计”视图中 Web 窗体设计器上。
2、检查 Web 窗体结构
花一些时间查看 Web 窗体页的结构方式和 Web 窗体设计器的布局方式。通过一个名为 WebForm1.aspx 的文件打开 Web 窗体设计器。Web 窗体页由两个单独的文件组成:
.aspx 文件包含组成页用户界面的 HTML 文本和控件。
一个单独的文件,名为 WebForm1.aspx.vb 或 WebForm1.aspx.cs(取决于您为项目指定的语言),包含页的代码,即它是该页的类文件。有时将其称为“代码隐藏”文件。默认情况下,解决方案资源管理器不显示页的类文件。
在解决方案资源管理器中查看页的类文件
单击解决方案资源管理器工具栏中的“显示所有文件”按钮,然后展开 WebForm1.aspx 的节点。
在 Web 窗体设计器的底部有两个选项卡(“设计”和“HTML”),这两个选项卡显示您正在使用的 .aspx 文件的不同视图:
“设计”视图提供一个所见即所得 (WYSIWYG) 的视图,您可以在其中拖动控件并使用“属性”窗口对它们进行配置。
“HTML”视图显示相同的信息,但以 HTML 文件的“原始”格式显示。同在 HTML 文件中一样,Web 窗体设计器支持“HTML”视图中元素的智能感知。
您可以使用两个视图中的任何一个。在它们之间进行切换时,每个视图都用在另一个视图中所做的更改进行更新。正如您稍后将看到的,将使用代码编辑器为页的类文件(.aspx.vb 或 .aspx.cs)编写代码。
3、添加控件和文本
现在可以将控件和文本添加到页。
网格或流模式
默认情况下,您正在处理的 Web 窗体页处于网格布局模式。在此模式下,您可以在页上拖动控件并使用绝对(x 和 y)坐标对它们进行定位。(对于低级别浏览器,控件是使用表进行定位的。)
如果愿意,您可以使用流布局模式,它类似于传统的 HTML 页(项是从上到下放置的)。每种视图都有优点:网格模式便于放置项目。而在流模式中,添加静态文本则更加容易。有关详细信息,请参见在“设计”视图中定位 HTML 元素。
对于本演练,您将使用网格模式。您将学会如何在此模式下放置静态文本。
将控件添加到您的 Web 窗体页
Web 窗体控件叫做“服务器控件”,这是因为当页运行时,这些控件将在服务器代码中作为页类的一部分进行实例化。当用户与这些控件交互时(例如当用户单击 Web 窗体按钮控件时),在发送页之后,与控件关联的代码将在服务器上运行。在服务器代码中,您可以为服务器控件编写事件处理程序,设置它们的属性等。
并不是 Web 窗体页上的每个元素都是服务器控件。例如,默认情况下,静态 HTML 文本不是服务器控件,您不能通过服务器代码对其进行控制。默认情况下,即使标准的 HTML 控件(例如,一个 HTML 提交按钮)也不是服务器控件 - 在服务器代码中,它们不会作为一级控件显示。(就像在任何 HTML 页中一样,HTML 元素在客户端脚本中是可编程的。)
因此,要使用 Web 窗体页上的控件,您应该将它们添加为服务器控件。服务器控件有两种类型:
HTML 服务器控件 标记为或转换为可在服务器代码中编程的 HTML 元素,即为 HTML 服务器控件。通常,只有当由于某些原因要在服务器代码中对 HTML 元素进行编程时才将这些 HTML 元素转换为 HTML 服务器控件。
Web 服务器控件 这些是特定于某些 Web 窗体的控件,这些控件提供的功能比 HTML 服务器控件更多,并且不直接映射到 HTML 元素。
有关这些控件的详细信息,请参见 ASP.NET 服务器控件简介。
在本节中,您将添加每种类型的控件各一个。
4、将 HTML 服务器控件添加到 Web 窗体页
单击底部的“设计”选项卡切换到“设计”视图。
从工具箱的“HTML”选项卡中,将一个 Text Field 元素拖到页上。
切换到“HTML”视图查看您的操作添加了如下一个标记:
<INPUT type="text">
切换到“设计”视图。
通过右击该元素并选择“作为服务器控件运行”,将该 HTML 文本元素转换为服务器控件。
控件的左上角出现一个标志符号 () 指示该控件是一个服务器控件。转换 HTML 元素使它成为一个 HtmlInputText 服务器控件。
作为该转换的一部分,两个属性被添加到 HTML 元素:
id 属性在您的代码中标识该控件。对于 HtmlInputText 服务器控件,默认将该属性设置为名称 Text1。
runat 属性设置为 server。这将元素标记为服务器控件并使它作为可编程的元素对 Web 窗体服务器代码可见。
将 Web 服务器控件添加到 Web 窗体页
从工具箱的“Web 窗体”选项卡(而不是“HTML”选项卡),将一个 Button Web 服务器控件拖到页上。
提示 只有设计器处于“设计”视图时,“Web 窗体”选项卡才可用。
该步骤在设计器中创建一个 Web 服务器控件元素而不是一个 HTML 按钮。如果切换到“HTML”视图,您将看到以下内容:
<asp:Button id="Button1" runat="server"></asp:Button>
该元素不直接对应于 HTML 元素。而是当页运行时,创建并处理 Button Web 服务器控件的一个实例。在页处理过程中,控件将某些 HTML 元素输出到页(在本例中为一个 HTML <input type=submit> 元素)。
将 HTML 文本添加到页
在网格布局模式中,放置控件十分简单。但放置静态 HTML 文本的情况如何呢?因为页上的所有元素都是通过 x 和 y 坐标放置的,所以您不能像在流布局模式中那样只是在页上想要文本出现的位置键入文本。
方法是添加一个 HTML Label 控件,您可以在其中添加静态文本。然后,您可以将该标签(实质上是一个 <DIV> 元素)放置在页上的任何位置。
在网格布局模式下添加静态文本
从工具箱的“HTML”选项卡中,将一个 Label 控件拖到页上。放置该控件并根据要输入的文本调整其大小。
单击该标签将其选中,然后再次单击它。(缓慢地进行此操作,以确保您不是双击该元素。)
该标签进入文本编辑模式,表现为带阴影的边框。
键入所需的静态文本。例如,键入“示例 Web 窗体页”。
选择该文本,然后使用“格式”工具栏上的工具设置文本的块格式、字体、大小等。
单击标签以外的部分离开文本编辑模式。
创建事件处理程序
Web 窗体页上的服务器控件可以引发多种事件。许多事件是由用户在浏览器中进行的某些操作触发的。例如,当用户单击页上的按钮时,Button Web 服务器控件可以引发 Click 事件。
处理所引发事件的代码是在服务器上执行的。当用户单击按钮时,该页回发到服务器。ASP.NET 页框架分析事件信息,如果具有对应于该事件的事件处理程序,则自动调用您的代码。当执行完代码之后,将带有所有更改(这些更改是事件处理程序代码的结果)的页发送回浏览器。
为 Button Web 服务器控件创建事件处理程序
双击 Button Web 服务器控件。
设计器打开当前窗体的类文件并为按钮 (Button) 控件的 Click 事件创建主干事件处理程序。代码如下所示:
' Visual Basic
Private Sub Button1_Click(ByVal sender as System.Object, ByVal e as System.EventArgs) Handles Button1.Click
End Sub
// C#
private void Button1_Click(object sender, System.EventArgs e)
{
}
在该方法中编写代码通过设置其 Value 属性在 HtmlInputText 服务器控件中显示消息。例如:
' Visual Basic
Private Sub Button1_Click(ByVal sender as System.Object, ByVal e as System.EventArgs) Handles Button1.Click
Text1.Value = "Hello, Web Forms!"
End Sub
// C#
private void Button1_Click(object sender, System.EventArgs e)
{
Text1.Value = "Hello, Web Forms!";
}
5、生成并运行 Web 窗体页
在运行 Web 窗体页之前,您必须编译该页的类文件。然后,您可以在任何浏览器中查看该页。
生成并运行页
在解决方案资源管理器中,右击 WebForm1.aspx 页,然后选择“在浏览器中查看”。
Visual Studio 编译该页并将其显示在“浏览”选项卡中。
在 Web 窗体页上单击该按钮。
文本“Hello, Web Forms!”出现在文本框中。
若要停止运行窗体并返回设计模式,请关闭“浏览”选项卡。
6、后续步骤
这是一个简单的 Web 窗体页,但是它阐释了用于创建和编辑 Web 窗体的基本步骤。从这里开始,您可以开始深入研究 Visual Studio 中提供的帮助您创建复杂的 Web 应用程序的工具。
参考资料:MSDN
AiPPT
2024-09-19 广告
2024-09-19 广告
作为北京饼干科技有限公司的工作人员,关于AIPPT免费生成PPT的功能,我可以简要介绍如下:AIPPT是一款基于人工智能技术的PPT制作工具,它为用户提供了免费生成PPT的便捷服务。用户只需简单输入PPT的主题或内容大纲,AIPPT便能智能...
点击进入详情页
本回答由AiPPT提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询