mean - MongoDB,Express.js,Angular2,node.js(后端设置和边界)

时间:2017-03-24 17:09:44

标签: node.js angular express

我有一个基本问题,'中的框架和平台 Angular 2 Express.js 是什么意思'方法协同工作,客户端和服务器端之间的界限在哪里。

通过阅读本主题的大部分内容后,我了解到,通过调用网站的基本URL(SPA),Angular2应用程序将作为包完全发送到客户端(浏览器),其中(角度逻辑)将动态更改javascript在客户端浏览器中定义的视图。

我还创建了一个带有一些组件,路由和服务的angular2 SPA。

现在我对后端有一般性问题。

我想在node.js的基础上使用express.js框架创建一个后端。

- 我如何在express.js后端应用程序中设置整个Angular2(前端)应用程序,因为express.js也基于MVC?

- 角度(MVVC)和express.js(MVC)的模型和视图之间的界限以及它们在哪里一起玩?

如果有人可以为我指定这个特定主题的参考资料,教程或相关内容,那就太棒了。

提前致谢。

1 个答案:

答案 0 :(得分:0)

在参考MEAN堆栈时,Express.js不用作MVC,而是Angular。 Express.js作为中间件/框架,可以帮助您快速构建API,而不是在Node.js中编写(Express.js是Node.js的框架)。

你在这说了什么:

  

调用网站的基本URL(SPA)Angular2应用程序将作为包完全发送到客户端(浏览器),其中(角度逻辑)将在客户端浏览器中通过javascript动态更改视图,如定义< / p>

完全正确,Angular 2将在浏览器中充当MVC,客户端将动态更改视图。 Express.js将帮助您定义“基本URL”,即localhost:8000 /以及您所描述的“包”,将其发送到客户端。这个“包”是你的整个Angular应用程序。

我最喜欢的教程之一来自Scotch.io,虽然它是Angular 1.x,它仍然有助于构建任何MEAN堆栈应用程序。

https://scotch.io/tutorials/creating-a-single-page-todo-app-with-node-and-angular

该行

app.use(express.static(__dirname + '/public'));

告诉应用程序在哪里可以找到所有JS / CSS / HTML文件,或者在您的情况下,查找Angular应用程序。 (确保您的Angular应用程序位于上面列出的与Express / Node.js应用程序相关的目录中)

希望这有帮助!