1

我要求用户可以为他的页面选择不同的模板，例如对于用户个人资料页面，我们的网络应用程序应该提供多种类型的模板来显示个人资料，用户可以选择任何一个模板。将来我们可能会通过为用户提供更多模板自由来增强相同的功能，他可以按照自己的方式自定义模板，

自定义模板的示例是：他可以将他的个人资料图片从左侧移动到右侧，他可以更改背景颜色等。

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

有没有 JADE/Node.js 框架用于这种 UI 开发？我对这种发展完全陌生，所以建议我正确的方法。

4

1 回答 1

1

你很容易很容易地做到这一点，如下所示：

  1. 向用户展示一个表单和一个列出主题选项的选择框（或替代选项）。将其保存到用户名下的数据库中，或者如果您的应用程序没有真正的后端可言，那么您可以将其保存到本地存储中（尽管在这种情况下，该设置可能会在用户端过长之后被重置）。

  2. 使用 JS，在页面加载时，确定它们选择的值（AJAX 调用或检查本地存储）并动态地将一个类附加到他们的配置文件页面周围的包装器中，例如profile--colorful，profile--thin等。

  3. 使用这些类在 CSS 中为每个配置文件设置不同的样式。

于 2017-07-19T09:40:58.307 回答