DevExtreme v21.1.5最新版下載

驗證

DevExtreme Angular應(yīng)用程序包括身份驗證 UI 和 API，配置客戶端路由，以便未經(jīng)身份驗證的用戶只能導(dǎo)航到身份驗證頁面，這些頁面允許用戶登錄、創(chuàng)建新帳戶或重置密碼。

身份驗證頁面由 UnauthenticatedContentComponent 呈現(xiàn)。

重要提示：不要依賴客戶端路由來保護(hù)您的應(yīng)用程序免受未經(jīng)授權(quán)的訪問，始終在后端驗證用戶憑據(jù)。

與后端集成

用于后端請求的存根認(rèn)證功能在 AuthService 中實現(xiàn)，更新這些函數(shù)以向您的后端發(fā)出實際請求。

每個函數(shù)都返回一個具有以下字段的對象：

獲取用戶信息

用戶信息由同一個 AuthService 提供，您可以使用其 getUser() 方法來訪問此信息：

TypeScript

import { Component } from '@angular/core';
import { AuthService } from './shared/services';

@Component({
// ...
})
export class AppComponent {
constructor(private authService: AuthService) { }

ngOnInit() {
this.authService.getUser().then((e) => {
if (e.data) {
// User is authenticated
...
}
});
}
}

創(chuàng)建一個空的應(yīng)用程序

要生成沒有視圖和導(dǎo)航菜單的應(yīng)用程序，請使用 --empty 標(biāo)志：

npx devextreme-cli new angular-app app-name --empty

支持Internet Explorer 11

要使生成的應(yīng)用程序在 Internet Explorer 11 中工作，請執(zhí)行以下操作：

1. 安裝并啟用 polyfill

npm install --save classlist.js core-js

code-type active

// ...
import 'core-js/es/array';
import 'classlist.js';
// ...

2. 包含 IE 11 作為受支持的瀏覽器，打開 .browserslistrc 文件，不要將 IE 11 更改為 IE 11。

3. 修改啟動和構(gòu)建命令

package.json

{
// ...
"scripts": {
// ...
// "start": "ng serve",
// "build": "ng build",
"start": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng serve --prod",
"build": "node --max_old_space_size=4096 node_modules/@angular/cli/bin/ng build --prod",
// ...
}
}

4. 降低目標(biāo) ECMAScript 版本

{
// ...
// "target": "es2015",
"target": "es5",
// ...
}

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ù)交流群4：715863792      歡迎一起進(jìn)群討論