如何理解 REST 和 AngularJS 等概念

Question

我发现很难正确理解 REST (ASP.NET Core API) 和 AngularJS 是如何结合在一起的。我也很难理解控制器和 API 之间的区别。 我观看了有关 ASP.NET Core Web 应用程序的视频： https://app.pluralsight.com/library/courses/aspdotnetcore-efcore-bootstrap-angular-web-app/table-of-contents 该视频展示了如何创建，例如，一个纯 html 联系表单，使用 ViewModel 和属性在服务器端对其进行验证。 然后，其他模块展示了如何创建 AngularJS 类型的表单，并在客户端进行验证。 我很难理解为什么验证应该是客户端的（代码重复......）。 在我看来，当 C# 语言被 Angular 取代时，剃须刀的所有“力量”......？ 我希望我能正确地解释自己。

Answer 1

正如 mariocatch 已经很好地解释了 Api 和 Angular JS。我将阐明您的问题，即为什么要在前端进行验证？这完全是为了性能而开发的。在大型应用程序中，性能很重要。所以不要像

这样检查验证条件

• 电子邮件格式正确

• 密码必须至少为 6 个字符

• 密码必须至少包含 1 个大写字母

• 密码必须至少包含 1 个特殊字符

理性思考一下，为什么要让服务器参与所有这些验证。现在网站拥有数百万、数十亿用户，服务器不能免费进行这些验证。这就是为什么将验证移到客户端的原因。是的，这正在取代 C# razor 的强大功能，但这显然是为了 Web 应用程序的长期良好性能。

我认为这消除了您对客户端验证的困惑。

Answer 2

网络 API

数据提供者。

Web API 的作用只是向消费者提供数据。假设您正在构建一个博客，并且希望将所有作者和博客文章存储在 SQL 数据库中。如果您只是让浏览器（您的客户端 javascript）访问数据库以开始随意向其中投掷博客文章，那么一个主要的安全漏洞将是。相反，在浏览器 javascript 和后端 SQL 之间放置一个服务器端 API 是一种常见的做法。这就是 API 的用武之地。您的 API 只是位于中间，并且知道如何检索博客文章、插入新博客文章等。

角度

数据显示。

这是浏览器的 javascript 端。现在我们和数据库之间有一个 API，我们需要做的就是知道如何与 API 通信。当我们的页面加载时，我们可以简单地向 API 发送一个请求，上面写着：var posts = RetrieveBlogPosts();，也许 RetrieveBlogPosts 在底层只是发送一个 HTTP GET 请求到我们的 API http://localhost:8000/api/posts。 API 响应基于该路由的传入请求，并确切知道要进入哪个服务器端方法。然后它进入数据库，获取博客文章，并将它们发送回客户端浏览器上运行的 Angular 应用程序。它发回的数据通常采用 JSON 格式。然后，您的 Angular 应用程序将接收响应 (JSON)，将其转换为代表博客文章的对象，然后在浏览器中显示该数据（HTML 模板/css/等）。