首页 / 知识

html页面如何实行数据排序？

2023-04-11 15:19:00

前些天在进行成绩排名的时候，用到了这个小技巧。直接在html代码中用el表达式就可以实现数据排序的功能，第一次写博客，还请多指教。。

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

1

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

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

1

2

3

4

5

6

<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是当前页的页码。

 

　　首先介绍一下address标签的定义：
 
　　它定义文档或文章的作者/拥有者的联系信息，也就是用来定义address标签用户签名或者文章作者的身份。
 
　　1.如果<address>元素位于<body>元素内，则它表示文档联系信息。
 
　　2.如果<address>元素位于<article>元素内，则它表示文章的联系信息。
 
　　注：<address>元素中的文本通常呈现为斜体。大多数浏览器会在address元素前后添加折行。（address标签块级元素）
 
　　address标签用法示例代码如下：
 
　　
 
　　<!DOCTYPEHTML>
 
　　<htmllang="en">
 
　　<head>
 
　　<title>address标签用法示例</title>
 
　　<metacharset="UTF-8">
 
　　<styletype="text/css">
 
　　</style>
 
　　</head>
 
　　<body>
 
　　<address>
 
　　作者：<ahref="#">PHP中文网</a>.<br>
 
　　日期：2018年8月14日
 
　　</address>
 
　　</body>
 
　　</html>
 
　　效果如下图：
 
　　f9f2ffb90a69408f9626bfb93503f6a.webp
 
　　如图所示，文本呈现为斜体。
 
　　这里需要注意：
 
　　<address>标签不应该用于描述通讯地址，除非它是联系信息的一部分。
 
　　<address>元素通常连同其他信息被包含在<footer>元素中。







本文转载自中文网
 

数据数据排序排序表达式成绩排名博客

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