How to use if-else logic in a template to control the display of content?

In Anqi CMS template creation, flexible control of content display is the key to improving user experience and meeting diverse business needs.As an experienced website operator, I am well aware of the importance of dynamic content presentation.The AnQi CMS adopts a syntax similar to the Django template engine, which allows content operators to implement conditional logic in templates in a straightforward manner, thus precisely controlling which content is visible to users at what time and place.

The template syntax design of Anqi CMS makes it easy for developers and content operators to get started. The conditional judgment passes{% if 条件 %}tag to start, and needs to pass{% endif %}The tag clearly ends. This structure allows us to embed logic in HTML templates, determining the rendering of page elements based on different data states.For example, we can choose different display styles based on whether the article has a thumbnail or display different navigation menus based on the user's login status.

The most basic conditional judgment is to useifWhen a condition is checked for truthifWhen the condition within the tag is evaluated as true, the code block it contains will be executed.This is very useful in many scenarios. For example, you may want to display a special message only when the current document ID is a specific value, or check if a variable exists or nottrueIfarchive.Idequals10We can display a piece of content like this:{% if archive.Id == 10 %}这是文档ID为10的文档{% endif %}Similarly, to check if a variable namedsimpleis not empty ortrueyou can use{% if simple %}simple != nil{% endif %}.

When we need to handle multiple situations, the Anqi CMS template provideselseandelif(the abbreviation of else if) tag.elsetag is used toifWhen the condition is not met, provide an alternative execution path.elifThen we can add multiple additional conditions, evaluating them in order until the first true condition is found and executing the corresponding code block.For example, on a category page, if the current category has a dedicated Banner image, we display the Banner image;If there is none, but there is a thumbnail, show the thumbnail; if neither is present, show a default placeholder image.

{% categoryDetail bannerImages with name="Images" %}
{% categoryDetail thumbImage with name="Thumb" %}

{% if bannerImages %}
  {# 如果存在Banner图，则显示第一张Banner图 #}
  <img src="{{ bannerImages[0] }}" alt="分类Banner">
{% elif thumbImage %}
  {# 如果没有Banner图但有缩略图，则显示缩略图 #}
  <img src="{{ thumbImage }}" alt="分类缩略图">
{% else %}
  {# 如果都没有，则显示默认占位图 #}
  <img src="/static/images/default-category.png" alt="默认分类图">
{% endif %}

In conditional judgments, we can also combine logical operators to construct more complex conditional expressions, including "and" (andor&&), "or" (oror||And the "not"(notor!）。In addition，inandnot inThe operator can be used to check if a value exists in a list or set.For example, we can determine whether a number is within a certain range or whether a string contains a certain substring. For example,{% if simple.number < 42 || simple.number > 50 %}数字不在42到50之间{% else %}数字在42到50之间{% endif %}.

There are many common practical scenarios when using conditional judgment in templates. For example, when displaying a list of articles, it is often necessary to checkitem.ThumbDoes it exist, to determine whether to display the article thumbnail:

{% archiveList archives with type="list" limit="10" %}
    {% for item in archives %}
    <li>
        <a href="{{item.Link}}">
            <h5>{{item.Title}}</h5>
        </a>
        {% if item.Thumb %}
            {# 如果文章有缩略图，则显示它 #}
            <a href="{{item.Link}}"><img alt="{{item.Title}}" src="{{item.Thumb}}"></a>
        {% else %}
            {# 否则显示一个默认的图片或不显示 #}
            <span class="no-thumb-placeholder">暂无图片</span>
        {% endif %}
    </li>
    {% endfor %}
{% endarchiveList %}

Another common scenario is when traversing data in a loop, to determine whether the current loop item is the first, last, or to alternate styles based on loop count. Although this involves more characteristics of loop tags, butifJudgment remains the core:

{% for item in archives %}
    <li class="{% if forloop.Counter is divisibleby 2 %}even{% else %}odd{% endif %}">
        {# ... 列表项内容 ... #}
    </li>
{% endfor %}

When using conditional judgments, some practices can help us write clearer, more maintainable code. First, be sure to use{% endif %}to close each one{% if %}or{% elif %}Block, maintain the integrity of the tags. Secondly, when there are multiple exclusive conditions, priority should be given to using{% elif %}instead of nested.{% if %}This can avoid code redundancy and improve readability. Finally, if unnecessary blank lines appear in the template, you can use{%-or-%}To remove the white space around logical tags, making the generated HTML cleaner.

By mastering the if-else logic judgment in AnQi CMS template, content operators can more accurately control the presentation of website content, providing users with a more personalized and rich browsing experience, thereby enhancing the overall attractiveness and user retention rate of the website.

Frequently Asked Questions (FAQ)

Ask: In the Anqi CMS template,ifwhat types of conditional judgments can the statement support?Answer: Anqi CMS'ifThe statement supports various types of conditional judgments. You can use comparison operators such as==equal to,!=not equal to,<less than,>greater than,<=less than or equal to,>=greater than or equal to) to compare variable values. It also supports logical operators (andor&&,oror||,notor!) to combine or negate conditions. In addition, you can also check if variables exist or are nottrue(i.e., non-empty, non-zero), as well as usinginornot inTo determine if a value exists within a list or a string.

Question: Can I nest anotherif-elsestatement block inside?if-elseIs this statement?Answer: Yes, the Anqi CMS template fully supports it.if-elseNested statements. This means you can put one in another{% if %}/{% elif %}or{% else %}Write a complete conditional judgment logic inside the code block. When nesting, please make sure that eachifstatement has its corresponding{% endif %}Labels to maintain the correct structure and readability of the template. Good indentation habits will greatly help you manage complex nested logic.

Ask: If my conditional judgment does not work as expected, how should I debug the template?Answer: When the conditional judgment does not take effect, first check if the variable names in the conditional expression are correct, and confirm that these variables are available in the template context. You can temporarily output the values of these variables directly in the template (for example,{{ myVariable }}）to verify that they contain the data you expect. Secondly, try to simplify complex condition expressions by breaking them down into smaller, independent conditions for testing, in order to pinpoint the specific location of the problem.Finally, check carefully{% if %}/{% elif %}/{% else %}and{% endif %}Is the pairing and syntax correct, especially ensuring there are no omissions{% endif %}.