博客頁應用程序項目模板

下載 DevExpress ASP.NET 最新版

QQ搜索群號：700924826 立即加入Devexpress中國（官方3）技術交流群

博客頁應用程序項目模板允許您創建一個由DevExpress ASP.NET AJAX控件和Bootstrap框架提供的客戶端可視化組件驅動的網絡應用程序。默認情況下，用這個模板創建的應用程序實現了帶有集成全文搜索的博客的功能。

本文檔概述了Blog Web 應用程序項目模板的默認結構和功能，并描述了如何調整DevExpress ASP.NET控件的外觀，以實現與第三方Bootstrap主題的更好整合。

該文件由以下部分組成。

• 概述
• 調整視覺主題

概述

博客頁應用程序項目模板作為起點來開發同時使用ASP.NET Ajax控件和自舉框架博客風格的Web應用程序。最初，Web 應用程序的頁面布局建立在 Bootstrap Grid 系統上?，它為響應式、移動友好的 Web 用戶界面提供了基礎。

默認情況下，Web 應用程序包括以下頁面。

• 主頁- 顯示圖像滑塊和有關模板的基本信息。
• 博客- 提供博客文章導航功能。
• 聯系我們- 顯示聯系表格和聯系信息。
• 搜索- 顯示搜索結果。

調整視覺主題

客戶端 DevExpress 控件在內部不使用 Bootstrap 樣式。相反，它們的外觀依賴于預定義的主題。默認情況下，從博客頁應用程序項目模板創建的項目使用Moderno視覺主題，該主題提供與 Bootstrap 視覺組件的默認外觀相匹配的配色方案。但是，如果您在 Web 應用程序中為 Bootstrap 組件使用第三方視覺主題，則應用程序頁面上的視覺元素外觀可能會變得不一致。本節介紹如何調整 DevExpress 控件的外觀以克服此限制。

手動創建基于 Moderno 主題的自定義主題，將基色替換為適當的顏色以實現視覺一致性 - 如下所述。

1. 啟動DevExpressASP.NET 主題生成器。
2. 在調用的啟動對話框中單擊新建主題。

   

3. 在New Theme對話框中，單擊基于下拉列表并選擇Moderno。

   

4. 接下來，單擊基本顏色下拉調色板，并選擇自定義主題所需的基本顏色。

   

   單擊確定以創建主題。

5. 您現在可以預覽各種控件的外觀，并在需要時微調各個視覺元素的外觀設置。

   

    調整完成后，生成主題程序集，將其包含在您的項目中并將自定義主題應用到 Web 應用程序 。