html页面实行数据排序的方法

这篇文章主要介绍了html页面实行数据排序的方法，具有一定借鉴价值，需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

前些天在进行成绩排名的时候，用到了这个小技巧。直接在html代码中用el表达式就可以实现数据排序的功能。

成绩排名先要将数据按照正序的方式拿出来：

select * from table where 1 = 1 order by score desc;

然后就是用<c:foreach>将数据遍历，同时加入EL表达式来显示排名：

<c:set var="number" value="1"></c:set>
<c:foreach item="${array }" var="data">
    <span>名次：</span>${number }
    <span>成绩：</span>${data.score }
    <c:set var="number" value="${number+1 }"></c:set>
</c:foreach>

代码是用<c:set>来进行数据number的定义和运算，如果是分页数据只需要将${number }替换成${number+(currentPage-1) }即可。其中currentPage是当前页的页码。

感谢你能够认真阅读完这篇文章，希望小编分享html页面实行数据排序的方法内容对大家有帮助，同时也希望大家多多支持亿速云，关注亿速云行业资讯频道，遇到问题就找亿速云，详细的解决方法等着你来学习!