Udemy

How Does the MEAN Stack Work?

来自 Maximilian Schwarzmüller 的免费视频教程
AWS certified, Professional Web Developer and Instructor
评分:4.5,满分 5 分讲师评分
70 门课程
3795501 名学生
How Does the MEAN Stack Work?

讲座描述

So what's the big picture of the MEAN stack? How do the different things work together? Time for a closer look!

通过完整课程学习更多知识

Angular & NodeJS - The MEAN Stack Guide

Learn how to connect your Angular Frontend to a NodeJS & Express & MongoDB Backend by building a real Application

12:39:59的随选视频 • 更新于 October 2025

Build real Angular + NodeJS applications
Understand how Angular works and how it interacts with Backends
Connect any Angular Frontend with a NodeJS Backend
Use MongoDB with Mongoose to interact with Data on the Backend
Use ExpressJS as a NodeJS Framework
Provide a great user experience by using Optimistic Updating on the Frontend
Improve any Angular (+ NodeJS) application by adding Error Handling
简体中文 [自动]
- :有了这些, 让我们看看大局。 整个MEAN堆栈在本课程中是什么样子的, 或者总体上是什么样子的, 而不仅仅是在本课程中? 我们有客户端和服务器端, 这很重要。 客户端是用户看到的。 在浏览器中运行的网页。 服务器端是我们部署的服务器上的某个地方, 我们在其中运行业务逻辑, 用户只能间接访问它。 我们马上就会看到这种访问是如何工作的。 在客户端上, 我们使用Angular, 这是一个JavaScript框架。 所以我们也隐式地使用JavaScript, 用它来构建用户界面。 在服务器端, 我们使用Node Express和MongoDB。 Node Express用于逻辑, MongoDB作为数据库。 正如我所说的, 你不想直接从Angular连接到它。 现在是客户端, Angular负责用户界面, 因此对于演示文稿, 它是一个单页应用程序, 正如我在上一节课中解释的那样, 该单页应用程序可以由我们的节点后端呈现。 因此, 我们可以有一个路由, 它本质上返回单个HTML页面, 但它也可以与之完全分离, 并从一个完全不同的主机提供服务, 例如, 一些静态主机, 如AWS Free。 现在在节点应用程序上, 我们有了核心业务逻辑, 尤其是那些由于安全原因或性能原因而不应该向客户端公开的逻辑。 我们有持久性数据存储, 因此数据库和身份验证逻辑也放在那里, 例如, 它当然是业务逻辑的一部分。 我只是想在这里强调一下。 我们决定电子邮件和密码是否有效的逻辑发生在服务器上, 因为它可以很容易地在客户端上被篡改, 而不是在服务器上。 那我们怎么把这两部分连接起来呢? 我们交换请求和响应, 这些请求和响应是在后台发送的, 即所谓的AJAX请求。 你可能以前听说过这个, 我们在Angular中使用完全相同的模式。 这些请求可以在不需要重新加载页面的情况下发送, 这当然正是我们想要的。 他们负担得起我们交换的数据类型不是HTML, 因为我们从来不想要HTML代码。 我们用Angular完成所有的演示和重新渲染逻辑。 我们得到的是所谓的JSON数据。 这是一种非常有效的数据编码格式, 就像一个帖子列表。 在这门课上你会看到它的样子。 这是一幅大图, 这是MEAN状态的工作原理, 这也正是我们在本课程中要实现的。 好了, 我已经说得够多了, 让我们开始吧, 让我们开始设置基础开发环境, 我们将学习本课程, 让我们开始构建我们的MEAN堆栈应用程序。