实时预览Web应用程序

Question

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

我想知道是否有设计模式可以做到这一点，或者我是否只需要在客户端处理所有内容而不需要过多思考。

谢谢！

Answer 1

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

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

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