首页 > 代码库 > MVC @RenderSection小计

MVC @RenderSection小计

2024-08-20 09:30:21   219人阅读

   最近悟出来一个道理，在这儿分享给大家：学历代表你的过去，能力代表你的现在，学习代表你的将来。

   十年河东十年河西，莫欺少年穷

   学无止境，精益求精

   最近在做自学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="http://www.mamicode.com/~/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="http://www.mamicode.com/~/Content/login.js"></script>}-->
    @RenderSection("scripts", required: false)
</body>
</html>

   子页面中设定特定的CSS或JS

@{
    ViewBag.Title = "登录";
}
@section css
{
    <link href=http://www.mamicode.com/"~/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"));

            
        }
    }

   以上便是上述标签的用法，好记性不如烂笔头，索性记录下来

   @陈卧龙的博客

   

MVC @RenderSection小计


联系
我们