1

我是 ac# 开发人员，我正在编写信息亭应用程序。我们的信息亭有两个屏幕。客户一屏，操作员一屏。客户可以通过触摸屏输入个人信息。我想知道如何处理 html 页面中的多个屏幕。例如，我为客户和运营商创建了一个 html 页面。网页有两个文本输入，姓名和信用卡号码。当客户使用屏幕键盘写一个字母时，操作员应该同时看到每个字母的“x”。我的意思是两个不同的浏览器对象和一个 html 页面。我应该用淘汰赛，角度等来处理这个吗？我正在使用 C# WPF mvvm 模式处理这个问题。我将一个绑定对象用于两个不同的窗口对象，mvvm 模式为我处理两侧数据绑定。

4

1 回答 1

2

所以，对于一个问题来说，这是一个很大的话题。这两个用户（“客户”和“操作员”）有两个不同的 Web 浏览器，它们只请求同一个页面，对吧？服务器端这是一个绑定，但它的两个不同的客户端彼此不知道任何事情（除非你告诉他们）。

可以帮助您的技术是WebSockets。您基本上打开了浏览器和服务器之间的双向连接，它允许多个浏览器相互交谈（通过服务器）。外面有很棒的演示和案例研究。

一个非常常见的处理 WebSocket 的库是socket.io。它可以与 AngularJS（教程）以及其他一切一起使用。

然后按如下方式处理您的用例：

  • “客户”x在他的输入字段中输入
  • AngularJS 双向绑定更新模型
  • socket.io 连接将更新发送到服务器
  • 服务器通过 socket.io 将更新发送到所有连接的浏览器（即“操作员”）
  • “操作员”浏览器中的 socket.io 得到通知
  • 它更新了 AngularJS 模型
  • 双向绑定更新视图
  • x出现在“操作员”的屏幕上
于 2015-08-14T14:12:47.957 回答