AnQiCMS如何自定义网站页面的显示布局？

AnQiCMS 为网站页面显示布局提供了非常灵活且强大的自定义能力。无论您是希望快速搭建一个具有独特风格的企业官网，还是需要精细化运营多站点内容，AnQiCMS都能让您从网站的“骨架”到“血肉”都拥有随心所欲的掌控权。

核心理念：从骨架到细节的全面掌控

AnQiCMS的定制化能力主要体现在其采用的Django模板引擎语法上，这种语法自然流畅，易于上手，即使您不是专业的后端开发者，也能通过简单的标签标记来控制页面元素的显示。它将网站的展示逻辑与数据内容解耦，让您能够专注于前端设计，而无需担心底层代码的复杂性。

AnQiCMS的模板文件统一使用.html作为后缀，并集中存放在根目录下的/template文件夹中。每个模板包都有一个config.json文件，用以定义模板的名称、版本、作者等基本信息，其中最关键的是template_type字段，它决定了您的网站是采用自适应、代码适配还是PC+手机端独立的显示模式。这意味着您可以根据目标受众和设备类型，选择最合适的布局策略。同时，模板所需的CSS、JS、图片等静态资源，也都有清晰的存放路径——/public/static/，便于管理和维护。

模板文件的组织与细化：打造专属页面的基石

在AnQiCMS中，模板文件的组织结构非常清晰，可以采用文件夹组织模式或扁平化文件组织模式。这两种模式都旨在帮助您高效地管理和查找模板。

例如，您可以将页面头部、底部这类所有页面都需要继承的公共代码片段放入bash.html中；将侧边栏、面包屑导航这类可复用的代码片段存放在partial/目录下，以便在不同页面间按需引用。

对于常见的页面类型，AnQiCMS也预设了一些默认的模板文件名称，只要您创建了这些文件，系统就能自动识别并应用：

• 首页： index/index.html 或 index.html
• 文档详情页： {模型table}/detail.html（例如文章模型是article/detail.html）
• 文档列表页： {模型table}/list.html
• 单页面详情页： page/detail.html
• 搜索页： search/index.html
• 错误页： errors/404.html 或 errors/500.html

更值得一提的是，AnQiCMS允许您为特定的内容（如某个分类、某篇文章或某个单页）指定独一无二的模板。比如，如果您想让“关于我们”这个单页面拥有一个完全独立的设计，只需将其模板文件命名为page/about.html，然后在后台创建单页面时指定使用这个自定义模板即可。同样地，分类页也可以通过{模型table}/list-{分类ID}.html或在后台指定分类模板来实现个性化布局。

如果您选择了代码适配或PC+手机端模式，系统还支持在/template目录下的模板文件夹中创建mobile/子目录，并在其中复制与PC端一致的模板结构。这样，当移动设备访问时，系统会自动加载mobile/目录下的模板，确保**的移动端体验。

深度定制：内容模型与灵活字段

网站布局不仅是静态的设计，更要与内容紧密结合。AnQiCMS的“灵活的内容模型”功能，是实现深度定制的关键所在。它允许您根据实际业务需求，自定义不同类型内容的数据结构。

例如，一个“文章”模型可能只需要标题、内容和发布时间；而一个“产品”模型则可能需要产品名称、价格、库存、图片组、详细参数等。通过后台设置，您可以为每个模型添加多种类型的自定义字段，包括单行文本、数字、多行文本、单项选择、多项选择和下拉选择等。这些字段直接决定了您发布内容时需要填写哪些信息，也决定了这些信息如何在前端页面中显示。

在模板中，您可以通过archiveDetail标签获取单篇文档的详细数据，通过archiveList标签获取文档列表，甚至通过archiveParams标签来展示自定义字段的数据。这意味着，您可以根据内容模型的不同，为每种内容类型设计完全不同的展示模块和样式。例如，在一个产品详情页上，您可以轻松地循环输出产品的各项自定义参数，让信息展示更具条理。

精准控制：分类、单页与URL布局

网站的结构性和可访问性，很大程度上取决于其分类方式、单页面管理以及URL结构。AnQiCMS在这些方面提供了丰富的定制选项：

• 分类模板： 您不仅可以为某个模型下的所有分类设置统一的列表模板，还可以为单个特定的分类指定专属的模板。例如，您的“下载”分类可能需要一个简洁的列表，而“新闻”分类则需要包含摘要和缩略图。在后台设置分类时，只需在“分类模板”字段中填入您设计的模板文件名称（例如download.html），该分类就会自动应用新的布局。甚至可以设置模板继承给子分类，以简化管理。
• 单页面模板： 对于“关于我们”、“联系我们”等独立页面，您可以分别设置其显示布局。与分类模板类似，在单页面管理中，您可以指定一个独立的模板文件（如page/about.html），让每个单页面都拥有独特的设计风格。
• URL布局（伪静态）： 网站的URL结构对SEO和用户体验至关重要。AnQiCMS提供了强大的伪静态规则管理功能。除了内置的数字模式、模型命名模式和分类命名模式等，您还可以自定义URL结构。通过在规则中灵活运用{id}（数据ID）、{filename}（数据自定义链接名）、{catname}（分类自定义链接名）、{module}（模型表名）等变量，您可以构建出符合特定SEO策略和用户习惯的个性化URL。例如，将文章详情页URL设置为/article/{filename}.html，或将产品列表页设置为/product/{catname}-{page}.html，都能让您的网站URL更具语义化和友好度。

导航与区块：网站结构的灵活构建

一个优秀的网站布局离不开清晰的导航和可复用的页面区块。

• 导航管理： AnQiCMS允许您在后台“网站导航设置”中创建和管理多个导航类别（如顶部主导航、页脚导航、侧边栏导航等）。每个导航项都支持多级嵌套，您可以链接到内置页面、特定分类或单页面，甚至外部链接。在模板中，通过navList标签，您可以轻松地获取并渲染这些导航菜单，实现复杂的下拉菜单或多层级导航布局。
• 可复用区块： AnQiCMS推崇代码复用，通过include和macro标签，您可以将常用的代码片段（如页头、页脚、侧边栏广告位、通用的文章/产品展示样式等）封装起来，然后在需要的地方引入。这样既能减少重复开发，又能确保网站风格的一致性。特别是extends标签，允许您定义一个基础的base.html作为“母版”，其中包含网站的整体结构和公共元素，其他页面再继承这个母版并重写特定的