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

DevExtreme v22.1正式版下載

DevExtreme正式版包括：

• 一組 70 多個(gè)功能豐富的 UI 組件。
• 生產(chǎn)力工具，例如 ThemeBuilder 和 CLI 工具。
• 一組響應(yīng)式應(yīng)用程序模板。

在我們的下一個(gè)版本中，將使用一組響應(yīng)式 UI 模板來擴(kuò)展組件庫(kù)的功能，這些即用型UI“塊”將使您能夠?qū)⒕性趹?yīng)用程序邏輯上，并最大限度地減少在應(yīng)用程序UI設(shè)計(jì)上花費(fèi)的精力。

本博文中包含的信息詳細(xì)介紹了我們當(dāng)前/預(yù)計(jì)的發(fā)展計(jì)劃，請(qǐng)注意，此信息僅供參考，并不代表Developer Express Inc的約束性承諾。

什么是響應(yīng)式UI模板？

您可以將響應(yīng)式UI模板視為現(xiàn)代業(yè)務(wù)線 (LOB) 應(yīng)用程序（一組常見的UI模式/UX 工作流）中使用的通用視圖布局。

為了更好地了解整體需求/要求并將相關(guān)的 UI 模板推向市場(chǎng)，官方去年對(duì)用戶進(jìn)行了調(diào)查，客戶反饋將最初的工作重點(diǎn)放在以下應(yīng)用類別上：

• CRM
• 項(xiàng)目/任務(wù)管理和計(jì)劃
• BI 和分析儀表板

每個(gè)應(yīng)用程序類別都可以使用通用視圖/屏幕，產(chǎn)品團(tuán)隊(duì)將為某些UI模板引入多種變體，您可以復(fù)制/粘貼整個(gè)視圖或只是一個(gè)片段，并根據(jù)需要進(jìn)行調(diào)整。（UI模板被分解成更小的可重用組件，您可以復(fù)制/粘貼并“按原樣”使用）

注意：UI模板將具有響應(yīng)性，并將針對(duì)桌面和移動(dòng)設(shè)備。 所有UI模板都構(gòu)建在DevExtreme的響應(yīng)式組件集之上，并利用了目標(biāo)框架的自適應(yīng)特性。

后端API呢？

過去，產(chǎn)品團(tuán)隊(duì)盡最大努力創(chuàng)建功能齊全的“real-world” 應(yīng)用程序演示（帶有底層業(yè)務(wù)邏輯），這種方法有幾個(gè)主要缺點(diǎn)：

• 在許多情況下，我們的業(yè)務(wù)邏輯無(wú)法重用，業(yè)務(wù)工作流程各不相同。
• 復(fù)雜的業(yè)務(wù)邏輯使得理解演示源代碼并將其集成到實(shí)際應(yīng)用程序中變得更加困難。
• 花費(fèi)資源實(shí)施“虛假”工作流程，沒有解決需求/要求。

考慮到這些缺點(diǎn)，產(chǎn)品團(tuán)隊(duì)決定讓UI模板盡可能簡(jiǎn)單（就后端復(fù)雜性而言）。未來的版本僅使用演示后端 API 來使用示例數(shù)據(jù)填充 UI 模板，在某些情況下，我們可能會(huì)實(shí)現(xiàn)原始操作（例如 CRUD 操作）。底線是——您只需復(fù)制/粘貼適當(dāng)?shù)?UI 模板，將其綁定到數(shù)據(jù)，并在后端實(shí)現(xiàn)必要的業(yè)務(wù)邏輯。

注意：如果您的后端 API 以 .NET 為目標(biāo)，請(qǐng)務(wù)必查看 Web API 服務(wù)并立即注冊(cè)您的免費(fèi)副本。 解決方案向?qū)?gòu)建了一個(gè) OData v4 Web API 服務(wù) (.NET 6)，它具有由 EF Core 5 和我們的 XPO ORM 庫(kù)提供支持的集成授權(quán)和 CRUD 操作。 您可以使用 OAuth2、JWT 或自定義身份驗(yàn)證策略以及 Postman 或 Swagger (OpenAPI) 等工具進(jìn)行 API 測(cè)試，內(nèi)置的 Web API 服務(wù)還根據(jù)授予用戶的權(quán)限過濾出受保護(hù)的服務(wù)器數(shù)據(jù)。

支持哪些目標(biāo) UI 平臺(tái)？

在v22.1發(fā)布周期中，產(chǎn)品團(tuán)隊(duì)在GitHub上發(fā)布了一些Angular UI模板（作為預(yù)覽），現(xiàn)在產(chǎn)品團(tuán)隊(duì)將UI模板集擴(kuò)展到React/Vue并將新模板添加到未來的發(fā)行版中。

注意：正在考慮支持其他平臺(tái)，例如 jQuery 或 ASP.NET Core。

分發(fā) - UI模板庫(kù)

產(chǎn)品團(tuán)隊(duì)計(jì)劃在官網(wǎng)的演示部分發(fā)布所有 UI 模板，您將能夠在獨(dú)立的演示應(yīng)用程序中實(shí)時(shí)試用、查看和復(fù)制/粘貼源代碼、切換主題和預(yù)覽模板。產(chǎn)品團(tuán)隊(duì)還將為每個(gè)模板添加描述 - 簡(jiǎn)要說明其目的結(jié)構(gòu)和潛在的業(yè)務(wù)工作流程。

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