如何用现代js框架(如backbone.js或angular.js)将遗留的单一网页/应用程序重构为MVC

How to refactoring legacy simgle web page/app to MVC with a modern js framework like backbone.js or angular.js

本文关键字：js 单一 网页 应用程序 MVC 重构 框架 何用现 backbone angular      更新时间：2023-09-26

我想知道的例子，建议和框架，以正确的方式开始耐火的单页web应用程序与html, css和js文件(jquery)在MVC/MVP js应用程序，需要在ie7至少工作(这是强制性的)，但如果可能的话，我想这个应用程序可以在其他浏览器工作得很好。

代码是很多if和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>");
}

这个web应用80%的代码都是以这种方式编写的，这取决于外部变量

的值

什么是js现代框架或现代方法，让我能够在MVC/MVP js的方式原型?

参考吗?教程吗?

我很高兴你的帮助，谢谢!

我花了相当多的时间研究什么是可用的。KnockoutJS有一个很棒的教程网站。然后我发现了AngularJS，它要复杂得多，因为它能做的事情太多了。Angular是一个完整的框架，可以完成你的路由、数据绑定(没有可观察对象)，还可以让你通过使用指令来构建以应用领域为中心的应用。

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

我读到很多人不喜欢AngularJS，因为有很多其他的东西在不断发展，专注于SPA的特定方面，比如historyJS、backboneJS、sammyJS……每一个都有自己的重点，可能会做得更好。我个人很信任AngularJS，因为它有google的支持，而且它的社区也在不断壮大。

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

在ngmodules.org上有一个模块社区，它演示了在angular应用中构建扩展模块的简易性。

youtube上的AngularJS页面对我跟上angular应用的建议结构非常有帮助。

我建议你去看看。一旦你开始思考如何用角度来做，你就真的改变了你的思维方式。

相关文章：