ASP.NET Core 2.1根据DB中的数据在布局中插入CSS

2024-02-06

我有一个正在努力解决的问题。一些背景:用户可以在我的应用程序中选择应用程序使用哪种配色方案,此选择存储在数据库中。

我想做的是基于这个选择,在页面加载时,为用户所做的选择提供 CSS 文件。

我一直在尝试做的是通过在 _Layout.cshtml 页面中执行 AJAX 请求来检查用户的选择,并将适当的 CSS 附加到标头。这是可行的,但不是很好,因为有一些延迟,而且这不是一个好的解决方案,因为有时在加载 CSS 后,某些元素的样式不正确。

我想做的是在服务器端进行此检查,就像控制器中的普通视图一样(正如您所知,布局页面缺少控制器,所以这就是我陷入困境的地方)。然后在 _Layout 视图中添加正确的 CSS。

亲爱的堆栈溢出者,您对如何实现这一目标有什么建议吗?我的用户需要那个甜蜜的黑暗主题。 ;)

提前致谢!


创建服务

public class ThemeService
{
    private readonly MyDbContext  _dbContext;
    private readonly IMemoryCache _memoryCache;

    public ThemeService(MyDbContext dbContext, IMemoryCache memoryCache)
    {
        //Here you can also inject the UserManager<T> if needed
        _dbContext = dbContext;
        _memoryCache = memoryCache;
    }

    public string GetTheme()
    {
        throw new NotImplementedException();
    }
}

并注册到服务容器中scoped(因为您需要DbContext):

services.AddScoped<ThemeService, ThemeService>();

在你看来,只需注入它

@inject ThemeService ThemeService;

后来在视图中:

