国产热久,欧美日韩国产五月天,精品国产日韩一区2区3区

界面開發(fā)框架DevExtreme React應(yīng)用程序模板——身份驗證界面

翻譯|行業(yè)資訊|編輯：龔雪|2022-07-14 10:06:33.310|閱讀 122 次

概述：本文主要介紹如何使用B/S端界面控件DevExtreme React的身份驗證界面模板，歡迎下載最新版體驗！

DevExtreme React應(yīng)用程序模板包括了新的用戶身份驗證表單和客戶端API，開發(fā)人員可以輕松地與后端集成。

身份驗證表單

官方技術(shù)團隊在React應(yīng)用程序模板中添加了新的登錄、注冊、重置和更改密碼表單，這些表單符合當今最常見的基于 Web 的密碼身份驗證模式/工作流程。當然，您可以輕松自定義預(yù)先構(gòu)建的身份驗證表單，以更好地滿足組織需求/要求。

界面開發(fā)框架DevExtreme React應(yīng)用程序模板——身份驗證界面

后端集成

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

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

實現(xiàn)了一個新的 `useAuth` React Hook，讓您可以從應(yīng)用程序的任何部分訪問經(jīng)過身份驗證的用戶數(shù)據(jù)，下面的代碼有助于演示此功能：

import React from 'react';
import { useAuth } from './contexts/auth';

export default function() {
const { user } = useAuth();
return <div>{ user ? user.email : 'Not authenticated' }</div>;
}

Angular & Vue

Angular 和 Vue 應(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和下一代移動應(yīng)用程序中使用。該套件附帶功能齊全的數(shù)據(jù)網(wǎng)格、交互式圖表小部件、數(shù)據(jù)編輯器等。

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