Skip to main content
 Web开发网 » 站长学院 » 浏览器插件

NetCore/Net5 Web应用开发基础-Net 介绍

2021年10月11日7260百度已收录

.Net 介绍

.NET 5 下一代全平台 .Net 框架,更多更详细介绍我就不复制粘贴了,也没啥意义,网上一搜一大把,这里只是提一下让大家有个印象就成。因为这个是个很基础的系列,所以很多方面都只是浅尝辄止,旨在让初学者能够直观上有个概念然后能快速入门,大伙可以根据这个线索提纲有针对性深度学习研究。

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第1张

常用的应用程序类型

桌面应用程序(WPF/Windows窗体) 本地安装的传统应用程序。

在旧版本如Windows(7,XP)中运行良好

UWP(通用Windows平台)和Xamarin 从Windows应用商店安装

在移动、PC、Xbox、IoT、HaloLens上运行

Web应用 客户端无需安装。直接从浏览器运行,需要Internet Explorer、Edge、Firefox、Chrome、Safari等浏览器

本系列目前暂时只关注web 也就是asp.net 及asp.net webapi相关的技术。

VS2019 快速创建项目下载地址: 所以在安装的时候这个工作负载需要选择,如下图:

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第2张

安装完成后打开大概如下图:

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第3张

在创建第一个项目之前先简单介绍下解决方案和项目工程

VS项目

项目用于构建应用程序。

由代码、图形和网页组成的应用。

项目的输出通常是一个可执行文件

可以部署到服务器或设备。

VS解决方案

解决方案用于将相关的多个项目分组在一起

下面就来按图所示一步一步地创建第一个项目:点击创建新项目

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第4张

选择web 开发语言C#,选择asp.net core web 应用程序项目模板,点击下一步

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第5张

填写项目名称“L01”,选择项目存储的位置,填写解决方案的名称“NetWeb应用开发基础”,然后点击创建进行下一步配置

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第6张

选择最新的目标框架asp.net core5.0 选择asp.net core 空 项目模板进行创建项目,我们把配置勾选去掉,暂时还用不着,点击创建进行项目及解决方案的创建

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第7张

解决方案及项目创建成功

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第8张

因为本节主要介绍HTML CSS,那么我们先为项目创建一个存放处理静态文件的文件夹,文件夹名为“”,当然其实可以配置更改,也可以配置多个,只是不在本次介绍范围内,有兴趣可以自行深度学习,后期会有相关介绍

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第9张

接下来我们就要创建第一个HTML网页了在解决方案资源管理器中右键L01项目中刚刚创建的 点击添加完成

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第10张

接下来打开刚刚创建的html 页面进行修改保存并运行修改完成后右键helloworld.html>选择在浏览器中查看页面即可在对应的浏览器中运行呈现了

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第11张

其实如果不出意外你将看到运行错误的页面,浏览器会告诉你没有找到对应的页面,这个是为什么呢?原来我们创建的是空项目,所以还有少许配置没有配置,现在我们打开Startup.cs,做如下配置:

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第12张

然后保存完成后再次右键helloworld.html在浏览器中查看,本次如无意外你将看到类似下图页面,恭喜你你的第一个html运行成功。

NetCore/Net5 Web应用开发基础-Net 介绍  .net开发 第13张

本节介绍完毕,内容只针对入门人群,所以很基础,会一步一步的用实例深入。下一节将简单介绍HTML

评论列表暂无评论
发表评论
微信