As an experienced website operation expert, I am well aware that every detail in content presentation may affect user experience and data accuracy.In the template world of Anqi CMS, we not only ensure the richness and fluency of the content, but also strive for excellence in the presentation of data - especially floating-point numbers.Today, let's delve deeply into a seemingly minor but actually very useful tool in the Anqi CMS template:floatformatFilter, it can help us accurately control the decimal places of floating-point numbers, making your website data display more professional and elegant.

Display of floating-point numbers: why does it need to be finely crafted?

In website operation, we often encounter scenarios where it is necessary to display floating-point data such as prices, percentages, and ratings. If these data are not processed appropriately, the following situations may occur:

  • Redundant decimal places: 199.999999Such a price display is not only unattractive but may also confuse users.
  • Insufficient accuracy:When it is necessary to display prices accurate to two decimal places, if the system only displays integers, critical information may be lost.
  • Inconsistent format: Some data displays one decimal place, some two, and lack of consistency makes the page look chaotic.

AnQi CMS uses a template engine syntax similar to Django, providing us with powerfulfloatformatThe filter is precisely to solve these problems, ensuring that floating-point numbers can be presented in the most appropriate and professional manner in various scenarios.

floatformatCore usage and practice of the filter

floatformatThe filter is very simple and intuitive to use, but its flexibility can meet the vast majority of display needs. We will peel back its mystery layer by layer through specific examples.

1. Default behavior: smart and concise

When you do notfloatformatThe filter shows an intelligent default behavior when any parameters are provided.It tries to round off the floating point number to one decimal place.But even more thoughtful is that if the decimal part after rounding is zero, it will directly remove the decimal point and the zeros after it, making the number look simpler.

Usage example:

{{ value|floatformat }}

Actual effect:

  • IfvalueIs34.23234to display34.2
  • IfvalueIs34.00000to display34
  • IfvalueIs34.26000to display34.3(Rounding off here)

This default behavior is very suitable for those who do not require high accuracy but still want to keep the interface neat, such as the approximate prices in the product list.

2. Precisely control the number of decimal places: Display N digits fixed

When you have a specific requirement for the number of decimal places displayed, you can use the following method to givefloatformatThe filter passes a positive integer parameter to specify the exact number of decimal placesN. It will always retain the specifiedNA decimal place, if the decimal places of the original number are insufficient, zeros will be automatically filled; if it exceeds, it will be rounded.

Usage example:

{{ value|floatformat:N }}

For example, we want the price to always display two decimal places:

{{ product.price|floatformat:2 }}

Actual effect:

  • Ifproduct.priceIs '34.232