DevExtreme Angular 應用程序模板附帶了新的用戶身份驗證表單和客戶端API，因此您可以輕松地將這些新表單與后端集成。

DevExtreme v21.2正式版下載

Angular身份驗證表單

正如您在下面看到的，在 Angular 應用程序模板中添加了新的登錄、注冊、重置和更改密碼表單，這些表單的設計方式符合當今最常見的基于 Web 的密碼身份驗證模式/工作流程。 當然，您可以輕松自定義這些預構建的身份驗證表單，以更好地滿足組織需求/要求。

后端集成

除了身份驗證表單之外，我們還包括一個簡單的客戶端 API，旨在處理身份驗證表單提交事件。 一旦用戶提交表單，表單數據就會被自動收集并傳遞給相應的提交處理程序。 您可以對內置處理程序進行細微更改，以將相應的 HTTP 請求發送到您的身份驗證后端 API——無論使用何種后端技術。 為了您的方便，我們將所有這些處理程序放在一個文件中。

訪問經過身份驗證的用戶數據

Angular 應用程序模板現在包含一個身份驗證服務，此服務使您可以從應用程序的任何部分訪問經過身份驗證的用戶數據。此外，此服務允許您向后端發送不同的身份驗證相關命令（例如“登錄”、“注銷”等），下面的代碼有助于演示此功能：

export class MyComponent implements OnInit {
currentUser = {};
userMenuItems = [
...,
{
text: 'Logout',
onClick: () => {
this.authService.logOut();
}
}];

constructor(private authService: AuthService, ...) { }

ngOnInit() {
this.authService.getUser().then((user) => this.currentUser = user);
}
}

您可以在找到完整的 AuthService 使用示例。

試試看

要直接探索這些功能，您可以查看或下載演示應用程序和相關的源代碼：

• 一個演示應用程序：
• 源代碼：

DevExtreme | 下載試用

DevExtreme擁有高性能的HTML5 / JavaScript小部件集合，使您可以利用現代Web開發堆棧（包括React，Angular，ASP.NET Core，jQuery，Knockout等）構建交互式的Web應用程序。從Angular和Reac，到ASP.NET Core或Vue，DevExtreme包含全面的高性能和響應式UI小部件集合，可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。

DevExpress技術交流群6：600715373      歡迎一起進群討論