<link type="text/css" href="@ThemeService.GetTheme()" />
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ASP.NET Core 2.1根据DB中的数据在布局中插入CSS 的相关文章

  • 更改

    标签中一个单词的颜色

    我正在处理一份 html 文档 并且只想在我的文档中创建一个单词 p 标记不同的颜色 如果不做完全不同的事情 这可能吗 p p tag p p I want to make only THIS word blue p p style dis
  • 删除圆形图像周围的边框

    我有一个圆形图像 png 文件 中间是透明的 我需要将图像内的背景设置为纯色 为此 我将背景设为纯色 然后将border radius 50 但这会产生一条丑陋的小白线 有没有办法摆脱这个问题 或者我必须在图像编辑器中手动为图像着色 div
  • 滚动时将菜单栏固定在顶部[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我见过一些网站 当用户向下滚动页面时 会在右侧或左侧弹出一个框 另外 注意到这个模板 http www mvpthemes com m
  • 使用 jQuery 更改父元素样式

    我有下一个 html 设置 div class one div class two a href class three Click a div div 我想更改具有类的元素的背景颜色 one当我点击元素时 three使用 jQuery 这
  • 如何让Gmail像加载进度条一样

    我想在页面的中心和顶部创建一个像 Gmail 一样的加载进度条 并适用于所有浏览器 这是基本代码
  • 增加在 Azure 上运行的 Dockerized ASP.NET Core 站点的最大上传大小限制?

    以下是应用程序的架构 使用 ASP NET Core 编写的 Web API Dockerfile 使用以下命令构建 Web 应用程序microsoft dotnet 2 1 sdk并使用执行 APImicrosoft dotnet asp
  • 适用于移动设备的响应式订单确认电子邮件?

    我从未见过令人惊叹的订单确认 发票电子邮件 即使是最好的 html5 网站也会发送糟糕的订单确认电子邮件 有时是纯文本 我相信这是因为发票通常需要使用表格来显示购买的物品 这在移动设备上实现起来非常困难 我发现了一些让手机上的表格更易于管理
  • 如何简化这个 LESS CSS Box-shadow mixin? (带有“方向”的多个阴影)

    如何减少这段代码 可能使用循环 以拥有一个接受方向和数字的 函数 dir 想要的 方向 number 我需要多少次影子 这里是10次 color 阴影的颜色 Example 可以工作 但不是很容易使用 perspective box dir
  • ng-include 和 ng-view 不同时加载

    下面是我的应用程序的结构 很简单 页眉和页脚是非常小的文件 而主页上的 ng view 要大得多 当我进入该页面时 我注意到了这一点 首先加载两个 ng include 然后 ng view 出现 页脚被推到底部 页脚闪烁大约 0 1 秒
  • 元素“system.webServer”具有无效的子元素“aspNetCore”

    我从 Visual Studio 2015 中的模板之一创建了一个新的 ASP NET Core MVC 6 应用程序 我正在看的教程说要修改web config文件 当我打开该文件时 Visual Studio 会抛出警告 严重性代码 说
  • 使用“表单控件”删除输入字段的轮廓

    我有一个输入字段 如下所示 在类名中我将其作为form control
  • 如何让CSS选择以字符串开头的ID(不是Javascript)?

    如果 HTML 中有这样的元素 id product42 id product43 如何匹配所有以 product 开头的 id 我已经看到了完全使用 javascript 执行此操作的答案 但是如何仅使用 CSS 执行此操作 id pro
  • chrome 中选择选项元素的额外填充

    我有一个选择元素 用户可以在其中选择分类和描述 仅在 Chrome 浏览器中 我有一个额外的填充 无法使用 padding 0 或其他 css 标签删除它 Chrome 的屏幕 https i stack imgur com m3iIb p
  • 将图像编码为base64有什么效果?

    如果我将图像 jpg 或 png 转换为 base64 那么它会更大 还是具有相同的大小 会大多少呢 是否建议在我的网站上使用 Base64 编码的图像 大约会大 37 非常粗略地说 Base64 编码的二进制数据的最终大小等于原始数据大小
  • 重新创建 CSS3 过渡三次贝塞尔曲线

    在 CSS3 过渡中 您可以将计时函数指定为 cubic bezier 0 25 0 3 0 8 1 0 在该字符串中 您仅指定曲线上点 P1 和 P2 的 XY 因为 P0 和 P3 始终分别为 0 0 0 0 和 1 0 1 0 根据苹
  • 使用内联样式有哪些风险?

    A 内容安全政策 https developer mozilla org en US docs Web HTTP CSP with a default src or style src指令将阻止内联样式应用于
  • iPad - 无法在框架内滚动

    我无法滚动 iPad Safari 中框架内调用的 pdf 我已经尝试过两件事 2 指滚动 使用对象 嵌入代替框架 但这是行不通的 事实上我已经尝试了很多东西 溢出 高度等等 请帮我 先感谢您 根据这篇文章http support appl
  • CSS3变换:悬停时翻译,带有过渡[重复]

    这个问题在这里已经有答案了 这应该很简单 我的 HTML 中有一堆锚点 如下所示 a href Link 1 a a href Link 2 a a href Link 3 a a href Link 4 a a href Link 5 a
  • 使用 CSS 覆盖透明 div 中的不透明文本

    我试图使透明 div 内的文本没有不透明度 也就是全黑 div style background 3cc p style background 000 This text should be all black p div 只用 CSS 就
  • CSS - div 与父 div 底部对齐(内联块)

    我知道这个 html 很草率 有一些不必要的额外 div 但无论如何 我无法理解为什么 ID 为 info box right 的 div 与父 div 的底部对齐 您可以看到 文本 与下面的 jsfiddle 示例的底部 有什么想法可以让

随机推荐

  • 创建一个“阅​​读更多”链接来扩展页面上的内容

    我想创建一个阅读更多链接 该链接将扩展已显示的段落以显示同一页面上的整个文本 如果这个问题可以通过 HTML5 和 CSS 来解决 我希望如此 但我认为需要某种类型的脚本 例如 示例文本 Lorem ipsum dolor sat amet
  • Spring Boot/GraphQL 和 SQL 语句数量(N+1 期)

    我是 Graphql 的新手 正在研究创建概念证明以了解其工作原理 我正在使用 Spring Boot 2 2 2 RELEASE 并引入 graphql spring boot starter
  • 在 SQL 中命名主键“id”与“something_id”[关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi
  • 返回文档所有者以获得大量 Google 云端硬盘文档 ID 列表

    我正在尝试识别 Google 云端硬盘中一长串 近 1000 项 文档的所有者 文档之间的所有者可能有所不同 我有每个项目的唯一文档 ID 我是我所在域的 Google Apps 管理员 有一个实用程序可以让我输入文档 ID 并查看该特定项
  • 如何更改属性

    我有一个组件 其中包含一组三个自定义按钮 我想使用这些按钮作为录音机的控件 我陷入了第一阶段 我想根据按钮的功能更改按钮上显示的符号 我试图通过改变他们的方式来实现这一目标xlink href属性 我使用 svg 但在控制台中得到了这个 E
  • 自定义 Spinner TextView 被切断

    因此 在随附的屏幕截图和代码示例中 您可以看到我的自定义微调器 正如你所看到的 无论我尝试做什么 我的文字都会被切断 九个补丁图像设置正确 其上也有文本填充 我几乎拥有一切权利 却完全不知所措 定制旋转器
  • 我可以训练它来检测我的脸吗?或任何其他人面临

    我想创建一个应用程序 在其中捕获我家人的图像并检测它是谁 我可以使用 Vision API 创建云数据库来存储每个家庭成员的不同照片并标记他们的名字 这样当我从 API 提取请求时 它会扫描数据库中的图像并检测它是哪个家庭成员 而不仅仅是检
  • 诺基亚 220 s30+ 开发

    我只是想问我如何为具有 s30 平台的诺基亚 220 开发应用程序 有没有办法为此开发应用程序 看来答案是否定的 尽管名字如此 S30 https en wikipedia org wiki Series 30 2B不相关S30 https
  • PHP 是同步还是异步?

    考虑 这里 getYears 在另一个文件中 它正在获取一个查询 我在用着 list years在文件中view php 这里是同步还是异步 这段代码是程序化的 所以getYears 总是在之前执行require once view php
  • 使用 New-PSDrive 映射网络驱动器时出现问题

    我正在运行一个基于 powershell 的多线程应用程序 其中每个线程 net 任务 需要使用不同的凭据将一堆文件从一台计算机复制到另一台计算机 这是在每个 net 任务中运行的脚本 New PSDrive Name tid PSProv
  • 有没有办法获得 deque 的内部存储大小作为 vector::capacity ?

    据我了解 deque和vector都保留了一些增长空间 vector capacity 能够获取向量的内部保留空间 双端队列标准中没有这样的成员 有什么方法可以获取这些信息吗 您必须深入研究实现才能弄清楚这一点 的版本std dequegc
  • 使用 javascript 代替 Iframe 源?

    我知道我无法从浏览器中隐藏 iframe 源 检查元素 但我想通过使用 javascript 作为源 url 使 它们 难以窃取 url iframe 如果我有 我可以改变吗 www youtube com embed xxxxxxx用Ja
  • 以编程方式更改中心 X / Y 对齐约束的乘数

    如何以最简单的方式以编程方式更改乘数 对于斯威夫特 2 0 因此 对于 Y 如果将图像的顶部设置为等于 superView 的顶部 常量为 0 然后输入此代码 IBOutlet weak var topc NSLayoutConstrain
  • BPEL 中的 Restful Web 服务调用

    我的问题是 有没有什么方法可以让我在 BPEL 中使用 Google Map 或 Youtube 等静态 Web 服务 我知道 BPEL 可与具有 WSDL 文件的 SOAP Web 服务配合使用 但是 我要求做一个项目 其中应包含与 BP
  • Django 存储网站内容

    我对网络开发有点陌生 并且无法理解网站内容的存储方式 即使在查看了开源项目之后 我仍然感到困惑 假设我有一个包含多个段落的网页 我希望最终能够通过 Django 管理页面进行编辑 现在 我已经为页面设置了视图 但我不确定模型应该如何构建 到
  • 如何使用 CloudKit.js 查询 nil 值?

    使用 CloudKit js 如何构建匹配字段为零的项目的查询 我尝试过的每个排列都会失败 要么它明显匹配字符串值 即 null 或 nil 要么如果我实际上尝试传递 null 它会抛出错误 有任何想法吗 以下均无效 filterBy fi
  • 异步加载 iframe

    我有一个网页指向另一个网站 我不希望这阻止页面其余部分的加载 有没有办法异步加载它 使用 jQuery 可以实现以下效果 where url是一些网址
  • Windows 10 - 自定义协议在通过其他方法工作时从 JavaScript 调用时失败

    我成功地在注册表中定义了一个自定义协议 名为FDMyAlbsIF 该协议旨在调用批处理文件 根据接收到的参数执行不同的操作 我现在面临两个问题 通过 Windows 资源管理器调用协议时 即在路径字段中输入字符串FDMyAlbsIF AAA
  • 如何提高从 2 个表中进行选择的 SQL 查询的性能

    请帮我 如何加快这个sql查询 SELECT pa FROM ParametrickeVyhladavanie pa SELECT p FROM produkty p WHERE p KATEGORIA IN categoryArray p
  • ASP.NET Core 2.1根据DB中的数据在布局中插入CSS

    我有一个正在努力解决的问题 一些背景 用户可以在我的应用程序中选择应用程序使用哪种配色方案 此选择存储在数据库中 我想做的是基于这个选择 在页面加载时 为用户所做的选择提供 CSS 文件 我一直在尝试做的是通过在 Layout cshtml