【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置

一、打开VS2019选择创建新项目【最好以管理员身份运行VS2019,后面发布网站时需要以管理员身份,避免后面还要重启,可以一开始就以管理员身份运行】

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第1张图片

二、选择语言为C#,然后选择“ASP.NET Web应用程序(.NET Framework)

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第2张图片

如果选择创建新项目后打开没有以上选项,则需要对VS2019的安装进行修改

1、电脑左下角——开始——找到Visual Studio Installer打开——修改

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第3张图片【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第4张图片

2、选中图中框出的部分,点击安装即可,安装成功后重启VS就会有了

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第5张图片

 三、填写项目名字与存放位置后点击创建项目

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第6张图片

选择空项目,点击创建,等待项目创建成功

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第7张图片

四、右键添加新项——Web窗体

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第8张图片【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第9张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第10张图片

五、添加完Web窗体后界面如下,则可以利用html或者css的标签来设计自己所要展示的网页【注:.aspx是动态网页文件的后缀  具体可以百度】

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第11张图片

除了通过自己手写代码以外,还可以通过工具箱添加控件来设计网页【主要可以利用button或者table等】 

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第12张图片

如在页面添加Table控件(在HTML那一栏)还有超链接控件(标准)与图片控件,并且设置对应的文字与链接

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第13张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第14张图片

 

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第15张图片

网页可自行设计,选择自己习惯的方式,在设计完网站之后便可以发布Web了

六、发布Web,同样右键点击发布,选择文件夹,然后点击下一步

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第16张图片【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第17张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第18张图片

设置存放位置,点击完成,点击发布

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第19张图片【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第20张图片

文件夹内所存储的发布网站内容如下:

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第21张图片

到这一步Web已经发布成功,接下来就是如何将其配置到IIS上 

七、IIS与ASP.NET的安装与配置

找到控制面板——程序——启用或关闭Windows功能,把对应的都勾上

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第22张图片然后打开文件夹找到C:\Windows\Microsoft.NET\Framework\v4.0.30319这一路径,然后打开cmd

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第23张图片

输入aspnet_regiis -i,显示安装成功【安装与配置ASP.NET】

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第24张图片

然后打开浏览器输入:localhost 显示网页则代表IIS服务安装成功【不同浏览器/不同操作系统页面可能不同】

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第25张图片

然后打开控制面板——系统与安全——管理工具——IIS

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第26张图片

前面ASP.NET配置安装成功则IIS会显示如下 

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第27张图片

八、添加网站

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第28张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第29张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第30张图片 

在浏览网站之前,先将存放发布的网站所在文件夹修改权限,添加一个“Everyone”用户,权限为完全控制。防止报错显示无权限访问

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第31张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第32张图片 

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第33张图片

九、重新启动并点击浏览,浏览器自动打开界面设计

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第34张图片

【详细】利用VS2019创建Web项目,并发送到IIS,以及IIS与ASP.NET配置_第35张图片

 

 

 

你可能感兴趣的:(Web开发技术学习记录,c#,asp.net,服务器,visualstudio,前端)