Web 应用程序的组件 - Express.js、Angular.js 和 MVC 混淆？答案

【问题标题】：Components of Web Application - Express.js, Angular.js and MVC confusion?Web 应用程序的组件 - Express.js、Angular.js 和 MVC 混淆？
【发布时间】：2013-11-14 01:15:49
【问题描述】：

我在 Stack Overflow 上看到了很多关于 Express.js 与 Angular.js 一起使用的帖子，以及 Web 应用程序的客户端和后端如何有两个 MVC 组件，但我已经只是现在变得困惑。 Web 应用程序的组件是什么，这两个组件分别提供什么服务？每个客户端和后端的 MVC 部分到底是什么？

提前感谢您的任何回复！

【问题讨论】：

通过 Angular 网站的分步教程......将能够立即回答您自己关于客户端的问题。那里还有很多其他文档可以提供帮助...详细阅读开发人员指南

标签： javascript node.js angularjs model-view-controller express

【解决方案1】：

在大多数情况下，它非常简单。在我的应用程序中，它通常是这样工作的：

Express.js 提供后端 REST API
Express.js 提供静态 HTML、JavaScript、CSS 和图片资源。
前端 HTML/Javascript 位是使用 Angular.js 编写的。

我倾向于不使用 Express.js 的任何视图功能（提供类似于 ruby on rails 或 Django 的功能，带有模板等等），而是提供一个 index.html，然后让 Angular .js 完成其余的工作。制作一个只有一个主 HTML 文件的 Angular.js 应用程序是非常可能/典型的，因此不需要 express 的“视图”部分。

Angular.js 本身以 MVC 方式构建。您有视图模板和控制器，它们向它们提供数据并处理来自用户交互的事件。控制器所依据的数据来自模型。该模型只是一个层，提供对 Express.js 后端提供的 API 的访问。这通常使用Angular.js resources 完成。

RESTify 是另一种表达方式，用于表达按我描述的方式构建的应用程序。

正如其他人所建议的那样，只需浏览每个组件网站上的教程即可。我还在这里找到了关于集成 Anguar.js 和 Express.js 的教程：http://technokayiti.blogspot.no/2013/06/lesson-5-angularjs-tutorial-backend.html

【讨论】：