html转成cshtml通用篇

问题描述:在基础篇中，已经成功将html转成cshtml页面，但是css文件、js文件却全部放在了布局页中，导致布局页无法重用。

接下来，搭建一个可重用的布局页，在布局页中搭建bootstrap框架以及jQuery。

工具:一个html页面、VS2019、一个MVC项目

代码	描述
IsSectionDefined(“CssLink”)	判断视图页中是否有结点
@RenderSection("");	读取视图页中的节点
@section	在视图页中创建结点

1、在Shard文件夹下新建一个布局页MyLayout.cshtml

2、设置基本配置

那么，就可以用 @RenderSection(""); 搭建结点，如图

贴出代码，根据项目改一下路径即可

<!DOCTYPE html><html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta charset="utf-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>@ViewBag.Title</title><link rel="stylesheet" href="~/Content/bootstrap.min.css" /><link rel="stylesheet" href="~/Content/font-awesome.min.css" />@if (IsSectionDefined("CssLink")){@RenderSection("CssLink");}@if (IsSectionDefined("Style")){@RenderSection("Style");}<script src="~/Scripts/jquery-3.4.1.min.js"></script><script src="~/Scripts/jquery.validate.min.js"></script><script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script><script src="~/Scripts/jquery.unobtrusive-ajax.min.js"></script></head>
<body>@RenderBody()<script src="~/Scripts/popper.js"></script><script src="~/Scripts/bootstrap.min.js"></script>@if (IsSectionDefined("JavascriptLink")){@RenderSection("JavascriptLink");}@if (IsSectionDefined("Javascript")){@RenderSection("Javascript");}
</body>
</html>

3、分布页怎么用呢

贴出代码，根据项目改一下路径即可

@{ViewBag.Title = "";Layout = "~/Views/Shared/MyLayout.cshtml";
}@section CssLink{}@section Style{}@section JavascriptLink{}@section Javascript{}

示例：

到此，一个通用的布局页MyLayout.cshtml就完成了,分布页只需要有相应的结点与之匹配即可。

End

html转成cshtml通用篇相关推荐

PCB Layout设计规范-通用篇
PCB Layout设计规范-通用篇 1.主要目的 1.1规范PCB的设计流程. 1.2保证PCB设计质量和提高设计效率. 1.3提高PCB设计的可生产性.可测试性.可维护性. 2.适用范围适用于本 ...
xmp预设怎么导入pr_ACR预设（XMP文件）安装教程（通用篇）
ACR是PS的一个(专门用来打开RAW格式文件的)插件. 所有的acr预设文件都是用来装在这个插件上的,并不是装在ps上的. 所以这些预设只能用于raw格式的图片. 下面说如何安装: WIN系统首先 ...
不会日语也能在日本点菜 | 通用篇
2019独角兽企业重金招聘Python工程师标准>>> 点菜这个问题一直困扰着前去日本旅行的中国游客. 走进一家小餐馆翻开菜单一看,那些个密密麻麻的假名啊,汉字啊明明那么熟悉,但是就 ...
渗透测试业务逻辑测试汇总—通用篇
本文作者:Angus(Ms08067实验室 SRSP TEAM小组成员) 0x00:前言在漫漫渗透路中,"业务逻辑漏洞"一词,想必各位都不陌生.行业内统一把程序逻辑不严谨或复杂导 ...
教你一招：复制不能复制的网页文字（通用篇）
作者:iamlaosong 当我们需要复制网页上的内容时,往往会碰到不能复制的情况,面对这个问题,不同的情况有不同的应对方法,比如禁止JavaScript运行,查看源代码,另存为网页文件等.这些方法也 ...
计算机绘图实训日志通用篇,cad制图实习日记范文:
cad制图实习过程中,我们要抓住每一个可以学习的机会.小编给大家推荐一下cad制图实习日记范文,希望大家会喜欢! cad制图实习日记范文篇1 这两天都在联系cad,毕竟是基础嘛,一定要扎实了.我从做建 ...
图片转svg标注_使用psd.js将PSD转成SVG -- 基础篇（文字图片）
转载至微信公众号:方凳雅集背景随着发展,活动会场页面的题图运营需要线上模板化,而自研的导购素材制作平台接入了海棠-创意中心,通过平台能力,将素材模板化,并且通过配置化的方式生成多种场景化,个性化的 ...
计算机绘图实训日志通用篇,cad制图实习日记范例精选
cad制图实习日记范例精选 cad制图实习让我发现自己在实习过程需要增进的方面还有很多.小编给大家推荐一下cad制图实习日记范例,希望大家会喜欢! 篇一.cad制图实习日记范例又是新的一周开始了,上 ...
【ESP32学习笔记】#通用篇#（1）简介及资料
目录一.简介 1.ESP32 系列芯片型号 2.CPU 和存储 3.时钟和定时器 4.高级外设接口 5.功能框图二.资料 1.官方文档 2.开发框架 ESP-IDF 3.其他参考 4.云框架三. ...

html转成cshtml通用篇

html转成cshtml通用篇

工具:一个html页面、VS2019、一个MVC项目

相关代码

1、在Shard文件夹下新建一个布局页MyLayout.cshtml

2、设置基本配置

3、分布页怎么用呢

html转成cshtml通用篇相关推荐

最新文章

热门文章