教学材料《ASP NET 实训教程》-第1章

1.1实验开发部署一个简单的Web应用程序实验目的

1.熟练掌握ASP.NETWeb应用程序的部署方法。

2.熟悉VisualStudio.NET2003的使用。返回下一页1.1实验开发部署一个简单的Web应用程序实验内容开发部署一个简单的Web应用程序。在VisualStudio.NET2003中开发一个简单的ASP.NETWeb应用程序，编译并部署到另一台计算机上。下面是一个简单的文本框输入验证程序，可以通过简单的属性设置实现，操作步骤如下。

(1)在“开始”菜单中选择“所有程序→MicrosoftVisualStudio.NET2003→MicrosoftVisualStudio.NET2003”命令，如图1-1所示，打开如图1-2所示的MicrosoftVisualStudio.NET2003界面。返回下一页上一页1.1实验开发部署一个简单的Web应用程序(2)选择“文件”→“新建”→“项目”命令，打开如图1-3所示的“新建项目”对话框，在“项目类型”列表框中选择“VisualC#项目”文件夹，在“模板”列表框中选择“ASP.NETWeb应用程序”选项，并输入项目名称，如First。

(3)在项目中添加Web页面，选择“文件”→“添加新项”命令，如图1-4所示。

(4)在打开的“添加新项”对话框中选择“Web窗体”选项，并修改其名称为wb.aspx，如图1-5所示。返回下一页上一页1.1实验开发部署一个简单的Web应用程序(5)在页面上添加Web服务器控件，在窗体左边的工具箱中选择“Web窗体”选项卡，如图1-6所示，双击上面的控件即可将其添加到窗体中。

(6)设置控件属性，右击控件在弹出的快捷菜单中选择“属性”命令，可以在Web窗体的右边看到控件属性面板，如图1-7所示。返回下一页上一页1.1实验开发部署一个简单的Web应用程序(7)分别设置添加的3种控件的属性如下。

TextBox控件:id=tb1，ToolTip="请输入E-mail";

验证控件RegularExpressionValidator:id=revl，ControlToValidate=tbl,ErrorMessage=“输入有误，请输入正确的E-mail'，

ValidationExpression=“\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"Button控件:id=btn1，Text=”验证"返回下一页上一页1.1实验开发部署一个简单的Web应用程序

其中，要设置RegularExpressionValidator控件的ValidationExpression属性，单击属性面板中的“…”(浏览)按钮，打开“正则表达式编辑器”对话框，从中选择相应的验证表达式即可，如图1-8所示。

(8)设置完毕后，在窗体上右击，在弹出的快捷菜单中选择“在浏览器中查看”命令，也可以在窗体右面的“解决方案资源竹理器”中右击该窗体文件，在弹出的快捷菜单中选择“设置为起始页”命令，然后选择“调试”→“启动”命令，如图1-9所示。浏览页面，输入错误的E-mail，单击“验证”按钮就会出现如图1-10所示的效果。返回下一页上一页1.1实验开发部署一个简单的Web应用程序(9)下面将编译完成的程序部署到安装有.NET运行环境的服务器上。首先看一下项目的文件日录，如图1-11所示。只要将aspx、aspx.resx类型文件、bin文件以及Web.config文件复制到新建的虚拟目下即可，因为服务器中的源代码己经编译成为.dll文件放在bin文件中了。新建虚拟目录可以参考实用教程，这里就不再赘述了。返回上一页图1-1选择“MicrosoftVisualStudio.NET2003”命令返回图1-2VisualStudio.NET2003界面返回图1-3“新建项目”对话框返回图1-4选择“添加新项”命令返回图1-5“添加新项”对话框返回图1-6