动态Web开发的正确方法是什么:基于模板

Question

我有一个要求，用户可以为他的页面选择不同的模板，例如，对于用户配置文件页面，我们的web应用程序应该提供多种类型的模板来显示配置文件，用户可以选择任何一个模板。将来我们可以通过给予用户更多关于模板的自由来增强相同的功能，他可以按照他想要的方式定制模板，

自定义模板的例子是:他可以将他的头像从左侧移动到右侧，他可以改变背景颜色等。

对于这种UI，最好的可能方法是什么？我是否需要保留整个页面的元数据，然后在客户端创建它？我需要在服务器端创建整个html，然后在客户端加载它吗？

对于这种UI开发，有没有JADE/Node.js的框架？我对这种开发完全是新手，所以建议我正确的方式。

Answer 1

您可以很容易地完成此操作，如下所示：

1. 向用户显示一个表单和一个列出主题选项的选择框(或备选方案)。将其保存到其用户下的数据库中，或者，如果您的应用程序没有真正的后端，那么您可以将其保存到本地存储中(尽管在这种情况下，设置可能会在用户端重新设置太长时间)。在页面加载时，使用JS的
2. 确定它们选择的值(AJAX调用或检查本地存储)，并动态地将一个类附加到其个人资料页面的包装器中，例如profile--colorful、profile--thin等。
3. 使用这些类在CSS中对每个配置文件进行不同的样式设置。