基于浏览器的应用程序
2008-04-09 04:42:18来源:互联网 阅读 ()
在这次实践练习中在这个手把手的实验里,你将使用一个Web form 一步一步的建立一个Hello World的Web应用程序。
建立一个Hello World的Web应用程序
1. 点击Start,点击Programs,点击Microsoft Visual Studio .NET 7.0,接着点击Microsoft Visual Studio .NET 7.0。起始页如图1所示。
图1. Visual Studio .NET IDE的起始页
图 2. New Project 窗口
4. 点击OK. 一个标题为"WebForm1.aspx"的窗口出现如图3。
图 3. 带有网格的空白Web form
使用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看起来可能很象图4所示。
图4. Web Form 设计网格和对象
编辑一个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。
应用程序编译后将启动一个新的浏览器窗口如图五所示。
图五. 用浏览器浏览Web form
8. 在text box中,输入名字例如"John"。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash