如何将 JS 和 CSS 添加到 Orchard 模块中的所有内容部分

Question

我正在为 Orchard CMS 1.8.1 编写一个模块

我想为我为模块编写的所有内容部分添加自定义样式。无论网站管理员选择什么主题，我都需要这些来工作。我可以在每个内容部分的每个视图文件中添加指向 CSS 和 JS 文件的链接 - 但这看起来很混乱并且容易出现未来的错误 - 让单个文件加载所有内容部分所需的样式的最佳方法是什么？

我应该提供包含链接的不同 Content.cshtml 吗？如果管理员需要自己控制主 Content.cshtml，这似乎也可能有问题

非常感谢

Answer 1

Handler 应该可以解决这个问题，我从头开始写了这个，所以不确定它是否真的有效。

首先创建ResourceManifest.cs并定义您的样式表和脚本

public class ResourceManifest : IResourceManifestProvider
{
    public void BuildManifests(ResourceManifestBuilder builder)
    {
        var manifest = builder.Add();
        manifest.DefineStyle("MyStylesheet").SetUrl("mystylesheet.min.css", "mystylesheet.css").SetVersion("1.0.0");
        manifest.DefineScript("MyScript").SetUrl("myscript.min.js", "myscript.js").SetVersion("1.0.0");
    }
}

然后应该足以创建内容处理程序并覆盖 BuildDisplayShape

public class MyResourceHandler : ContentHandler
{
    private readonly Work<IResourceManager> _resourceManager;

    public MyResourceHandler(Work<IResourceManager> resourceManager)
    {
        _resourceManager = resourceManager;
    }

    protected override void BuildDisplayShape(BuildDisplayContext context)
    {
        if (context.DisplayType == "Detail" && context.ContentItem.Has(typeof(MyPart)))
        {
            this._resourceManager.Value.Require("stylesheet", "MyStylesheet");
            this._resourceManager.Value.Require("script", "MyScript");
        }

        base.BuildDisplayShape(context);
    }
}

根据需要调整 IF。让我知道它是否有效;)

使用 ResourceManifest 和版本控制的美妙之处在于，任何人都可以用他们自己的样式表/javascript 替换你的样式表/javascript，只需在他们自己的 ResourceManifest（模块/主题）中定义具有相同名称和更高版本号的样式，而不必接触任何原始文件。