国产干美女,日韩成人免费视频播放,日韩国产欧美在线一区

UI組件DevExpress ASP.NET Bootstrap - 支持Bootstrap v5.3.3和暗黑模式

原創|行業資訊|編輯：龔雪|2024-10-28 14:33:01.047|閱讀 98 次

概述：本文主要介紹DevExpress ASP.NET Bootstrap升級到了Bootstrap v5.3.3，歡迎下載最新組件體驗！

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

在本文中，我們將詳細介紹DevExpress Bootstrap控件升級到Bootstrap v5.3.3、增強了DevExpress Bootstrap項目模板的安全相關更新，以及對顏色模式的支持等。

P.S.：DevExpress ASP.NET Bootstrap Controls利用輕量級渲染、響應式布局和現代性能優化技術，擴展網站的受眾范圍并提高搜索排名。

獲取DevExpress v24.1正式版下載

DevExpress技術交流群10：532598169 歡迎一起進群討論

項目模板中的新Bootstrap版本 - 解決XSS漏洞

DevExpress Bootstrap控件構建在Bootstrap框架之上，并依賴于靜態Bootstrap資源。多年來，DevExpress UI控件已經支持Bootstrap v3 - v5，而在過去，DevExpress Bootstrap項目模板使用的是Bootstrap v4.x。

對于v22.2（以及v24.2）， DevExpress項目模板默認使用Bootstrap v5（包括最新版本的Bootstrap - v5.3.3）。這種升級本質上不僅僅是表面上的，它解決了Bootstrap v4.0 - v4.6.2中的一個關鍵安全漏洞，雖然DevExpress UI控件不直接使用Bootstrap腳本，但在項目的其他部分無意中使用JavaScript Bootstrap可能會使應用程序暴露于此漏洞。簡單地說，由于該漏洞在Bootstrap v5.0中得到了解決，我們的模板現在使用最新版本的Bootstrap。

將現有項目升級到v5

由于Bootstrap早期版本中的XSS漏洞，我們強烈建議您將現有的Bootstrap項目升級到v5（以減輕潛在的攻擊向量并增強應用程序的整體安全狀態）。要升級，您應該：

更新您的Bootstrap文件，導航到并下載最新版本，用新文件替換項目中舊的Bootstrap CSS和JS文件。
在項目的Web中設置Bootstrap模式設置為Bootstrap5。配置文件：

<configuration>
...
<devExpress>
<bootstrap mode="Bootstrap5" />
</devExpress>
...
</configuration>

支持暗黑模式

在Bootstrap的新版本中，最令人興奮的是對顏色模式的內置支持。該功能允許開發人員創建適應用戶偏好的應用程序——增強可訪問性和整體用戶體驗。自從我們將Bootstrap資源更新到v5.3.3以來，DevExpress Bootstrap控件現在支持顏色模式。例如，當您應用一個基于引導的主題時，可以很容易地切換到黑暗模式。要合并此功能，請將data-bs-theme屬性添加到<html>元素。

<html lang="en" data-bs-theme="dark">
<head>
...
</head>
</html>

正如在下圖中看到的，DevExpress UI控件完全集成了Bootstrap樣式，確保您的應用保持一致的外觀和感覺。

UI組件DevExpress ASP.NET Bootstrap - 支持Bootstrap v5.3.3和暗黑模式

那Blazor的組件呢？

最新版本的DevExpress Blazor UI組件（v24.1及更高版本）不依賴于Bootstrap，但是它可以使用Bootstrap主題中的顏色和其他變量。如果您在Blazor項目中使用Bootstrap，請確保使用Bootstrap v5.0或更高版本，DevExpress Blazor組件支持Bootstrap v5.0 （v21.1）和Bootstrap v5.3 （v23.2+）。

更多產品需求，歡迎咨詢“”~

更多DevExpress線上公開課、中文教程資訊請上中文網獲取