最新要闻
- 每日热点:中汽协:3月乘用车产销分别完成214.9万辆和201.7万辆 同比分别增长14.3%和8.2%
- 铜川市气象台发布沙尘暴黄色预警【Ⅲ级/较重】
- 环球热头条丨最强折叠屏!vivo X Fold2亮相:7项参数全球唯一
- 《古龙风云录》等86款游戏过审:4月国产游戏版号公布
- 《灌篮高手》周边卖断货 官方急挂公告:真没货了 亲们!_世界头条
- 全球最资讯丨科大讯飞Q1营收28.88亿元 即将发布认知大模型
- vivo X Fold2外观正式揭晓:双材质拼接设计独特 环球热资讯
- 快看点丨后悔没早学 两招轻松搞定打印机堵头难题
- 全球微动态丨冰淇淋只给外国人道歉后 探访风波中的宝马mini展台:有男子免费派发甜筒
- 上海车展三星推第6代方形电池 UP主吐槽“闲人免进”:护我安全
- 天天时讯:家用强力灭蚊!雅格充电电蚊拍9.9元起抄底
- 巨幕大于想象!vivo X Fold2/X Flip折叠屏未发先火:超50万人预约
- 【天天速看料】2.56万方!南通这里,即将拆除!
- 【世界报资讯】何冰:演员没有理解力就只剩大声说话了
- 合金弹头觉醒前期最强阵容搭配推荐
- 【天天热闻】4999元 机械师推出新款创物者X14笔电:RTX2050 4GB独显
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
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和客户端库等相关内容,仅供学习分享使用。
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页面,如下所示:
在wwwroot目录下,创建index.html,内容如下所示:
1 2 3 4 5静态首页 6 7 8公子小六
9这是静态首页
10 11
在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路由视图,如下所示:
通过以上示例得出在结论:默认静态资源首页优先级高于默认路由。
修改默认资源名称
默认启动静态资源名称为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个默认页面名称。后面添加的页面名称会在原有默认页面之后。如下所示:
经过以上分析,删除默认的index.html页面,重新启动,默认首页变成了Hello.html页面,如下所示:
静态资源文件除了可以通过静态资源中间件来实现【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);
修改后,重新运行程序,如下所示:
注意:为了让wwwroot2生效,必须修改原有的wwwrooot文件名称或者删除wwwroot文件夹,否则wwwroot2将不生效。
客户端库
客户端库主要是指JavaScript,CSS等第三方库,在ASP.NET Core MVC项目中,安装客户端库如下所示:
在项目名称处右键,选择添加,客户端库,如下所示:
在打开的客户端库添加窗口,可以选择需要的库名称,进行搜索,然后进行安装即可,如下所示:
安装成功后,在目标位置即可进行查看,如下所示:
以上就是关于ASP.NET Core MVC项目中wwwroot和客户端库相关内容。关于客户端库在安装成功后,如何在页面中引用,将在后续章节中进行介绍。
关键词:
ASP.NET Core MVC 从入门到精通之wwwroot和客户端库 世界短讯
海思Hi35xx uboot启动分析总结
上平台! 车联网智能化晋级高段位!
PHP 教程_编程入门自学教程_菜鸟教程-免费教程分享-每日快讯
每日热点:中汽协:3月乘用车产销分别完成214.9万辆和201.7万辆 同比分别增长14.3%和8.2%
铜川市气象台发布沙尘暴黄色预警【Ⅲ级/较重】
环球热头条丨最强折叠屏!vivo X Fold2亮相:7项参数全球唯一
《古龙风云录》等86款游戏过审:4月国产游戏版号公布
《灌篮高手》周边卖断货 官方急挂公告:真没货了 亲们!_世界头条
全球最资讯丨科大讯飞Q1营收28.88亿元 即将发布认知大模型
vivo X Fold2外观正式揭晓:双材质拼接设计独特 环球热资讯
世界微速讯:【金融街发布】人民银行:加快新型信息基础设施建设 加快金融数字化转型
快看点丨后悔没早学 两招轻松搞定打印机堵头难题
全球微动态丨冰淇淋只给外国人道歉后 探访风波中的宝马mini展台:有男子免费派发甜筒
上海车展三星推第6代方形电池 UP主吐槽“闲人免进”:护我安全
天天时讯:家用强力灭蚊!雅格充电电蚊拍9.9元起抄底
巨幕大于想象!vivo X Fold2/X Flip折叠屏未发先火:超50万人预约
【天天速看料】2.56万方!南通这里,即将拆除!
环球微头条丨【0基础学爬虫】爬虫基础之自动化工具 Selenium 的使用
焦点精选!易基因:MeRIP-seq等揭示m6A甲基化修饰对抗病毒基因表达的转录调控机制|Cell Rep
关注:深度学习--PyTorch维度变换、自动拓展、合并与分割
【环球新要闻】记录-JS简单实现购物车图片局部放大预览效果
创建本地yum仓库
【世界报资讯】何冰:演员没有理解力就只剩大声说话了
合金弹头觉醒前期最强阵容搭配推荐
【天天热闻】4999元 机械师推出新款创物者X14笔电:RTX2050 4GB独显
当前热讯:小米13/13 Pro/13 Ultra三款机型对比:到底怎么选 一目了然
【快播报】暴雪承认《暗黑破坏神4》洗点费用有点贵 但不会改
沙尘翻过秦岭入川:局地AQI爆表!成都“躲过一劫”
天天短讯!雷军现身比亚迪腾势、仰望展台 用小米13 Ultra狂拍
世界热门:工信部:将实施5G规模化应用工程 指导发布5G行业建设指南
全球时讯:最新持仓浮出水面:百亿级私募左手AI右手“央国企”
【天天播资讯】Natasha Preheating(三)
全球新动态:集合 第二天
环球今热点:24道Python面试练习题
Kubesphere-DevOps-记一次流水线排错
新起点!大数据分布式可视化的 DAG 任务调度系统 Taier 正式发布1.4版本
滚动:蛇怕什么?
环球速递!小米之家人山人海!小米13 Ultra销售火爆
今日热搜:广告内容“量身定制”!谷歌计划使用生成式AI推送广告
天天热门:女子眼球被摘除,竟是痔疮惹的祸!
疯狂育儿模式 长达4年半不吃不喝不挪窝:自虐死亡的章鱼图啥?
瑞幸咖啡员工称被罚抄写顾客差评 客服回应:对顾客负责
天天观察:AMD YES!史上最强核显Radeon 780M首测:《赛博朋克2077》流畅丝滑
当前观察:2023年医保新规如何给家人用?医保卡新规2023一家人用可以吗?
全球短讯!k8s介绍与常用命令
我替 OpenAI 实现了 ChatGPT 聊天记录复制功能
天天讯息:ubuntu编译字符设备
今日热门!咨询chatGPT关于c#脚本的方案,全文无任何修改。
天天通讯!GIS在电力管理中的应用
央行:我国不存在长期通缩或通胀的基础
观焦点:新华社权威快报|5G基站超264万个 我国数字化基础不断夯实
天天微动态丨汽车厂商要登月!现代联手科研机构开发探月机器人
当前播报:俄罗斯开发者拿到钱了 显卡超频神器Afterburner恢复更新:等了1年半
环球热消息:斯柯达研发新EA211系列发动机:全新帕萨特、速派等50车搭载
人类最强火箭!SpaceX星舰今晚重新发射:目前系统一切正常
天天热议:宝马MINI的冰淇淋只配老外吃:高管刚表示BMW家在中国
“零工市场”为灵活就业“添翼续航”
“4.5%”彰显中国经济的韧性和活力
“中国车企加速迈向电动化,将国际老牌车企甩在身后”
环球新动态:IDEA编译Spring源码教程
微资讯!使用etcd实现Master的选举功能
Rust 知识积累(6)
当前快播:【Jmeter】Request1输出作为Request2输入-后置处理器
世界热文:详解数据结构中栈的定义和操作
通讯!估值1000亿 消息称国产内存厂商寻求IPO上市:4年前量产首款DDR4芯片
张颂文用小米13 Ultra拍照!网友建议加上水印
【天天时快讯】巴西总统认为电子游戏是垃圾 让年轻人学会暴力杀戮
长达10年维护落幕:微软提醒Office 2013已停止支持
当前速看:郑渊洁称维权生活像吃苍蝇:21年只成功37个商标 还有673个没成
联想刘军:今年将是大客户市场的 “大年”
浑厚悠扬!三号楼的钟声……
每日热议!房玄龄杜如晦被谁重用_房玄龄杜如晦
全球快资讯:springboot 中使用 RabbitMQ 配置使用优先级队列
查看Unity3D中默认的变量名与按键的映射
时隔6年后,我又回到博客园了
环球看点!更新整理了一大波热门免费可用的API大全
微动态丨ChatGPT闲谈——火出圈的为什么是 OpenAI?
新消息丨微软苏菲要换代了!Surface Pro 10/Go 4新品曝光:外形/配置大变
【环球报资讯】最新研究:黄河上游区域性干旱能“算来”
这个火车站客流暴增,原因竟是……
全球信息:雪莲子的功效与副作用 雪莲子的功效与作用及食用方法
世界播报:真我11系列拍摄样张首秀:长焦恐怖 可见月亮纹理
【热闻】没人比我更懂外星人?马斯克:如果找到外星人 我立马发推
环球热资讯!ZV-E10同款传感器:索尼FX10视频机即将发布
环球快资讯:熊孩子躲袋子里玩误被司机碾压 路人合力抬车救援:网友吐槽家长心大
环球速看:一大众轿车高速路恶意别车!S形行驶10公里:官方已介入调查
每日焦点!诺诚健华宣布奥布替尼成为中国首个且唯一获批针对边缘区淋巴瘤的BTK抑制剂
田园变游园
中国联通跌5.6% 民生证券在其年内高点推荐
全球简讯:再获殊荣!华为云GaussDB喜提“科技进步一等奖”
当前最新:开发者必读!常用的二维码生成器 API 推荐
第六章 面向对象编程
当前短讯!【备忘录设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
全球讯息:JavaScript 九九乘法表
每日快看:墨水人_墨水
即时:今日描写冬季的古诗名句_描写冬季的古诗
仙剑系列首款开放世界游戏!《仙剑世界》公布首支预告
每日看点!用科技诠释豪华!一文看懂AITO问界M9有多少硬核“黑科技”
环球信息:西安一极氪001全国首烧?极氪回应:初步排除电池起火