c# - 如何在异步加载中订购 MVC 包？-6ren

c# - 如何在异步加载中订购 MVC 包？

转载作者：太空狗更新时间：2023-10-30 01:14:58

24

4

我用 MVC 4 设计了一个网站。现在，我在资源加载和脚本执行的时间上遇到了问题。因为，具有更高优先级的库(例如 jQuery)应该首先运行，但其他库的加载较晚，依赖于它们的脚本较早加载和运行会导致错误!

我的脚本包是:

bundles.Add(new ScriptBundle("~/bundles/scripts").Include(
                           "~/Scripts/jquery-{version}.js",
                           "~/Scripts/jquery-migrate.min.js",
                           "~/Scripts/jquery.unobtrusive-ajax.min.js",
                           "~/Scripts/jquery.knob.min.js",
                           "~/Scripts/toastr.min.js",
                           "~/Scripts/bootstrap.min.js",
                           "~/Scripts/respond.js",
                           "~/Scripts/bootstrap-select.min.js",
                           "~/Scripts/smoothscrool.js", 
                           "~/Scripts/scrollReveal.js",
                           "~/Scripts/easing.min.js",
                           "~/Scripts/site.js"));


bundles.Add(new ScriptBundle("~/bundles/contact").Include(
            "~/Scripts/contact.js"));

这是我的布局:

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>
    @Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\" async></script>", "~/bundles/scripts")

    <div id="page-content">        
        @RenderBody()
    </div>

    @RenderSection("scripts", required: false)
</body>
</html>

可以看到，在body的开头，要加载的脚本async:

@Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\" async></script>", "~/bundles/scripts")

这是我的 Contact View Razor 代码:

@section scripts
{
    @Scripts.Render("~/bundles/contact")
}

<div>
   Contact Contents
</div>

现在，虽然部分脚本加载在正文的末尾。但是由于资源的异步加载，依赖脚本加载较早(因为它比布局脚本更紧凑)而导致错误!

如何在运行所有布局异步脚本后强制运行依赖脚本!？

最佳答案

在布局 View 中，您应该添加一个动态包，以便在从布局调用该 View 时向每个 View 添加资源。换句话说，您可以通过在动态包类中定义任何 View 资源，在一个文件中为每个 View 生成脚本包和样式包。

例如:

在此路径 App_Start\BundleConfig 中类 BundleConfig:

public class BundleConfig
    {
        public static void RegisterBundles(BundleCollection bundles)
        {
            var styles = new string[]
            {
                "~/Content/bootstrap.min.css",
                "~/Content/bootstrap-select.min.css",
                "~/Content/font-awesome.min.css",
                "~/Content/toastr.min.css",
                "~/Content/front.css",
                "~/Content/style.css"
            };

            var zocial = new string[] { "~/Content/zocial.css" };

            var gridmvc = new string[]
            {
                "~/Content/Gridmvc.css",
                "~/Content/gridmvc.datepicker.min.css"
            };

            bundles.Add(new StyleBundle("~/Content/stylesheets").Include(styles));
            bundles.Add(new StyleBundle("~/Content/stylesheets-zocial").Include(styles.Concat(zocial).ToArray()));
            bundles.Add(new StyleBundle("~/Content/stylesheets-gridmvc").Include(styles.Concat(gridmvc).ToArray()));


        }
}


public static class BundleExtensions
{
        public static string GetViewBundleName(this System.Web.Mvc.HtmlHelper helper, BundleType bundleType)
        {
            var controller = helper.ViewContext.RouteData.Values["controller"].ToString();
            var action = helper.ViewContext.RouteData.Values["action"].ToString();

                    switch (controller.ToLower())
                    {
                        case "home":
                            {
                                switch (action.ToLower())
                                {
                                    case "index": return "~/Content/stylesheets-homepage";
                                    default:
                                        return "~/Content/stylesheets";
                                }
                            }
                        case "sitemaps":
                            return "~/Content/stylesheets-zocial";

                        case "blogs":
                            return "~/Content/stylesheets-gridmvc";

                        case "account":
                            return "~/Content/stylesheets-jqueryval";


                        default:
                            return "~/Content/stylesheets";
                    }
        }
}

最后，在布局中，必须为异步添加此模型的脚本:

Scripts.RenderFormat("<script type=\"text/javascript\" src=\"{0}\" async></script>", Html.GetViewBundleName(BundleType.Scripts)))

关于c# - 如何在异步加载中订购 MVC 包？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40437262/

24

4

0

文章推荐： c# - 无法在 ASP.NET MVC 中运行 SQLite.net PCL

文章推荐： python - Python 中的 "Bitwise Not"不考虑 2 的补码

文章推荐： python - h5py:切片数据集而不加载到内存中

文章推荐： c# - 如何在 UWP c# 中散列和/或加盐密码？

