c# - 保持前端 Angular 5 和后端 Web API 代码分离的简单方法?

标签 c# angular asp.net-web-api asp.net-core-2.0

我开发了一个 Angular 5 应用程序,其中包含大量事件部件(服务、Bootstrap、Angular Material、内部+外部 JS 脚本等)。现在我也想为这个应用程序添加数据库连接(仅限 MS SQL Server)。该应用程序是在 Visual Studio Code 中开发的。

我正在关注 this tutorial来自 MSDN,以了解如何将此应用程序与 SQL Server 数据库连接。我相信我需要 Web API 和 .NET Core 支持连接,如果不在 VS Code(例如 here)或 Visual Studio(如引用文章),因为我能找到的关于该主题的几乎所有文章/教程都是从头开始的。在我看来,在 Visual Studio 中创建一个新的 Angular + Core 项目并在那里逐个文件地迁移应用程序逻辑对我来说不是一个可行的解决方案。

我的问题是:

  • 有没有一种简单的方法可以创建一个独立基于 Web API 的后端应用程序,该应用程序从我的 SQL Server 数据库中提供数据供前端 Angular 5 应用程序使用?还是所有 .NET Core、Web API 和 Angular 前端支持都从同一个应用程序呈现?
  • 如果没有,是否有一种简单/官方的方法可以将 .NET Core 和 Web API 功能添加到使用 VS Code 构建的 Angular 5 应用程序中?

最佳答案

我建议您创建一个单独的项目,其中包含带有 ASP.NET Core 的 REST-Endpoint。

这里有一个简单的教程:

https://learn.microsoft.com/en-us/aspnet/core/tutorials/first-web-api

使用此解决方案,您的服务器与客户端分离。也许将来您喜欢使用 Angular 以外的东西,或者您喜欢创建其他客户端(例如 native 移动应用程序)。在这种情况下,您不必更改服务器项目。

(如果您使用的是 visual studio,请查看项目模板。这里有您需要的一切。

关于c# - 保持前端 Angular 5 和后端 Web API 代码分离的简单方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49123932/

相关文章:

c# - 绑定(bind)属性不是依赖属性

c# - 引用同一程序集的不同版本

c# - 将 C# 项目文件转换为 Objective C 类的最佳方法是什么

javascript - ANGULAR2 如何保留滚动位置以防页面从 AJAX 加载

angular - 如果 key 存在于 ionic 存储中,如何使用 * ngIf 显示按钮

javascript - 使用 Angular (v4) AnimationBuilder 使宽度无响应

c# - 创建通用异步任务函数

c# - MVC WebAPI 中的 MapRoute 或 MapHttpRoute

c# - 无法将方法组转换为 func<long,bool>

c# - 不使用模型类直接将 int 发布到 web api