In website content display, precise and unified number presentation is crucial for user experience.For example, displaying product prices on e-commerce websites or presenting statistical percentages in data reports, if floating-point numbers are displayed directly without processing, it may result in overly long decimal places, which may appear unprofessional and untidy.Anqi CMS as an efficient content management system provides powerful template functions, among whichstringformatThe filter is a powerful tool to solve this problem.

The Anqi CMS template engine adopts a syntax similar to Django templates, which is known for its simplicity and power.In the template, we can use 'filters' to process variables in various ways, such as formatting, truncating, and converting.stringformatIt is one of the very practical filters, which can help us flexibly control the output format of numbers, strings, and other data, especially prominent in handling floating-point numbers.

stringformatThe primary role of the filter is to format any type of value into a string according to a specified pattern. If you are familiar with the function in Go language,fmt.Sprintf()then you understandstringformatThe principle of operation will be very easy, because their functions and usage are very similar. For floating-point numbers, we can use it to accurately control the display of decimal places.

How to format a floating-point number to two decimal places

To format a floating-point number to a string with two decimal places, we just need to add the template variable after|stringformat:"%.2f".

For example, assume that you have a content model namedPriceThe floating point field, if you want to display it as "12.34" on the front-end page instead of "12.345678", you can use it like this:

{{ item.Price|stringformat:"%.2f" }}

Here"%.2f"Is a formatted string, its meaning is:

  • %: Indicates that this is a formatted placeholder.
  • .2: Specifies that the decimal part of the floating-point number should be retained to two places.
  • fThis indicates that it is a float (float) type format.

Through this method, regardless ofitem.PriceThe original value is12.345678Or12.0It will be unified into12.35(usually rounded) or12.00Ensuring consistency in display.

Examples of actual application scenarios

Imagine you are building a product showcase page, where you need to display the price in the product list or detail page. In the Anqi CMS template files (for example, depending on your template directory structure, it may bearchive/detail.htmlIn a product list page, you might display product information like this: 

{% archiveList products with type="list" limit="5" %}
    {% for product in products %}
    <div class="product-item">
        <h3>{{ product.Title }}</h3>
        <p>市场价：<del>{{ product.MarketPrice|stringformat:"%.2f" }} 元</del></p> {# 假设 MarketPrice 是浮点数 #}
        <p>销售价：<strong>{{ product.Price|stringformat:"%.2f" }} 元</strong></p> {# Price 同样是浮点数 #}
        <a href="{{ product.Link }}" class="view-details">查看详情</a>
    </div>
    {% endfor %}
{% endarchiveList %}

This code will traverse your product list and ensure that the 'market price' and 'sale price' of each product are displayed in a format that retains two decimal places, greatly enhancing the readability and consistency of the page.

It is not just about two decimal places:stringformatMore possibilities

stringformatThe strength of the filter is not limited to retaining two decimal places. You can adjust the formatting string according to your actual needs to achieve various display effects:

  • "%.0f"：Do not retain decimal places, only show the integer part (which is usually rounded).
  • "%.4f"：Retain four decimal places.
  • "%d"：Convert the floating-point number to an integer (truncating the decimal part without rounding).
  • "%s"This will format the value into a plain string.
  • "%.2f%%"This will format into a percentage with two decimal places (e.g.,)12.34%)

This flexibility allowsstringformatto become an important tool for handling various data display needs.

In AnQi CMS,stringformatThe filter provides a simple and efficient way to control the display format of floating-point numbers.By precisely controlling the number of decimal places, it can make your website data display more professional and clear, thereby optimizing the user experience.Master this filter and it will make you more proficient in content operation.

Frequently Asked Questions (FAQ)

  1. Ask: How do I write a formatted string to keep three decimal places or not keep any decimals (just show integers)?Answer: To keep three decimal places, you can change the format string to"%.3f". For example:{{ value|stringformat:"%.3f" }}. If you want to display integers without decimals, you can use"%.0f", which will round the decimal part. For example:{{ value|stringformat:"%.0f" }}.

  2. Question:stringformatCan the filter handle non-numeric data types? What happens if the input is not a floating-point number?Answer:stringformatThe filter can handle multiple types of data and try to convert them according to the specified format. If the input is not a numeric type, such as a string or boolean, and you use a floating-point number%for integer%dformat specifier, it may try to perform a type conversion. If the conversion fails, it will usually output the default zero value (such as0.00or0Or else it will throw an error. Therefore, make sure the variable indeed contains a number before formatting floating-point numbers.

  3. Question: Besides,stringformatDoes AnQi CMS have other filters for floating-point number processing?Answer: Yes, AnQi CMS also providesfloatformatA filter that can also be used for floating-point formatting.floatformatThe default is to retain one decimal place, but if the decimal part is 0, it will not be displayed. You can also pass in parameters to specify the number of decimal places to retain. For example,{{ value|floatformat }}Retains one decimal place (if not zero),{{ value|floatformat:2 }}Retains two decimal places.floatformatThe behavior when handling trailing zeros is slightly different, you can choose to use it according to your specific needs.