热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

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

2023-04-12 23:11:51

前些天在进行成绩排名的时候，用到了这个小技巧。直接在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>元素中。







本文转载自中文网
 
数据数据排序排序表达式成绩排名博客

推荐阅读