国产精品无码AV,欧美在线加欧,乱伦露脸

B/S端界面控件DevExtreme Angular應(yīng)用程序模板 – 新的身份驗(yàn)證UI

翻譯|行業(yè)資訊|編輯：龔雪|2022-06-16 10:28:34.757|閱讀 143 次

概述：本文主要講解B/S端界面控件DevExtreme Angular應(yīng)用程序模板新的身份驗(yàn)證UI，歡迎下載最新版體驗(yàn)！

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

Angular身份驗(yàn)證表單

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

B/S端界面控件DevExtreme Angular應(yīng)用程序模板 – 新的身份驗(yàn)證UI

后端集成

除了身份驗(yàn)證表單之外，我們還包括一個(gè)簡(jiǎn)單的客戶端 API，旨在處理身份驗(yàn)證表單提交事件。一旦用戶提交表單，表單數(shù)據(jù)就會(huì)被自動(dòng)收集并傳遞給相應(yīng)的提交處理程序。您可以對(duì)內(nèi)置處理程序進(jìn)行細(xì)微更改，以將相應(yīng)的 HTTP 請(qǐng)求發(fā)送到您的身份驗(yàn)證后端 API——無(wú)論使用何種后端技術(shù)。為了您的方便，我們將所有這些處理程序放在一個(gè)文件中。

訪問經(jīng)過身份驗(yàn)證的用戶數(shù)據(jù)

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

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 使用示例。

試試看

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

一個(gè)演示應(yīng)用程序：
源代碼：

DevExtreme | 下載試用

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

DevExpress技術(shù)交流群6：600715373 歡迎一起進(jìn)群討論