ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

随着技术的发展,ASP.NET Core MVC也推出了好长时间,经过不断的版本更新迭代,已经越来越完善,本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容,适用于初学者,在校毕业生,或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前几篇文章的讲解,初步了解ASP.NET Core MVC项目创建,启动运行,以及命名约定,创建控制器,视图,模型,接收参数,传递数据,路由,页面布局等内容,今天继续讲解ASP.NET Core MVC wwwroot和客户端库等相关内容,仅供学习分享使用。

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

 

wwwroot文件夹概述

 

通过模板创建的ASP.NET Core MVC项目,会在程序根目录创建一个wwwroot文件夹。此文件夹又称为webroot文件夹,主要用于存放静态资源文件,如:html,JavaScript,css样式等内容。默认情况下,存在wwwroot文件夹下的所有静态资源都可以通过Http请求提供服务。在新的框架中,且只有存放于wwwroot目录下的静态资源可以直接通过Http访问,其他目录下的静态资源都将阻止。

 

静态资源中间件

 

为了使wwwroot目录下的静态资源能够被Http直接访问,需要在程序启动时【Program.cs】加载静态资源中间件。如下所示:

 1 var builder = WebApplication.CreateBuilder(args);
 2 
 3 // Add services to the container.
 4 builder.Services.AddControllersWithViews();
 5 
 6 var app = builder.Build();
 7 
 8 // Configure the HTTP request pipeline.
 9 if (!app.Environment.IsDevelopment())
10 {
11     app.UseExceptionHandler("/Home/Error");
12     // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
13     app.UseHsts();
14 }
15 
16 app.UseHttpsRedirection();
17 
18 //1. 启动静态资源服务中间件
19 app.UseStaticFiles();
20 
21 app.UseRouting();
22 
23 app.UseAuthorization();
24 
25 app.MapControllerRoute(
26     name: "default",
27     pattern: "{controller=Home}/{action=Index}/{id?}");
28 
29 app.Run();

 

静态资源示例

 

创建程序后,直接运行,会通过路由设置,默认加载Home/Index页面,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

在wwwroot目录下,创建index.html,内容如下所示:

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="utf-8" />
 5     <title>静态首页</title>
 6 </head>
 7 <body>
 8     <h1>公子小六</h1>
 9     <h2>这是静态首页</h2>
10 </body>
11 </html>

在Program.cs启动文件中,添加默认文件中间件【app.UseDefaultFiles();】,如下所示:

 1 var builder = WebApplication.CreateBuilder(args);
 2 // Add services to the container.
 3 builder.Services.AddControllersWithViews();
 4 var app = builder.Build();
 5 // Configure the HTTP request pipeline.
 6 if (!app.Environment.IsDevelopment())
 7 {
 8     app.UseExceptionHandler("/Home/Error");
 9     // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
10     app.UseHsts();
11 }
12 app.UseHttpsRedirection();
13 
14 
15 //0. 允许默认文件映射
16 app.UseDefaultFiles();
17 //1. 启动静态资源服务中间件
18 app.UseStaticFiles();
19 
20 
21 app.UseRouting();
22 app.UseAuthorization();
23 app.MapControllerRoute(
24     name: "default",
25     pattern: "{controller=Home}/{action=Index}/{id?}");
26 
27 app.Run();

再次运行程序,会发现静态默认首页Index.html会替换之前默认的Home/Index路由视图,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

通过以上示例得出在结论:默认静态资源首页优先级高于默认路由。

 

修改默认资源名称

 

默认启动静态资源名称为Index.html,可以通过DefaultFilesOptions指定默认的首页加载顺序和名称。如下所示:

 1 var builder = WebApplication.CreateBuilder(args);
 2 // Add services to the container.
 3 builder.Services.AddControllersWithViews();
 4 var app = builder.Build();
 5 // Configure the HTTP request pipeline.
 6 if (!app.Environment.IsDevelopment())
 7 {
 8     app.UseExceptionHandler("/Home/Error");
 9     // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
10     app.UseHsts();
11 }
12 app.UseHttpsRedirection();
13 
14 //默认文件启动项
15 DefaultFilesOptions options = new DefaultFilesOptions();
16 options.DefaultFileNames.Add("Hello.html");
17 //0. 允许默认文件映射
18 app.UseDefaultFiles(options);
19 
20 //1. 启动静态资源服务中间件
21 app.UseStaticFiles();
22 
23 app.UseRouting();
24 app.UseAuthorization();
25 app.MapControllerRoute(
26     name: "default",
27     pattern: "{controller=Home}/{action=Index}/{id?}");
28 
29 app.Run();

修改后再次启动,发现加载的依然是Index.html,而不是Hello.html。经过调试发现,DefaultFilesOptions的默认加载页面,会自动填充4个默认页面名称。后面添加的页面名称会在原有默认页面之后。如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

 经过以上分析,删除默认的index.html页面,重新启动,默认首页变成了Hello.html页面,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

 静态资源文件除了可以通过静态资源中间件来实现【app.UseStaticFiles()】,还可以通过文件服务中间件来实现,如下所示:

1 FileServerOptions options = new FileServerOptions();
2 options.DefaultFilesOptions.DefaultFileNames.Add("Hello.html");
3 app.UseFileServer(options);

 

修改静态资源目录

 

默认的静态资源目录为wwwroot,一般也是通用的webroot文件夹名称,如果需要修改成其他目录 ,可以通过WebApplication.CreateBuilder(options)中的选项进行修改,接线所示:

