JSP开发之JSP 标准标签库（JSTL）之格式化标签formatNumber标签的使用

桃扇骨 2022-05-15 09:44 374阅读 0赞

JSTL格式化标签用来格式化并输出文本、日期、时间、数字。引用格式化标签库的语法如下：

<%@ taglib prefix="fmt" 
               uri="http://java.sun.com/jsp/jstl/fmt" %>

我们这次先来看下formatNumber标签的使用。先了解下它的作用，<fmt:formatNumber>标签用于格式化数字，百分比，货币。

来看下语法格式：

<fmt:formatNumber
      value="<string>"
      type="<string>"
      pattern="<string>"
      currencyCode="<string>"
      currencySymbol="<string>"
      groupingUsed="<string>"
      maxIntegerDigits="<string>"
      minIntegerDigits="<string>"
      maxFractionDigits="<string>"
      minFractionDigits="<string>"
      var="<string>"
      scope="<string>"/>

<fmt:formatNumber>标签有如下属性：

<table> 
 <tbody> 
  <tr> 
   <th><strong>属性</strong></th> 
   <th><strong>描述</strong></th> 
   <th><strong>是否必要</strong></th> 
   <th><strong>默认值</strong></th> 
  </tr> 
  <tr> 
   <td>value</td> 
   <td>要显示的数字</td> 
   <td>是</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>type</td> 
   <td>NUMBER，CURRENCY，或 PERCENT类型</td> 
   <td>否</td> 
   <td>Number</td> 
  </tr> 
  <tr> 
   <td>pattern</td> 
   <td>指定一个自定义的格式化模式用与输出</td> 
   <td>否</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>currencyCode</td> 
   <td>货币码（当type="currency"时）</td> 
   <td>否</td> 
   <td>取决于默认区域</td> 
  </tr> 
  <tr> 
   <td>currencySymbol</td> 
   <td>货币符号 (当 type="currency"时)</td> 
   <td>否</td> 
   <td>取决于默认区域</td> 
  </tr> 
  <tr> 
   <td>groupingUsed</td> 
   <td>是否对数字分组 (TRUE 或 FALSE)</td> 
   <td>否</td> 
   <td>true</td> 
  </tr> 
  <tr> 
   <td>maxIntegerDigits</td> 
   <td>整型数最大的位数</td> 
   <td>否</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>minIntegerDigits</td> 
   <td>整型数最小的位数</td> 
   <td>否</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>maxFractionDigits</td> 
   <td>小数点后最大的位数</td> 
   <td>否</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>minFractionDigits</td> 
   <td>小数点后最小的位数</td> 
   <td>否</td> 
   <td>无</td> 
  </tr> 
  <tr> 
   <td>var</td> 
   <td>存储格式化数字的变量</td> 
   <td>否</td> 
   <td>Print to page</td> 
  </tr> 
  <tr> 
   <td>scope</td> 
   <td>var属性的作用域</td> 
   <td>否</td> 
   <td>page</td> 
  </tr> 
 </tbody> 
</table>

如果type属性为percent或number，那么我们就可以使用其它几个格式化数字属性。maxIntegerDigits属性和minIntegerDigits属性允许我们指定整数的长度。若实际数字超过了maxIntegerDigits所指定的最大值，则数字将会被截断 。

有一些属性允许我们指定小数点后的位数。minFractionalDigits属性和maxFractionalDigits属性允许我们指定小数点后的位数。若实际的数字超出了所指定的范围，则这个数字会被截断。

数字分组可以用来在每三个数字中插入一个逗号。groupingIsUsed属性用来指定是否使用数字分组。当与minIntegerDigits属性一同使用时，就必须要很小心地来获取预期的结果了。

我们或许会使用pattern属性。这个属性可以让您在对数字编码时包含指定的字符。我们来具体看下这些字符：

<table> 
 <tbody> 
  <tr> 
   <th><strong>符号</strong></th> 
   <th><strong>描述</strong></th> 
  </tr> 
  <tr> 
   <td>0</td> 
   <td>代表一位数字</td> 
  </tr> 
  <tr> 
   <td>E</td> 
   <td>使用指数格式</td> 
  </tr> 
  <tr> 
   <td>#</td> 
   <td>代表一位数字，若没有则显示 0，前导 0 和追尾 0 不显示。</td> 
  </tr> 
  <tr> 
   <td>.</td> 
   <td>小数点</td> 
  </tr> 
  <tr> 
   <td>,</td> 
   <td>数字分组分隔符</td> 
  </tr> 
  <tr> 
   <td>;</td> 
   <td>分隔格式</td> 
  </tr> 
  <tr> 
   <td>-</td> 
   <td>使用默认负数前缀</td> 
  </tr> 
  <tr> 
   <td>%</td> 
   <td>百分数</td> 
  </tr> 
  <tr> 
   <td>?</td> 
   <td>千分数</td> 
  </tr> 
  <tr> 
   <td>¤</td> 
   <td>货币符号，使用实际的货币符号代替</td> 
  </tr> 
  <tr> 
   <td>X</td> 
   <td>指定可以作为前缀或后缀的字符</td> 
  </tr> 
  <tr> 
   <td>'</td> 
   <td>在前缀或后缀中引用特殊字符</td> 
  </tr> 
 </tbody> 
</table>

最后，大家来看个实例：

<%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
    
    <html>
    <head>
      <title>JSTL fmt:formatNumber 标签</title>
    </head>
    <body>
    <h3>数字格式化:</h3>
    <c:set var="balance" value="120000.2309" />
    <p>格式化数字 (1): <fmt:formatNumber value="${balance}" 
                type="currency"/></p>
    <p>格式化数字 (2): <fmt:formatNumber type="number" 
                maxIntegerDigits="3" value="${balance}" /></p>
    <p>格式化数字 (3): <fmt:formatNumber type="number" 
                maxFractionDigits="3" value="${balance}" /></p>
    <p>格式化数字 (4): <fmt:formatNumber type="number" 
                groupingUsed="false" value="${balance}" /></p>
    <p>格式化数字 (5): <fmt:formatNumber type="percent" 
                maxIntegerDigits="3" value="${balance}" /></p>
    <p>格式化数字 (6): <fmt:formatNumber type="percent" 
                minFractionDigits="10" value="${balance}" /></p>
    <p>格式化数字 (7): <fmt:formatNumber type="percent" 
                maxIntegerDigits="3" value="${balance}" /></p>
    <p>格式化数字 (8): <fmt:formatNumber type="number" 
                pattern="###.###E0" value="${balance}" /></p>
    <p>美元 :
    <fmt:setLocale value="en_US"/>
    <fmt:formatNumber value="${balance}" type="currency"/></p>
    </body>
    </html>

运行效果大家可以自己动手试下，咱这里就不赘述了。

如果感觉不错的话，请多多点赞支持哦。。。