java - 前端 - ajax 调用服务器框架

Question

我是服务器端软件开发人员。

在去年左右，我开始开发一些前端作为一个相当大的 web 应用程序的一部分(spring 框架、spring mvc 和纯 javascript\html)

在那个项目中，我收到了由其他人构建的 html 布局，我必须完成所有的 js 逻辑。 (主要是ajax调用)

我开始意识到我的 js 文件包含 20K 行具有以下模式的代码:

1) onclick 函数\触发器 2)ajax用参数调用自己 3) ajax 回调和 html(dom) 操作以反射(reflect)数据

总而言之，我有一个极端的 spagetthi 怪物，其中包含我上面提到的许多功能。

 function createAccountButtonClicked() {

  // get input
  doCreateAccountAjax(params);

 }
  function doCreateAccountAjax(params) {

  ajax.(...) //define callbackFunc(params)

 }

 function callbackFunc(params) {

  // set dom stuff.

 }

作为一个框架狂(服务器)，我简直不敢相信。并发现必须有一个前端框架来更好地控制和流动我在这里介绍的方法。

如果有任何引用资料，我将不胜感激。

谢谢

Answer 1

确实有一些框架可以用于前端开发。它们基于 MVC或 MVVM从底层逻辑中抽象 View 的设计模式。检查这些:

• Backbone.js , 通常结合 Underscore.js用于 HTML 模板等等。
• Angular.js , 由谷歌开发
• Ember.js
• Knockout.js

我的首选是 Knockout.js，主要是因为我认为它具有最干净的 HTML 模板机制。如果您需要与专门为您的应用程序设计 HTML/CSS View 的人交流，我认为这很重要。当然，选择很大程度上取决于您的应用，所以我建议您阅读其中的一些内容:

• http://johndel.gr/blog/emberjs-vs-angular-js
• http://blogs.lessthandot.com/index.php/webdev/uidevelopment/angularjs-vs-knockout-final-thoughts-9/
• http://blog.stevensanderson.com/2012/08/01/rich-javascript-applications-the-seven-frameworks-throne-of-js-2012/
• http://readwrite.com/2014/02/06/angular-backbone-ember-best-javascript-framework-for-you#awesm=~oD0wpF2Rw8JWKo
• http://www.100percentjs.com/backbone-or-angular-or-ember-here-is-my-choice-and-why/
• Angular.js vs Knockout.js vs Backbone.js

这当然是网络上比较这些框架的资源列表的一小部分。

除了 MVC 框架，您还可以考虑使用这些框架:

• jQuery :我认为几乎每个人都使用 jQuery。它抽象了 DOM 操作，提供跨浏览器 AJAX 支持、事件处理和大量其他内容。没有它我活不下去。
• Bootstrap : 它使用一些非常常用的模式“引导”您的 CSS，并提供一些非常好的 UI 组件。
• Require.js :将您的 javascript 代码拆分为模块并提供对它们的强大依赖性。如果您的前端代码变得又大又复杂，这真的很有用，我建议您尽早开始使用它，它会大大简化您的代码结构。

希望我能帮到你 :)