我要求用户可以为他的页面选择不同的模板,例如用户个人资料页面,我们的网络应用程序应该提供多种类型的模板来显示个人资料,用户可以选择任何一个模板。将来我们可以通过为用户提供更多的模板自由来增强相同功能,他可以按照自己的方式自定义模板,
自定义模板的示例是:他可以将他的个人资料图片从左侧移动到右侧,他可能会改变背景颜色等。
这种UI的最佳方法是什么? 我是否需要保留整页的元数据,然后在客户端创建它? 我是否需要在服务器端创建整个html并在客户端加载它?
对于这种UI开发,JADE / Node.js是否有任何框架? 我对这种发展完全陌生,所以建议我采取正确的方式。
答案 0 :(得分:1)
您可以很容易地完成以下操作:
向用户显示一个表单和一个列出主题选项的选择框(或替代方案)。将其保存到用户下的数据库中,或者如果您的应用程序没有真正的后端可以说,那么您可以将其保存到本地存储(尽管在这种情况下,设置可能会在用户结束之前重置太久)。 / p>
使用JS,在页面加载时,确定他们选择的值(AJAX调用或检查本地存储)并将一个类动态地附加到其配置文件页面的包装器,例如profile--colorful
,profile--thin
等
使用这些类在CSS中为每个配置文件设置不同的样式。