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

下載 DevExpress ASP.NET 最新版

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

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

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

該文件由以下部分組成。

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

概述

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

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

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

調(diào)整視覺(jué)主題

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

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

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

   

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

   

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

   

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

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

   

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