SPA (Angular 2) Web 应用程序中用户的自定义主题

Question

对于 SPA Web 应用程序（本例中为 Angular 2），您如何为应用程序中的不同用户提供自定义主题（配色方案）？这些主题需要在会话之间持续存在，因此数据必须存储在服务器端并由客户端检索或由服务器预加载，但我不知道如何开始。

我认为理想的方法是服务器的一些预加载策略，因为从客户端检索主题信息会导致初始应用加载延迟过多。但是，鉴于我不知道这两种方法的效果如何，非常感谢任何反馈。

其他注意事项：

• 不使用 Angular Universal，所以这不是一个选项。

• 使用 Angular 材质，因此可以创建/生成和使用自定义材质主题模板。正在考虑将要使用的材料模板的值存储在 cookie 中并从 cookie 中检索该值可能是一种选择，但不确定如何生成并让 Angular 2 使用该模板。此外，如果有成千上万的用户，模板文件将变得难以管理。

Answer 1

你可以做的是允许用户创建“块”“部分”，然后他们可以用它们来粘合在一起。

然后，您的数据库将引用与您的架构树直接相关的用户生成的 dom 结构。