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

时间:2017-07-19 09:37:48

标签: javascript node.js templates dynamic-websites dynamic-ui

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

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

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

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

1 个答案:

答案 0 :(得分:1)

您可以很容易地完成以下操作:

  1. 向用户显示一个表单和一个列出主题选项的选择框(或替代方案)。将其保存到用户下的数据库中,或者如果您的应用程序没有真正的后端可以说,那么您可以将其保存到本地存储(尽管在这种情况下,设置可能会在用户结束之前重置太久)。 / p>

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

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