AnQiCMS如何获取并展示单页面内容，例如“关于我们”？

在网站运营中，“关于我们”、“联系方式”这类单页面是不可或缺的组成部分，它们通常承载着企业文化、联系信息、服务介绍等相对固定且重要的内容。对于使用安企CMS（AnQiCMS）的用户来说，获取和展示这些单页面内容不仅简单高效，而且拥有高度的灵活性和定制空间。

安企CMS将这类独立且内容不经常变动的页面归类为“单页面”，并在后台提供了专门的管理模块，以便用户轻松创建、编辑和发布。下面，我们将详细探讨如何在安企CMS中管理和展示这类单页面内容。

一、 后台创建与管理：搭建单页内容的基石

首先，我们需要在安企CMS的后台创建这些单页面。这就像是为你的网站准备好一张张独立的介绍卡片。

1. 进入单页面管理模块 登录安企CMS后台，在左侧导航栏中找到“页面资源”菜单，点击其下的“页面管理”。这里会列出所有已创建的单页面，你可以在这里进行统一的增删改查操作。

2. 创建或编辑单页面 点击“添加单页面”或选择一个现有页面进行编辑，你会看到一系列可配置的字段，这些字段共同构成了单页面的丰富信息：

   • 页面名称：这是页面的标题，也是在前台显示的主要名称，例如“关于我们”、“服务条款”等。
   • 自定义URL：为了获得更友好和对SEO更有利的链接，你可以为单页面设置一个简洁易懂的自定义URL别名。例如，为“关于我们”页面设置/about，其链接可能就是你的域名/about.html。
   • 单页面简介：这是一个简短的页面描述，通常用于SEO中的meta description标签，向搜索引擎概括页面内容。
   • 关键词：同样是用于SEO优化的字段，可以填写与页面内容相关的关键词，多个关键词之间使用英文逗号分隔。
   • SEO标题：如果希望页面的<title>标签内容不同于“页面名称”，可以在这里单独设置，这对于精细化SEO至关重要。
   • 单页面内容：这是单页面的核心，一个功能丰富的编辑器允许你像编辑文章一样创建和排版内容，包括文字、图片、视频等。值得一提的是，如果开启了Markdown编辑器，你还可以直接使用Markdown语法编写，系统会自动转换为HTML。
   • 单页面模板：这是灵活性的关键所在。你可以选择使用默认的单页面模板（page/detail.html），也可以根据需求指定一个自定义模板（例如page/about.html），让不同单页面拥有独特的展示风格。
   • Banner图/缩略图：如果页面需要配图，比如顶部Banner或列表缩略图，都可以在这里上传和管理。

通过这些细致的字段设置，你可以确保每个单页面内容丰富、结构清晰，并为后续的前端展示和SEO优化打下坚实基础。

二、 前端展示：灵活运用模板标签

在安企CMS中，前端页面的内容展示主要通过模板标签来实现。对于单页面内容，我们主要会用到pageDetail和pageList这两个标签。

1. 获取单个页面的详细内容 (pageDetail) pageDetail标签用于在模板中获取并显示一个特定单页面的所有详细信息。无论你是在单页面自身的模板文件（如page/detail.html）中显示当前页面内容，还是在其他页面（如首页侧边栏）中引用某个特定单页面（如显示“关于我们”的摘要），pageDetail都非常适用。

   • 获取当前页面的内容： 当你在一个单页面的模板文件内时（例如，当用户访问“关于我们”页面时），pageDetail标签无需指定id或token参数，它会自动识别并获取当前正在访问的单页面数据。例如，要显示页面的标题和内容：

     <h1>{% pageDetail with name="Title" %}</h1>
     <div>
         {% pageDetail pageContent with name="Content" render=true %}
         {{ pageContent|safe }}
     </div>
     

     这里pageContent是自定义的变量名，name="Content"指定要获取的内容字段。render=true参数用于确保如果你的内容是Markdown格式编写的，系统会自动将其渲染为HTML。|safe过滤器则允许HTML内容安全地显示而不被转义。

   • 获取指定ID或URL别名页面的内容： 如果你想在其他页面（比如首页）显示“关于我们”页面的部分内容，你可以通过其ID或自定义URL别名来精确指定。 假设“关于我们”页面的ID是1，自定义URL别名是about：

     <a href="{% pageDetail with name='Link' id='1' %}">了解我们</a>
     <h2>{% pageDetail with name="Title" token="about" %}</h2>
     <p>{% pageDetail with name="Description" token="about" %}</p>
     

     通过id="1"或token="about"，你可以灵活地在网站的任何位置引用特定单页面的数据。

2. 获取单页面列表 (pageList) pageList标签用于获取网站中所有单页面的列表。这对于构建底部导航菜单、侧边栏链接列表或者提供网站地图等场景非常有用。

   <ul>
   {% pageList pages %}
       {% for item in pages %}
       {# 排除ID为1的“关于我们”页面，假设你想在某个列表里排除它 #}
       {% if item.Id != 1 %}
           <li><a href="{{ item.Link }}">{{ item.Title }}</a></li>
       {% endif %}
       {% endfor %}
   {% endpageList %}
   </ul>
   

   pageList标签会返回一个包含所有单页数据（pages）的数组，你可以使用for循环遍历这个数组，通过item.Link、item.Title等字段获取每个页面的链接和标题。通过条件判断（{% if item.Id != 1 %}），可以根据需求排除不需要显示的页面。

三、 自定义模板：打造专属单页风格

安企CMS提供了强大的模板定制能力，让你可以为特定的单页面设计独特的展示样式。

1. 默认模板与自定义路径 默认情况下，所有单页面都会使用你的当前模板目录下的page/detail.html文件来渲染。但很多时候，我们希望“关于我们”页面有别于“联系我们”页面，拥有独特的设计。 安企CMS允许你为每个单页面指定专属的模板文件。例如，为了给“关于我们”页面一个定制的布局，你可以在当前模板目录（通常是/template/你的模板名/）下创建 page/about.html 文件。

2. 如何在后台指定自定义模板 回到后台“页面管理”中编辑“关于我们”页面，找到“单页面模板”字段。在这里，你可以填入about.html（相对于page/目录的路径）。保存后，当用户访问“关于