博客頁應(yīng)用程序項目模板

下載 DevExpress ASP.NET 最新版

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

博客頁應(yīng)用程序項目模板允許您創(chuàng)建一個由DevExpress ASP.NET AJAX控件和Bootstrap框架提供的客戶端可視化組件驅(qū)動的網(wǎng)絡(luò)應(yīng)用程序。默認情況下，用這個模板創(chuàng)建的應(yīng)用程序?qū)崿F(xiàn)了帶有集成全文搜索的博客的功能。

本文檔概述了Blog Web 應(yīng)用程序項目模板的默認結(jié)構(gòu)和功能，并描述了如何調(diào)整DevExpress ASP.NET控件的外觀，以實現(xiàn)與第三方Bootstrap主題的更好整合。

該文件由以下部分組成。

• 概述
• 調(diào)整視覺主題

概述

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

默認情況下，Web 應(yīng)用程序包括以下頁面。

• 主頁- 顯示圖像滑塊和有關(guān)模板的基本信息。
• 博客- 提供博客文章導(dǎo)航功能。
• 聯(lián)系我們- 顯示聯(lián)系表格和聯(lián)系信息。
• 搜索- 顯示搜索結(jié)果。

調(diào)整視覺主題

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

手動創(chuàng)建基于 Moderno 主題的自定義主題，將基色替換為適當?shù)念伾?實現(xiàn)視覺一致性 - 如下所述。

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

   

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

   

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

   

   單擊確定以創(chuàng)建主題。

5. 您現(xiàn)在可以預(yù)覽各種控件的外觀，并在需要時微調(diào)各個視覺元素的外觀設(shè)置。

   

   調(diào)整完成后，生成主題程序集，將其包含在您的項目中并將自定義主題應(yīng)用到 Web 應(yīng)用程序 。