最近悟出来一个道理,在这儿分享给大家:学历代表你的过去,能力代表你的现在,学习代表你的将来。
十年河东十年河西,莫欺少年穷
学无止境,精益求精
最近在做自学MVC,遇到的问题很多,索性一点点总结下。
新建一个非空的MVC项目,我们在查看_Layout.cshtml时,会发现@RenderSection(),@Styles.Render()等标签,那么这些标签的作用是什么呢?
_Layout.cshtml 代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-title" content=""> <meta name="format-detection" content="telephone=no"> <meta id="viewport" name="viewport" content="width=750px,minimum-scale=0.5,maximum-scale=5,user-scalable=no" /> <title>@ViewBag.Title</title> <!--用于在App_Start/BundleConfig.cs中绑定系统所需的通用CSS--> @Styles.Render("~/Content/css") <!--用于子页面中绑定特有CSS--> <!--在子页面中用法:@section css{<link href="~/Content/login.css" rel="stylesheet" />}--> @RenderSection("css", required: false) </head> <body> <!--Body标签中所含的HTML脚本,如:<Form></Form>--> @RenderBody() <!--用于在App_Start/BundleConfig.cs中绑定系统所需的通用JS、Jquery--> @Scripts.Render("~/bundles/jquery") <!--用于子页面中绑定特有JS、JQuery--> <!--在子页面中用法:@section script{<script href="~/Content/login.js"></script>}--> @RenderSection("scripts", required: false) </body> </html>
子页面中设定特定的CSS或JS
@{ ViewBag.Title = "登录"; } @section css { <link href="~/Content/login.css" rel="stylesheet" /> }
BundleConfig.cs 中代码如下
public class BundleConfig { // 有关 Bundling 的详细信息,请访问 http://go.microsoft.com/fwlink/?LinkId=254725 public static void RegisterBundles(BundleCollection bundles) { bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-1.11.1.min.js", "~/Scripts/TouchSlide.1.1.js", "~/Scripts/jquery.Slide.js", "~/Scripts/jquery.inputbox.js")); bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/common.css")); } }
以上便是上述标签的用法,好记性不如烂笔头,索性记录下来
@陈卧龙的博客
时间: 2024-11-20 01:20:09