2017-07-19 26 views
0

我有一个用户可以选择不同的模板,他的网页的要求,例如对用户的个人资料页说,我们的Web应用程序应该给多种类型的模板,显示模板用户可能会选择任何一个模板。将来我们可以通过给用户更多的自由来增强相同的功能,他可以按照自己的意愿自定义模板,什么是动态的Web用户界面开发适当的方法:基于

自定义模板的例子是:他可以将他的个人资料图片从左侧移动到右侧身边,他可能会改变背景颜色等

什么是这种UI的最佳方法呢? 我需要保持整个页面的元数据,然后在客户端创建它? 我需要建立在服务器端的整个HTML,只是加载它在客户端?

是否有这种UI开发的玉/ Node.js的任何框架? 我对这种发展完全陌生,所以建议我正确的方法。

回答

0

您可以轻松地很容易地做到这一点,如下所示:

  1. 表现为一种形式,一个选择框(或替代)的用户清单主题化选项。将它保存到其用户下的数据库中,或者如果你的应用程序没有真正的后端说话,那么你可以将它保存到本地存储器(尽管在这种情况下,设置可能会在用户端的太久之前被重置)。

  2. 使用JS,在页面加载时,确定他们选择的值(AJAX调用或检查本地存储)并将一个类动态添加到他们的配置文件页面的包装中。 profile--colorful,profile--thin

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

+0

我的问题是你的你是否存储整个形式的数据库?或者你会存储每个元素的元数据?这是正确的方法?有没有可用的库?如果你存储元数据,那么我们可能需要库来使用元数据生成html内容。 – Sadanand

+0

你有用户/认证系统吗?如果没有,那么这是你需要做的第一件事。 一旦你有了这个,只需在用户模型中添加一个名为“profileTheme”的新密钥并将其存储在那里。然后通过AJAX调用重新加载。 – SamHH

相关问题