jsp常用代码

1.头部

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt_rt"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

2.css   js引入路径格式

　　<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/CSS/flex.css"/>

　　<script src="${pageContext.request.contextPath}/JS/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>

3.body中需要加的内容

<input id="PageContext" type="hidden" value="${pageContext.request.contextPath}"/>    //用于访问后台

4.循环

<c:forEach items="${pageBean.list}" var="orderData" varStatus="abc">
　　<tr>
　　　　<td>${(pageBean.pageNum-1)*pageBean.pageSize+abc.index+1}</td>   <!-- 序号-->
　　　　<td class="orderNO">${orderData.orderNo}</td>
　　　　<td>${orderData.name}</td>
　　　　<td class="timeList" title="${orderData.createTime}"><fmt:formatDate value="${orderData.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></td>     <!-- 此处写法是针对后台返回这样的日期：createTime=Thu Nov 29 12:46:29 CST 2018,-->
　　　　<td class="state">
　　　　　　<c:if test="${orderData.state eq 1}">已登记</c:if>
　　　　　　<c:if test="${orderData.state eq 2}">已推送</c:if>
　　　　</td>
　　</tr>
</c:forEach>

 

<c:forEach items="${pageBean.list}" var="orderData" varStatus="abc">
　　<tr>
　　　　<td>${(pageBean.pageNum-1)*pageBean.pageSize+abc.index+1}</td>
　　　　<td class="orderNO">${orderData.orderNo}</td>
　　　　<td>${orderData.name}</td>
　　　　<td class="timeList inTime" title="">${orderData.inTime}</td>     <!-- 此处写法是针对后台返回这样的日期：createTime=Tue Mar 12 14:54:35 CST 2019-->
　　　　<td class="state">
　　　　　　<c:if test="${orderData.state eq 1}">已登记</c:if>
　　　　　　<c:if test="${orderData.state eq 2}">已推送</c:if>
　　　　</td>
　　</tr>
</c:forEach>

map循环：

<c:forEach var="map" items="${application.list}" varStatus="abc">
　　<c:forEach var="productAndCount" items="${map}">
　　　　<div class="flex justifyBet recordDetail" data-pid='${productAndCount.key.productId}'>
　　　　　　<div class="xh_numList"></div>
　　　　　　<div>${productAndCount.key.productType.typeName}</div>
　　　　　　<div>${productAndCount.key.productCategory.categoryName}</div>
　　　　　　<div>${productAndCount.key.name}</div>
　　　　　　<div>${productAndCount.key.spec}</div>
　　　　　　<div>${productAndCount.value}</div>
　　　　</div>
　　</c:forEach>
</c:forEach>

 后端返回不同数据 不同循环

返回data值如：

for(var i=0;i<data.list.length;i++){
　　var obj=data.list[i];
　　boxHtml+='<option value="'+obj.boxNo+'" data-state="'+obj.boxState+'">'+obj.boxNo+'</option>';
}

boxNo.append(boxHtml);

返回data值如：

 

 

var html = "";var dt="";
for(var v in data.permMap){
　　dt+='<dl class="mar10">'+
　　　　'<dt class="text-primary bolds">'+
　　　　'<input type="checkbox" name="check_all" class="check_all ver_align" autocomplete="off"/>'+
　　　　'<span>'+data.permMap[v][0].parentName+'</span>'+
　　'</dt>';
　　var dd='';
　　for(var i=0;i<data.permMap[v].length;i++){
　　　　var obj=(data.permMap[v])[i];
　　　　dd+='<div class="div_checks">'+
　　　　'<input type="checkbox" class="checks ver_align" value="'+obj.permissionId+'" name="checks" autocomplete="off"/>'+
　　　　'<span>'+obj.permissionName+'</span>'+
　　　　'</div>';
　　}
　　dt+='<dd class="flex wrap mar_lf18">'+dd+'</dd>'+'</dl>';
}
　　$("#dl_list").html(dt);

 

转载于:https://www.cnblogs.com/lyt598/p/10538011.html