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

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

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

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

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

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

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

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

  • 首页: index/index.htmlindex.html
  • 文档详情页: {模型table}/detail.html(例如文章模型是article/detail.html
  • 文档列表页: {模型table}/list.html
  • 单页面详情页: page/detail.html
  • 搜索页: search/index.html
  • 错误页: errors/404.htmlerrors/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推崇代码复用,通过includemacro标签,您可以将常用的代码片段(如页头、页脚、侧边栏广告位、通用的文章/产品展示样式等)封装起来,然后在需要的地方引入。这样既能减少重复开发,又能确保网站风格的一致性。特别是extends标签,允许您定义一个基础的base.html作为“母版”,其中包含网站的整体结构和公共元素,其他页面再继承这个母版并重写特定的