JSTL开发实例详解
2023-03-14 10:25:18 时间
现在做一个web项目,需要实现以下功能
选着不同的选项,显示不同的内容。
那么显然需要用到JSTL里的选择标签。
下面是实现方案:
前端的数据是后端服务给的,比如,grade字段是true则表明已经评分,id==null则表明没有提交。
<!-- 作业列表 -->
<div id="homeworkDetail">
<div class="tabHomework">
<input type="radio" name="homework" value="1" checked="checked" /><label for="" class="checked">全部</label>
<input type="radio" name="homework" value="2" /> <label for="">未提交</label>
<input type="radio" name="homework" value="3" /> <label for="">未评分</label>
<input type="radio" name="homework" value="4" /> <label for="">已评分</label>
</div>
<!-- 全部列表 -->
<ul class="homeWorkUL" id="all">
<c:forEach var="mymap" items="${map}">
<c:forEach var="submitMap" items="${mymap.value}" varStatus="abc">
<li><a href="mainView/courseHomework/courseHomeworkDetailLook.jsp?AssignmentSubmit=${submitMap.value}">
<ul class="subHomeWorkUL">
<li id="realName">${submitMap.value.realName}</li>
<li id="userName">${submitMap.key}</li>
<li id="Grade">
<c:choose>
<c:when test="${submitMap.value.id == null}">未提交</c:when>
<c:when test="${submitMap.value.rejected}">被打回</c:when>
<c:when test="${submitMap.value.graded}">${submitMap.value.gradePoint}</c:when>
<c:otherwise> <strong>未评分</strong> </c:otherwise>
</c:choose>
</li> </ul>
</a>
</li>
</c:forEach>
</c:forEach>
</ul>
<!-- 未提交 -->
<ul class="homeWorkUL" id="noSubmit">
<c:forEach var="mymap" items="${map}">
<c:forEach var="submitMap" items="${mymap.value}" varStatus="abc">
<c:choose>
<c:when test="${submitMap.value.id == null}">
<li><a href="mainView/courseHomework/courseHomeworkDetailLook.jsp">
<ul class="subHomeWorkUL">
<li id="realName">${submitMap.value.realName}</li>
<li id="userName">${submitMap.key}</li>
<li id="state">未提交</li>
</ul>
</a></li>
</c:when>
<c:otherwise></c:otherwise>
</c:choose>
</c:forEach>
</c:forEach>
</ul>
<!-- 未评分 -->
<ul class="homeWorkUL" id="noEvaluate">
<c:forEach var="mymap" items="${map}">
<c:forEach var="submitMap" items="${mymap.value}" varStatus="abc">
<c:choose>
<c:when test="${submitMap.value.id!=null && submitMap.value.graded eq false}">
<li>
<a href="mainView/courseHomework/courseHomeworkDetailLook.jsp">
<ul class="subHomeWorkUL">
<li id="realName">${submitMap.value.realName}</li>
<li id="userName">${submitMap.key}</li>
<li id="state">未评分</li>
</ul>
</a></li>
</c:when>
<c:otherwise></c:otherwise>
</c:choose>
</c:forEach>
</c:forEach>
</ul>
<!-- 已评分 -->
<ul class="homeWorkUL" id="evaluate">
<c:forEach var="mymap" items="${map}">
<c:forEach var="submitMap" items="${mymap.value}" varStatus="abc">
<c:choose>
<c:when test="${submitMap.value.graded}">
<li>
<a href="mainView/courseHomework/courseHomeworkDetailLook.jsp">
<ul class="subHomeWorkUL">
<li id="realName">${submitMap.value.realName}</li>
<li id="userName">${submitMap.key}</li>
<li id="Grade">${submitMap.value.gradePoint}</li>
</ul>
</a>
</li>
</c:when>
<c:otherwise></c:otherwise>
</c:choose>
</c:forEach>
</c:forEach>
</ul>
</div>
</div>
</div>
相关文章
- 徐葳:生物医学影像处理、分布式系统与数据共享平台
- 2015年中国在线医疗行业研究报告(多图)
- 【云栖风向标】VOL.1:勒索病毒频发!445端口守护指南
- 阿里云高可用-容灾解决方案
- 跨地域的VPC私网互通【高速通道案例】
- 人类基因编辑国际峰会周琪院士谈基因编辑的未来
- 从视觉检测窥探人类大脑和数字大脑的差别
- 壮大的Hadoop生态系统:十大炫酷项目简介
- 如何在Linux上配置基于Web的网络流量监控系统
- 戴文的Linux内核专题:09 配置内核(5)
- 如何在Linux的桌面上创建快捷方式或启动器
- 戴文的Linux内核专题:10 配置内核(6)
- 如何在Linux下监控系统温度
- 九个uname命令获取Linux系统详情的实例
- Uber全揭露:技术团队、反欺诈算法、数据分布
- 11个Linux基础面试问题
- 那些算法在哪里?
- Recoll:Unix和Linux桌面的文本搜索工具
- 大数据助力制造业传承:像经营企业那样去经营数据
- 被历史遗忘的首批程序猿