翻譯|行業資訊|編輯:龔雪|2022-07-14 10:06:33.310|閱讀 122 次
概述:本文主要介紹如何使用B/S端界面控件DevExtreme React的身份驗證界面模板,歡迎下載最新版體驗!
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
DevExtreme React應用程序模板包括了新的用戶身份驗證表單和客戶端API,開發人員可以輕松地與后端集成。
官方技術團隊在React應用程序模板中添加了新的登錄、注冊、重置和更改密碼表單,這些表單符合當今最常見的基于 Web 的密碼身份驗證模式/工作流程。當然,您可以輕松自定義預先構建的身份驗證表單,以更好地滿足組織需求/要求。
除了身份驗證表單之外,我們還包括一個簡單的客戶端 API,旨在處理身份驗證表單提交事件。 一旦用戶提交表單,表單數據就會被自動收集并傳遞給相應的提交處理程序,您可以對內置處理程序進行細微更改,以將相應的 HTTP 請求發送到您的身份驗證后端 API——無論使用何種后端技術。為了方便,技術團隊將所有這些處理程序放在一個文件 (/src/api/auth.js) 中。
實現了一個新的 `useAuth` React Hook,讓您可以從應用程序的任何部分訪問經過身份驗證的用戶數據,下面的代碼有助于演示此功能:
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 應用程序模板都可以使用身份驗證表單。
DevExtreme擁有高性能的HTML5 / JavaScript小部件集合,使您可以利用現代Web開發堆棧(包括React,Angular,ASP.NET Core,jQuery,Knockout等)構建交互式的Web應用程序。從Angular和Reac,到ASP.NET Core或Vue,DevExtreme包含全面的高性能和響應式UI小部件集合,可在傳統Web和下一代移動應用程序中使用。 該套件附帶功能齊全的數據網格、交互式圖表小部件、數據編輯器等。
DevExpress技術交流群6:600715373 歡迎一起進群討論
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網