使用什么 Web 框架来实现类似 diff 的 UI？ [关闭]答案

【问题标题】：What Web Framework to use to implement the diff-like UI? [closed]使用什么 Web 框架来实现类似 diff 的 UI？ [关闭]
【发布时间】：2012-02-10 22:40:38
【问题描述】：

您将使用什么 Web 框架来实现以下执行并排文本比较的桌面应用程序的界面。更确切地说是 UI 中的内容：

带有拆分器和突出显示的文档查看器
延迟加载，因为文档可能非常大（每个 10Mb）
带有颜色标记和滚动窗口的左侧导航栏
同步滚动
导航热键（例如 Alt+ArrowDown = 下一个差异）

请，每个答案一个框架。提供该方法的优缺点。

注意：这个问题与Vaadin alternative for heavily loaded UI 不同，社区试图解决我与 Vaadin 的问题，但我没有听到任何真正的分析。

【问题讨论】：

不加评论就投反对票是不礼貌的。

标签： gwt wicket web-frameworks echo2 click-framework

【解决方案1】：

就您而言，您别无选择。无论您将采用什么框架/语言/编译器等，您都会编写很多低级的东西。所以你选择的武器将是 JavaScript 或 GWT（选择取决于你喜欢什么/有更多经验）。但无论如何，您将大量使用 DOM 本身，使用某些组件框架是不可能的，您将无法从高级组件框架中获得任何性能。

所以我的建议是使用 JavaScript（Google Closure 用于一些公共部分），或者其他可以编译为 JS 的东西（GWT，CoffeScript）。

【讨论】：

感谢您的评论。 GWT 将如何帮助我？每次考虑跨浏览器兼容性时，我是否需要编写自己的组件？
GWT 将使您能够使用 Java 语法编写代码（完整的 IDE 支持与重构，更易于管理大型代码库），此外 GWT 具有非常强大的延迟绑定功能，对于创建特定于浏览器的功能非常有用实施。至于你的第二个问题，这取决于你在做什么。有些东西可以使用一些跨浏览器组件框架构建，有些则必须从头开始构建。在大多数情况下，您不需要进行一些低级编码。

【解决方案2】：

我认为 Wicket 可以做到这一点，使用它来重用用于查看输入的两个版本的组件。您必须为您描述的每个元素编写一个组件，并编写足够的 Javascript 来链接事物：

同步滚动
热键支持

延迟加载可以通过 Wicket 行为来处理，最棘手的部分是具有正确着色的全局概览，它需要一个良好的头脑风暴会议才能真正有效。

希望对你有帮助...

【讨论】：

【解决方案3】：

对于这样的应用程序，webapp（包括框架）不是一个好的选择。这通常是桌面应用程序！

【讨论】：

对不起，这是我无法更改的项目要求。我不相信它不能在 Web 应用程序中完成。