1 WebApplicationOptions weboptions = new WebApplicationOptions() { WebRootPath="wwwroot2" };
2 var builder = WebApplication.CreateBuilder(weboptions);

修改后,重新运行程序,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

注意:为了让wwwroot2生效,必须修改原有的wwwrooot文件名称或者删除wwwroot文件夹,否则wwwroot2将不生效。

 

客户端库

 

客户端库主要是指JavaScript,CSS等第三方库,在ASP.NET Core MVC项目中,安装客户端库如下所示:

在项目名称处右键,选择添加,客户端库,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

 在打开的客户端库添加窗口,可以选择需要的库名称,进行搜索,然后进行安装即可,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

 安装成功后,在目标位置即可进行查看,如下所示:

ASP.NET Core MVC 从入门到精通之wwwroot和客户端库

以上就是关于ASP.NET Core MVC项目中wwwroot和客户端库相关内容。关于客户端库在安装成功后,如何在页面中引用,将在后续章节中进行介绍。

 

原文链接:https://www.cnblogs.com/hsiang/p/17328107.html

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:ASP.NET Core MVC 从入门到精通之wwwroot和客户端库 - Python技术站

(0)
上一篇 2023年4月25日
下一篇 2023年4月25日

相关文章

  • C#基于Sockets类实现TCP通讯

    C#基于Sockets类实现TCP通讯攻略 TCP/IP协议是网络编程的基石,它提供了可靠的传输和连接保障。在C#语言中,可以使用Sockets类库进行网络编程。接下来,我们将详细讲解如何基于Sockets类实现TCP通讯。 步骤一:创建套接字 套接字是网络通讯的基础设施,它代表了通讯的终点。在C#中,可以通过Socket类进行套接字的创建和管理。 IPAd…

    C# 2023年6月6日
    00
  • ASP.NET项目开发中日期控件DatePicker如何使用

    下面我将详细讲解ASP.NET项目开发中日期控件DatePicker如何使用的完整攻略。 DatePicker使用攻略 步骤一:引入DatePicker控件 在ASP.NET项目中,我们可以使用nuget在线包管理器快速安装jQuery和jQuery-UI的依赖包。具体操作步骤如下: 打开Visual Studio; 在项目的“解决方案资源管理器”中找到“引…

    C# 2023年6月3日
    00
  • 描述C#多线程中lock关键字的使用分析

    下面是“描述C#多线程中lock关键字的使用分析”的完整攻略。 Lock关键字的作用 在C#多线程编程中,我们经常需要使用共享资源,例如某个数据结构,多线程并发访问这个数据结构是不可避免的,这时候就需要通过控制临界区域来避免多个线程同时访问同一份数据造成的竞态条件问题。Lock关键字就是用来实现线程同步的机制,保障了程序在并发情况下的安全性。 Lock关键字…

    C# 2023年5月15日
    00
  • C#写差异文件备份工具的示例

    下面详细讲解“C#写差异文件备份工具的示例”的完整攻略。 1. 确定需求和技术方案 在开始开发前,我们需要明确这个备份工具的需求和技术方案。这个备份工具需要通过比对源文件和目标文件的差异,只保留源文件中的新增、修改、删除等操作,实现对文件的备份。 技术方案可以借助Git等版本控制工具的基本原理来实现。通过计算文件内容的hash值,比较源文件和目标文件的has…

    C# 2023年6月6日
    00
  • c#下将.cs文件编译成dll

    将C#源代码编译成.dll文件,一般可以通过Visual Studio或者命令行来完成。 使用Visual Studio编译 如果使用Visual Studio开发C#程序,可以直接编译成.dll文件。 打开Visual Studio,创建新的C#项目。 在项目中添加需要编译成.dll文件的.cs源文件。 右键点击源文件,选择“生成”,或者使用快捷键 Ctr…

    C# 2023年6月1日
    00
  • ASP.NET常用小技巧

    ASP.NET常用小技巧攻略 简介 ASP.NET是一个非常强大的Web框架,拥有很多小技巧可以节省开发时间并提高效率。本攻略将介绍一些ASP.NET的常用小技巧,可以帮助开发者更好的应用这个框架进行Web应用程序开发。 1. 锐利如刀的@ 符号 在ASP.NET中,@符号有多个用途,最常见的就是作为内嵌代码中的语句分隔符,但是他还有一些更强大的用途。 1.…

    C# 2023年6月3日
    00
  • 带着问题读CLR via C#(笔记二)类型基础

    首先,你需要明确CLRviaC#是一本深入CLR和C#的书籍,针对读者提出了一系列问题,通过深入讲解各种类型的基础知识来解答这些问题。因此,想要完整掌握CLRviaC#,需要掌握以下几个步骤: 1. 阅读笔记前先阅读CLRviaC#原著 CLRviaC#是一本非常优秀的书籍,但它也是非常深入的一本书籍。为了能够真正理解笔记,你需要先阅读原著,并掌握其中的主要…

    C# 2023年5月15日
    00
  • C#利用SharpPcap实现网络包捕获嗅探

    我们来详细讲解一下“C#利用SharpPcap实现网络包捕获嗅探”的完整攻略。 什么是SharpPcap SharpPcap是一个跨平台的开源网络抓包工具库。使用它,你可以在Windows、Linux、Mac OS X等操作系统上创建网卡列表、捕获网络流量,把抓到的网络数据包解码成协议数据单元(PDUs)。 安装SharpPcap SharpPcap依赖于W…

    C# 2023年6月1日
    00
合作推广
合作推广
分享本页
返回顶部