ASP.NET主题以及客户特定的图像和CSS

Question

我们有一个ASP.NET解决方案，其中在App_Theme / {selected theme}中使用了图像，css和.skin文件。 今天的主题包含许多文件和图像，对于客户主题，我们将一个新文件夹添加到App_Themes并将所有文件复制到该新文件夹，并对图像，外观和CSS进行10-200的更改。

这里的问题是默认主题，这是我们在开发，演变和增长主题客户主题时通常拥有的主题。 因此，当升级到来时，我们必须浏览所有文件以查找更改，并希望找到所有文件。 有时我们会错过一些非常重要的事情。

完美的解决方案是拥有一个包含基本CSS，皮肤和图像的基本主题。 并且，当我们添加新的客户主题时，我们仅告诉系统已更改的内容，要覆盖的CSS选择器以及要使用的图像，而不是基本主题中的图像。 以我的理解，如果在App_Themes文件夹中使用常规的ASP.NET主题功能，则只能具有一个主题，而不能具有BASE主题，然后说一个具有不同背景的DeliveryCustomer-主题和该解决方案应使用的其他图像BASE主题中的一个。

有没有人有一些指导方针来以可维护的方式解决未来的问题。 我看到人们重写了App_Theme路径以使其与自定义外观一起使用。

谢谢！

Answer 1

使用您所描述的基本主题的概念。 将所有通用CSS规则提取到另一个文件中，我们将其称为base.css 。

取出base.css和所有常见的图像，并将它们放在App_Themes 之外的文件夹中，然后像在母版页上通常包含其他文件一样，仅包含CSS文件。

<link rel="stylesheet" type="text/css" href="/styles/base.css" /> <!-- Note this isn't in app_themes -->

然后，确保各种主题的CSS文件仅指定样式的增量。

Answer 2

好的，这就是我所知道的方法。 我创建了一个Default主题，它是包含所有css文件，skin文件和图像的原始主题，并且很多。 该主题位于App_Themes文件夹中。 他们在App_Themes文件夹旁边创建了一个名为ThemeSkins的新文件夹。 在此文件夹中，所有新皮肤都位于不同的文件夹中。 文件夹名称是一个新主题的名称。 每个皮肤文件夹中都有css文件，其中仅包含我要重载的选择器。 也有我要替换的图像。

我创建了一个ThemeCreator工具，该工具可以完成三件事：

• 删除App_Themes文件夹中除Default主题以外的所有主题。 对于开发人员来说，这只是一个主要主题。 在ThemeSkins中仍然需要完成一些工作，但是总的工作量将很小。
• 接下来，该工具查看ThemeSkins中的文件夹，并在App_Themes下为每个皮肤及其名称创建一个文件夹。 然后，它将“默认”主题复制到刚创建的所有新外观皮肤文件夹中。
• 最后一件事是，它将皮肤专用文件合并到App_Themes下新创建的皮肤中，并让用户知道添加了哪些文件只是为了参考。 该工具会在所有css文件上添加前缀“ z_”，以便将其加载到所有css文件的最后，并且for将会使默认选择器超载。

剩下的事情就是更新皮肤文件，到目前为止，没有客户需要更改这些文件。 但是，当它们这样做时，我想我只是添加了一个外观文件，并且不得不以一种自动方式更新默认值，因为外观标记不能像css-selector那样重载。

这确实很流畅，并且为我们提供了一种很好且精益的方式来处理主题皮肤。 任何人都有一个更好的主意，如何获得相同的结果？ 使用ASP.NET主题的主要问题是，您不能使用默认主题，然后仅在不使用外观文件中使用shape和color属性的情况下对其应用外观。 不建议这样做，因为外观文件会将all属性复制到标记中所需的所有位置，而不仅仅是像CSS类那样引用它们。