实时预览web应用程序

Question

我正在开发一个web应用程序，我需要提供一个功能，用户可以对其配置文件进行一些修改并预览它。如果他不喜欢它，他只是取消它。如果他喜欢，他会提交更改。

我想知道是否有设计模式可以做到这一点，或者如果我只需要处理客户端的所有内容而不需要考虑太多的问题。

谢谢！

Answer 1

如果用户不得不等待客户端 - 服务器请求响应能够看到数据的实时预览，那将是非常令人沮丧的。

这种功能通常是在客户端使用JavaScript完成的。一些JS框架（如AngularJS,Ember.js或Knockout）为您的表单输入数据（或任何其他html元素）和支持JavaScript模型提供了双向绑定。这使得提供该功能变得容易。

例如，您可以将JS模型绑定到表单输入和配置文件显示。在您输入内容时，配置文件的更改将立即显示。