c++ - C c;之间有什么区别吗？和 C c = C();?
#include using namespace std; class C{ private: int value; public: C(){ value = 0;
c++ - C 风格字符串差异 : C/C++
这个问题已经有答案了: What is the difference between char a[] = ?string?; and char *p = ?string?;? (8 个回答) 已关闭
c++ - c\c++ 转换为 C#
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭 7 年前。此帖子已于 8 个月
c# - C、C++、C# 的功能测试工具
除了调试之外，是否有任何针对 c、c++ 或 c# 的测试工具，其工作原理类似于将独立函数复制粘贴到某个文本框，然后在其他文本框中输入参数？最佳答案也许您会考虑单元测试。我推荐你谷歌测试和谷歌模拟
c# - C/C++/C# 在监视器上设置窗口位置
我想在第二台显示器中移动一个窗口 (HWND)。问题是我尝试了很多方法，例如将分辨率加倍或输入负值，但它永远无法将窗口放在我的第二台显示器上。关于如何在 C/C++/c# 中执行此操作的任何线索最
c# - C/C++/C#中的DES实现
我正在寻找 C/C++/C## 中不同类型 DES 的现有实现。我的运行平台是Windows XP/Vista/7。我正在尝试编写一个 C# 程序，它将使用 DES 算法进行加密和解密。我需要一些实
c# - 在条件中使用赋值是否安全？ C/C++、C#
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
c++ - C/C++/C# 强制窗口在最上面
有没有办法强制将另一个窗口置于顶部？不是应用程序的窗口，而是另一个已经在系统上运行的窗口。 (Windows, C/C++/C#) 最佳答案 SetWindowPos(that_window_ha
c# - 套接字服务器应用程序的选择 : C/C++ or C#
假设您可以在 C/C++ 或 Csharp 之间做出选择，并且您打算在 Windows 和 Linux 服务器上运行同一服务器的多个实例，那么构建套接字服务器应用程序的最明智选择是什么？最佳答案如
c++ - C/C++ 运行时库和 C/C++ 标准库的区别
你们能告诉我它们之间的区别吗？顺便问一下，有什么叫C++库或C库的吗？最佳答案 C++ 标准库和 C 标准库是 C++ 和 C 标准定义的库，提供给 C++ 和 C 程序使用。那是那些词的共同
c++ - &C::c 和 &(C::c) 有什么区别？
下面的测试代码，我将输出信息放在注释中。我使用的是 gcc 4.8.5 和 Centos 7.2。 #include #include class C { public:
c++ - 什么 C++(通用 (c/c++) 与 (通用 c)/c++ )
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
c# - 通过网络在 C/C++ 服务器、C/C++ 和 C# 客户端之间发送数据结构
我的客户将使用名为 annoucement 的结构/类与客户通信。我想我会用 C++ 编写服务器。会有很多不同的类继承annoucement。我的问题是通过网络将这些类发送给客户端我想也许我应该使用
c# - C/C++ - 如何将 Buffer.BlockCopy (C#) 转换为 C/C++
我在 C# 中有以下函数: public Matrix ConcatDescriptors(IList> descriptors) { int cols = descriptors[0].Co
c++ - C/C++ - 对其他人隐藏 C 或 C++ 函数代码
我有一个项目要编写一个函数来对某些数据执行某些操作。我可以用 C/C++ 编写代码，但我不想与雇主共享该函数的代码。相反，我只想让他有权在他自己的代码中调用该函数。是否可以？我想到了这两种方法 - 在
c# - 在托管代码(C++、C、C++/CLI、C#)中使用非托管代码时处理错误
我使用的是编写糟糕的第 3 方 (C/C++) Api。我从托管代码(C++/CLI)中使用它。有时会出现“访问冲突错误”。这使整个应用程序崩溃。我知道我无法处理这些错误[如果指针访问非法内存位置等，
c# - C#、C/C++ 或 Objective-C 中的眼动追踪库
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。我们不允许提问寻求书籍、工具、软件库等的推荐。您可以编辑问题，以便用事实和引用来回答。关闭 7 年前。
c++ - C/C++/Objective-C 文本识别库
已关闭。此问题不符合Stack Overflow guidelines 。目前不接受答案。要求我们推荐或查找工具、库或最喜欢的场外资源的问题对于 Stack Overflow 来说是偏离主题的，因为
c# - 将 C/C++ 函数导入 C#
我有一些 C 代码，将使用 P/Invoke 从 C# 调用。我正在尝试为这个 C 函数定义一个 C# 等效项。 SomeData* DoSomething(); struct SomeData {
c - C语言中 "c -= --c - c++;"的结果应该是什么？
这个问题已经有答案了: Why are these constructs using pre and post-increment undefined behavior? (14 个回答) 已关闭 6

首页

博学

6Ren·AI

商城

c# - 如何在异步加载中订购 MVC 包？