在 MVC5 模板中正确加载默认链接 localhost:port/home 但不在 localhost:port/home/view答案

【问题标题】：In MVC5 template load properly on default link localhost:port/home but not in localhost:port/home/view在 MVC5 模板中正确加载默认链接 localhost:port/home 但不在 localhost:port/home/view
【发布时间】：2016-02-21 15:55:40
【问题描述】：

我是 MVC5 的新手。我在 MVC 项目中添加 HTML 模板。我在 Visual Studio 2015 中创建了一个默认的 mvc5 项目，然后我创建了主布局和控制器加视图。当我执行我的项目时，它会使用它的 css 和 js 文件正确加载我的整个模板。但是每当我打乱我的视图时，我的页面都会以适当的样式导航到它的视图，但我不知道为什么我的 js 没有正确加载。我在控制台中没有错误。

这是我的代码： RouteConfig.cs

routes.MapRoute(
                name: "Default",
                url: "{controller}/{action}/{id}",
                defaults: new { controller = "AdminDashboard", action = "Index", id = UrlParameter.Optional }
            );

AdminPanel.cshtml

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Limitless - Responsive Web Application Kit by Eugene Kopyov</title>
    <!-- Global stylesheets -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/assets/")css/icons/icomoon/styles.css" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/assets/")css/bootstrap.css" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/assets/")css/core.css" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/assets/")css/components.css" rel="stylesheet" type="text/css">
    <link href="@Url.Content("~/assets/")css/colors.css" rel="stylesheet" type="text/css">
    <!-- /global stylesheets -->
    <!-- Core JS files -->
    <script type="text/javascript" src="@Url.Content("~/assets/")js/plugins/loaders/pace.min.js"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/")js/core/libraries/jquery.min.js"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/")js/core/libraries/bootstrap.min.js"></script>
    <script type="text/javascript" src="@Url.Content("~/assets/")js/plugins/loaders/blockui.min.js"></script>
    <!-- /core JS files -->
    @*@Styles.Render("~/Assets/css")
        @Scripts.Render("~/Assets/js")*@

</head>

AdminPanel.cshtml 中的导航代码

  <div class="sidebar-category sidebar-category-visible">
                        <div class="category-content no-padding">
                            <ul class="navigation navigation-main navigation-accordion">
                                <!-- Main -->
                                <li class="navigation-header"><span>Main</span> <i class="icon-menu" title="Main pages"></i></li>
                                <li><a href="~/home"><i class="icon-home4"></i> <span>Dashboard</span></a></li>
                                <li><a href="~/home/about"><i class="icon-home4"></i> <span>abc</span></a></li>
                                <li>
                                    <a href="#"><i class="icon-stack2"></i> <span>Page layouts</span></a>
                                    <ul>
                                        @*   <li><a href="~/HRSetup/Department">EmptyPage</a></li>*@
                                        <li>@Html.ActionLink("Department", "Department", "AdminDashboard")</li>
                                    </ul>
                                </li>
</ul>
</div>
</div>

AdminDashboardController.cs：

public ActionResult Department()
{
    return View();
}

截图： enter image description here enter image description here

【问题讨论】：

标签： c# asp.net-mvc-5 asp.net-mvc-routing

【解决方案1】：

我自己解决了这个问题，我想分享我的研究，这段代码中的错误是层次结构不好。

首先我必须渲染我的 js 文件和我的 _Layout 的结尾，其次我需要为我的内容脚本创建 @Section。这个层次结构解决了我的问题。

_Layout.cs 在我的页面末尾：

    @Scripts.Render("~/Assets/js")
    <!-- /core JS files -->
    @RenderSection("Script", required: false)
</body>
</html>

仪表板.cs
我的dashboard.cs页面底部的内容视图：

  @section Script{
        <!-- Theme JS files -->
        <script type="text/javascript" src="~/assets/js/plugins/visualization/d3/d3.min.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/visualization/d3/d3_tooltip.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/forms/styling/switchery.min.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/forms/styling/uniform.min.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/forms/selects/bootstrap_multiselect.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/ui/moment/moment.min.js"></script>
        <script type="text/javascript" src="~/assets/js/plugins/pickers/daterangepicker.js"></script>
        <script type="text/javascript" src="~/assets/js/core/app.js"></script>
        <script type="text/javascript" src="~/assets/js/pages/dashboard.js"></script>
        <!-- /theme JS files -->
    }

【讨论】：