开发多屏 Web 界面——例如 Bloomberg 终端答案

【问题标题】：Developing a Multi Screen Web Interface -- such as the Bloomberg terminal开发多屏 Web 界面——例如 Bloomberg 终端
【发布时间】：2012-12-04 07:52:35
【问题描述】：

我正在寻找构建一个需要多屏界面的基于网络的应用程序。

为了实现这一点，我正在寻找以下内容：

任何使之成为可能的前端库——例如 jQuery 插件。
我应该查看的任何设计模式。
任何成功的基于 Web 的多屏界面的开源实现。

【问题讨论】：

您的应用是在浏览器上运行还是在连接到后端服务器的桌面应用上运行？
嗨@silent_warrior，该应用程序将有一个浏览器层、一个服务器层和一个数据层（非常传统）。我怀疑多屏界面需要在架构层的浏览器级别特别注意。
您对客户端浏览器有多少控制权？如果没有，则用户需要将第二个窗口拖到他们的第二个屏幕上，然后为每个窗口自己按F11。否则，请考虑为您的目标浏览器创建插件/附加组件。
让我们假设没有 - 所以是的，例如使用 Google Gears 吗？而且......这是否意味着没有人尝试解决这个问题？
Gears 已过时。看看developer.chrome.com/extensions/index.html for Chrome 和developer.mozilla.org/en-US/docs/Extensions for Firefox 扩展。

标签： jquery web-applications jquery-plugins multiscreen

【解决方案1】：

您应该研究 Composite 和 Decorator 模式。事实上，GoF 书籍（Design Patters、Gamma 等人）中的案例研究（Lexi 文字处理器）是高度相关的 - 建立 UI 元素的层次结构，这些元素可能包含也可能不包含其中的小部件集合。

案例研究为此类 UI 设计提供了一个很好的起点，涵盖了许多您可能不会考虑考虑的事情。

【讨论】：

【解决方案2】：

看看https://golden-layout.com/，它内置了对弹出组件到新浏览器窗口的支持。

【讨论】：