建设网站包维护,上海网站群建设,口碑好网站建设哪家好,软件编程自学网随着技术的发展#xff0c;ASP.NET Core MVC也推出了好长时间#xff0c;经过不断的版本更新迭代#xff0c;已经越来越完善#xff0c;本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容#xff0c;适用于初学者#xff0c;在校毕业生#xff0c…随着技术的发展ASP.NET Core MVC也推出了好长时间经过不断的版本更新迭代已经越来越完善本系列文章主要讲解ASP.NET Core MVC开发B/S系统过程中所涉及到的相关内容适用于初学者在校毕业生或其他想从事ASP.NET Core MVC 系统开发的人员。 经过前几篇文章的讲解初步了解ASP.NET Core MVC项目创建启动运行以及命名约定创建控制器视图模型接收参数传递数据路由页面布局等内容今天继续讲解ASP.NET Core MVC wwwroot和客户端库等相关内容仅供学习分享使用。 wwwroot文件夹概述 通过模板创建的ASP.NET Core MVC项目会在程序根目录创建一个wwwroot文件夹。此文件夹又称为webroot文件夹主要用于存放静态资源文件如htmlJavaScriptcss样式等内容。默认情况下存在wwwroot文件夹下的所有静态资源都可以通过Http请求提供服务。在新的框架中且只有存放于wwwroot目录下的静态资源可以直接通过Http访问其他目录下的静态资源都将阻止。 静态资源中间件 为了使wwwroot目录下的静态资源能够被Http直接访问需要在程序启动时【Program.cs】加载静态资源中间件。如下所示
var builder WebApplication.CreateBuilder(args);// Add services to the container.
builder.Services.AddControllersWithViews();var app builder.Build();// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{app.UseExceptionHandler(/Home/Error);// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.app.UseHsts();
}app.UseHttpsRedirection();//1. 启动静态资源服务中间件
app.UseStaticFiles();app.UseRouting();app.UseAuthorization();app.MapControllerRoute(name: default,pattern: {controllerHome}/{actionIndex}/{id?});app.Run(); 静态资源示例 根据模板创建的ASP.NET Core MVC项目直接运行会通过路由设置默认加载Home/Index页面如下所示 在wwwroot目录下创建index.html内容如下所示
!DOCTYPE html
html
headmeta charsetutf-8 /title静态首页/title
/head
bodyh1公子小六/h1h2这是静态首页/h2
/body
/html
在Program.cs启动文件中添加默认文件中间件【app.UseDefaultFiles();】如下所示
var builder WebApplication.CreateBuilder(args);
// Add services to the container.
builder.Services.AddControllersWithViews();
var app builder.Build();
// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{app.UseExceptionHandler(/Home/Error);// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.app.UseHsts();
}
app.UseHttpsRedirection();//0. 允许默认文件映射
app.UseDefaultFiles();
//1. 启动静态资源服务中间件
app.UseStaticFiles();app.UseRouting();
app.UseAuthorization();
app.MapControllerRoute(name: default,pattern: {controllerHome}/{actionIndex}/{id?});app.Run();
再次运行程序会发现静态默认首页Index.html会替换之前默认的Home/Index路由视图如下所示 通过以上示例得出在结论默认静态资源首页优先级高于默认路由。 修改默认资源名称 默认启动静态资源名称为Index.html可以通过DefaultFilesOptions指定默认的首页加载顺序和名称。如下所示
var builder WebApplication.CreateBuilder(args);
// Add services to the container.
builder.Services.AddControllersWithViews();
var app builder.Build();
// Configure the HTTP request pipeline.
if (!app.Environment.IsDevelopment())
{app.UseExceptionHandler(/Home/Error);// The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.app.UseHsts();
}
app.UseHttpsRedirection();//默认文件启动项
DefaultFilesOptions options new DefaultFilesOptions();
options.DefaultFileNames.Add(Hello.html);
//0. 允许默认文件映射
app.UseDefaultFiles(options);//1. 启动静态资源服务中间件
app.UseStaticFiles();app.UseRouting();
app.UseAuthorization();
app.MapControllerRoute(name: default,pattern: {controllerHome}/{actionIndex}/{id?});app.Run();
修改后再次启动发现加载的依然是Index.html而不是Hello.html。经过调试发现DefaultFilesOptions的默认加载页面会自动填充4个默认页面名称。后面添加的页面名称会在原有默认页面之后。如下所示 经过以上分析删除默认的index.html页面重新启动默认首页变成了Hello.html页面如下所示 静态资源文件除了可以通过静态资源中间件来实现【app.UseStaticFiles()】还可以通过文件服务中间件来实现如下所示
FileServerOptions options new FileServerOptions();
options.DefaultFilesOptions.DefaultFileNames.Add(Hello.html);
app.UseFileServer(options); 修改静态资源目录 默认的静态资源目录为wwwroot一般也是通用的webroot文件夹名称如果需要修改成其他目录 可以通过WebApplication.CreateBuilder(options)中的选项进行修改接线所示
WebApplicationOptions weboptions new WebApplicationOptions() { WebRootPathwwwroot2 };
var builder WebApplication.CreateBuilder(weboptions);
修改后重新运行程序如下所示 注意为了让wwwroot2生效必须修改原有的wwwrooot文件名称或者删除wwwroot文件夹否则wwwroot2将不生效。 客户端库 客户端库主要是指JavaScriptCSS等第三方库在ASP.NET Core MVC项目中安装客户端库如下所示
在项目名称处右键选择添加客户端库如下所示 在打开的客户端库添加窗口可以选择需要的库名称进行搜索然后进行安装即可如下所示 安装成功后在目标位置即可进行查看如下所示 以上就是关于ASP.NET Core MVC项目中wwwroot和客户端库相关内容。关于客户端库在安装成功后如何在页面中引用将在后续章节中进行介绍。
