计算机浏览器应用程序,基于浏览器的应用程序

基于浏览器的应用程序

分类：计算机等级

|

更新时间：2016-07-08|

来源：转载

介绍

建立一个Hello World的Web应用程序

1. 点击Start，点击Programs，点击Microsoft Visual Studio .NET 7.0，接着点击Microsoft Visual Studio .NET 7.0。

2. 点击New Project. New Project 。

3. 在Project Types 栏里，点击Visual Basic Projects，接着在 Templates pane，点击ASP .NET Web Application。不要修改Name(WebApplication1)和Location(http://)的缺省值。

4. 点击OK. 一个标题为"WebForm1.aspx"的窗口。

5. 选择View菜单，点击Toolbox (或者点击Toolbox图标).

使用Toolbox 菜单建立你的Web form。Toolbox菜单显示了一列可在Web forms中使用的控件。

6. 选择Toolbox 菜单，点击并且拖曳一个Label 到WebForm1.aspx的左上角。

7. 选择Toolbox 菜单，点击并且拖曳一个TextBox 到第6步你所放置的label的右侧。

8. 选择Toolbox 菜单，点击并且拖曳一个Button到第7步你所放置的TextBox的右侧。

9. 选择Toolbox 菜单，点击并且拖曳另一个 TextBox 放在第一个text box的下面。

编辑一个Web Form

你现在可以编辑你刚才在你的form(WebForm1.aspx)中增加的对象了。你将使用在页面的右下角的Properties编辑label和button的属性。你也将给这个button增加一个过程。

1. 点击form上的Label。

2. 在Properties里， 改变Text field 的值从"Label" 到"Enter Name:"。

3. 点击form上的Button。

4. 在Properties里， 改变Text field 的值从"Button" 到"OK"。

5. 双击form中新建的标题为OK的button。WebForm1.aspx.vb 的源代码显示出来，里面包含两个过程： Page_Init 和 Button1_Click。在这个实验里，你将仅仅修改Button1_Click 过程。

注意 不要编辑 Page_Init 过程，因为Web Form Designer使用它。

6. 将以下的代码添加到Button1_Click 过程：

If TextBox1().Text <> "" Then

TextBox2().Text = "Hello " & TextBox1().Text & "!"

End If

当这段代码添加进去后，应用程序就可以运行了。

注意 因为这只是Visual Studio .NET的Beta 2版，所以应用程序可能装载的时间比预期的长一点。这是因为有很多调试代码需要执行。

7. 按F5。

应用程序编译后将启动一个新的浏览器窗口。

8. 在text box中，输入名字例如"John"。

9. 单击OK。你编辑的Web form。

关闭

按照以下步骤执行关闭应用程序：

1. 单击File，接着Close，关闭 Internet Explorer。

2. 单击File，接着Exit，关闭IDE。