欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Visual Studio 2019 创建第一个ASP.net web应用程序

程序员文章站 2024-02-28 15:48:28
...

ASP.NET Core

ASP.NET Core是一个免费且开放源代码的Web框架,以及由微软和社区开发的下一代ASP.NET。它是一个模块化框架,既可以Windows上的完整.NET Framework上运行,也可以在跨平台.NET Core上运行。

下载安装包:

Visual Studio 2019 下载地址:https://visualstudio.microsoft.com/zh-hans/vs/ 选择community版

启动安装程序选择组件:

选择“ASP.net 和 Web开发”
Visual Studio 2019 创建第一个ASP.net web应用程序
软件安装位置可以自行选择,目前要用到的组件应该就是这个,其他的也可以按照自己的兴趣去安装。

创建第一个ASP.net网页应用程序:

Visual Studio 2019 创建第一个ASP.net web应用程序
打开Visual Studio 2019 选择创建新项目
Visual Studio 2019 创建第一个ASP.net web应用程序
选择ASP.NET Web应用程序(.NET Framework)这个选项即可。网上一般都是说选择ASP.NET Core Web应用程序,但vs2017选择这个后没有web窗体选项,所有只能选择ASP.NET Web应用程序(.NET Framework)
Visual Studio 2019 创建第一个ASP.net web应用程序
配置新项目
Visual Studio 2019 创建第一个ASP.net web应用程序
创建新的ASP.NET Web应用程序,选择空模板,勾选Web窗体
Visual Studio 2019 创建第一个ASP.net web应用程序
Visual Studio 2019 创建第一个ASP.net web应用程序
点击‘视图’,在下拉列表中点击‘解决方案资源管理器’,右键单击解决方案名称>添加>新建项
Visual Studio 2019 创建第一个ASP.net web应用程序
选择‘Web窗体’,点击添加
Visual Studio 2019 创建第一个ASP.net web应用程序
点击‘设计’,在工具箱中找到Lable,TextBox,Button标签
Visual Studio 2019 创建第一个ASP.net web应用程序
将标签拖动到右边空白处。
Visual Studio 2019 创建第一个ASP.net web应用程序
实现这样的摆放
Visual Studio 2019 创建第一个ASP.net web应用程序
将第一个Lable的Text属性改为“请输入你的名字:”,ID:lbl_Name
TextBox: ID: txt_Name
Button:Text>确定,ID:btn_OK
最后一个Lable标签:Text: (空)ID:lbl_Result
Visual Studio 2019 创建第一个ASP.net web应用程序
Visual Studio 2019 创建第一个ASP.net web应用程序
双击刚刚的确定按钮跳转到此页面,编写‘确定’按钮的单击事件

If txt_Name.Text = "" Then
	lbl_Result.Text = "名字不能为空!"
ElseIf txt_Name.Text <> "" Then
  	lbl_Result.Text = "Hello!恭喜 " + txt_Name.Text + "进入ASP.net的第一章"
End If

Ctrl+S保存再关闭
Visual Studio 2019 创建第一个ASP.net web应用程序
开始调试
Visual Studio 2019 创建第一个ASP.net web应用程序
Visual Studio 2019 创建第一个ASP.net web应用程序
大功告成!!!

相关标签: 1