博客页应用程序项目模板

下载 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 应用程序 。