如何使用现代js框架（如backbone.js或angular.js）将遗留的simgle网页/应用程序重构为MVC [关闭]答案

【问题标题】：How to refactoring legacy simgle web page/app to MVC with a modern js framework like backbone.js or angular.js [closed]如何使用现代js框架（如backbone.js或angular.js）将遗留的simgle网页/应用程序重构为MVC [关闭]
【发布时间】：2013-01-05 19:25:47
【问题描述】：

我想知道示例、建议和框架，以便以正确的方式开始在需要在 ie 中工作的 MVC/MVP js 应用程序中使用 html、css 和 js 文件 (jquery) 构建单页 Web 应用程序至少 7（这是强制性的），但如果可能的话，我希望这个应用程序也能在其他浏览器中运行良好。

代码有很多ifs和else，每个都使用document.write() js方法来编写页面元素。到90年代风格呢，如下图：

if ($auth$ == 19) {
   document.write("<TR>");
   document.write("<TD NOWRAP WIDTH='100%'  height='26'>");
   document.write("<font face='Arial, Helvetica'><B>$username$</B> you cannot access your account.<p>Please contact your Security Administrator or Help Desk.</font>");
        document.write("    </TD>");
        document.write("</TR>");
}

80% 的 Web 应用程序都以这种方式编写，这取决于外部变量值

让我能够以 MVC/MVP js 方式对此进行原型设计的 js 现代框架或现代方法是什么？

一些参考资料？教程？

很高兴得到您的帮助，谢谢！

【问题讨论】：

重构？看看你有什么，我更倾向于完全重新开始

标签： javascript html css model-view-controller web-applications

【解决方案1】：

我花了很多时间研究可用的内容。 KnockoutJS 有一个很棒的教程网站。然后我发现AngularJS 要复杂得多，因为它做了很多事情。 Angular 是一个完整的框架，可以进行路由、数据绑定（没有 observables），还可以让您使用指令构建以应用程序域为中心的应用程序。

我喜欢 Angular 团队的另一件事是，他们都是关于测试的。他们发布了Testacular 测试运行程序，它监视您的文件系统，当任何文件更改时，它会在您选择的浏览器中运行您的单元测试。基于浏览器的自动化单元测试，我很快就迷上了。

我读过很多人不喜欢 AngularJS，因为那里有很多其他的东西在不断发展，它们专注于 SPA 的特定方面，例如 historyJS、backboneJS、sammyJS...每一个都有自己的专注，可能会做得更好。我个人相信 AngularJS 有 google 的支持，它的社区确实在增长。

John Lindquest 最近在egghead.io 开始了一系列很棒的教程。

ngmodules.org 有一个模块社区，它展示了将扩展模块构建到 Angular 应用程序中的简易性。

youtube page for AngularJS 对我跟上 Angular 应用程序的建议结构非常有帮助。

我建议检查一下。一旦你用有角度的方式来做这件事，你就真的改变了你的思维方式。

【讨论】：