0

我正在使用 Angular 开发一个 C# 项目（Visual Studio 2019），我想在表中显示来自服务器 Microsoft SQL 数据库的数据（使用 Ignite UI）。

我搜索了创建与数据库的连接并以合适的形式从数据库中准备数据的教程，以便在表中显示这些数据（使用 Ignite UI）。不幸的是我没有找到任何东西，这就是我在这里写的原因。

到目前为止我所拥有的：

  1. 跟踪-system.component.ts
export class TracingSystemComponent implements OnInit {

 constructor() { }

 ngOnInit(): void {
 }
 localData = [
 { Name:'John Smith', Age: 29 },
 { Name:'Alice in Wonderland', Age: 27 },
 { Name:'Jessica', Age: 31 },
 ];
}
  1. 跟踪-system.component.html
 <igx-grid [data]="localData" width="1000px" height="800px" style="margin: auto" [allowFiltering]="true">
   <igx-column field="Name" dataType="string"></igx-column>
   <igx-column field="Age" dataType="number"></igx-column>
 </igx-grid>

所以我的问题是如何将我的 C# 项目（Visual Studio 2019）连接到 Microsoft 服务器 SQL 数据库，以及如何使用 Ignite UI（igx-grid、igx-column）在表中显示数据库中的数据？

4

1 回答 1

1

创建一个 WebAPI 项目，该项目连接到您的数据库并使用 DB-first（如果您已经拥有 DB）或代码优先的方法来生成模型/db。然后创建一个返回实体列表的端点，并将其与HttpClient前端的服务一起使用。

对于客户端服务，您可以参考此示例。

服务代码示例

我们没有后端 (WebAPI) 的代码示例，但在 Visual Studio 中有一个启动项目，它几乎可以使用。

于 2021-08-10T11:59:40.687 回答