博客頁(yè)應(yīng)用程序項(xiàng)目模板
QQ搜索群號(hào):700924826 立即加入Devexpress中國(guó)(官方3)技術(shù)交流群
博客頁(yè)應(yīng)用程序項(xiàng)目模板允許您創(chuàng)建一個(gè)由DevExpress ASP.NET AJAX控件和Bootstrap框架提供的客戶(hù)端可視化組件驅(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 用戶(hù)界面提供了基礎(chǔ)。
默認(rèn)情況下,Web 應(yīng)用程序包括以下頁(yè)面。
- 主頁(yè)- 顯示圖像滑塊和有關(guān)模板的基本信息。
- 博客- 提供博客文章導(dǎo)航功能。
- 聯(lián)系我們- 顯示聯(lián)系表格和聯(lián)系信息。
- 搜索- 顯示搜索結(jié)果。
#調(diào)整視覺(jué)主題
客戶(hù)端 DevExpress 控件在內(nèi)部不使用 Bootstrap 樣式。相反,它們的外觀依賴(lài)于預(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é)一致性 - 如下所述。
- 啟動(dòng)DevExpressASP.NET 主題生成器。
-
在調(diào)用的啟動(dòng)對(duì)話框中單擊新建主題。
-
在New Theme對(duì)話框中,單擊基于下拉列表并選擇Moderno。
-
接下來(lái),單擊基本顏色下拉調(diào)色板,并選擇自定義主題所需的基本顏色。
單擊確定以創(chuàng)建主題。
-
您現(xiàn)在可以預(yù)覽各種控件的外觀,并在需要時(shí)微調(diào)各個(gè)視覺(jué)元素的外觀設(shè)置。
調(diào)整完成后,生成主題程序集,將其包含在您的項(xiàng)目中并將自定義主題應(yīng)用到 Web 應(yīng)用程序 。