jstl及el表达式笔记

zoukankan html css js c++ java

jstl及el表达式笔记

jstl中的if与forEach

<c:if test="${VvvvDown_flag ne null }">
        <div style="background:#D2ECED;font-size:16;60%;">其它歌曲</div>
        <div>
        <p>
            <table>
            <c:if test="${nonEasouEntity ne null}">
                 <tr><td>歌曲名：</td><td><b>${nonEasouEntity.song}</b></td></tr>
                  <tr><td>歌手名：</td><td><b>${nonEasouEntity.songer}</b></td></tr>
                 <tr><td colspan="2">下载链接：</td></tr>

                 <c:forEach var="items" items="${itemsList}" varStatus="vs">
                     <tr><td colspan="2"><a href="${items.downurl}">${items.filetype}</a></td></tr>
                 </c:forEach>
            </c:if>
            <c:if test="${nonEasouEntity eq null}"><tr><td colspan="2">暂无资源</td></tr></c:if>
            </table>
        </p>
        </div>
    </c:if>

比较

<TD class=gridViewItem>
    <c:if test="${fn:contains(music.picUrl,'upload')}">
        <img alt="本地图片" src="${ctx }/${music.picUrl} " height="40:px" width="40:px">
    </c:if>
    <c:if test="${fn:contains(music.picUrl,'http')}">
        <img alt="本地图片" src="${music.picUrl} " height="40:px" width="40:px">
    </c:if>
    <c:if test="${music.picUrl eq ''||music.picUrl==null}">
        <img alt="本地图片" src="${ctx }/manage/img/manage_pic.png" height="40:px" width="40:px">
    </c:if>
</TD>
<TD class=gridViewItem>
    ${music.musicOrder }
    <c:if test="${music.musicStatus!=0}">
    <a href="${ctx }/manage/music/changeOrder.do?musicId=${music.id }&type=up&channelId=${channel.id}">
<img src="${ctx }/manage/img/icon_up.gif"></img></a>
<a href="${ctx }/manage/music/changeOrder.do?musicId=${music.id }&type=down&channelId=${channel.id}"><img src="${ctx }/manage/img/icon_down.gif"></img> </a>
    </c:if>
</TD>
<td class=gridViewItem>
    <c:if test="${music.nonEasouSongId == '0'}">
        <font color="red">宜搜</font>
    </c:if>
    <c:if test="${music.nonEasouSongId != '0'}">
        非宜搜 Id:<font color="green"><b>${music.nonEasouSongId}</b></font>
    </c:if>
</td>

selected提交表单
js
/*提交查询表单*/
function nonEasouIdSubmit()
{
    document.getElementById("searchForm").submit();
}
jsp
<select name="nonEasouId" id="nonEasouId" onchange="nonEasouIdSubmit()">
    <option value="" <c:if test="${nonEasouId==null}">selected</c:if>>
        请选择
    </option>
    <option value="0" <c:if test="${nonEasouId==0}">selected</c:if>>
        宜搜
    </option>
    <option value="-1" <c:if test="${nonEasouId!=0 && nonEasouId!=null}">selected</c:if>>
        非宜搜
    </option>
</select>

jstl定义变量
whichdown的结构
public class WhichDown implements Serializable {
    /**
     * @Fields serialVersionUID
     */
    private String music;    //歌曲名
    private String author;    //歌手名
    private String source;    //来源
    private Map<String, List<Items>> map = new HashMap<String, List<Items>> ();
    private String totalType ;// 版本总类型表示 0：压缩； 1:普通；2：清晰；3：保真
    private String whichId;    //来源id
    …………
public class Items implements Serializable{
        private String filedtype;
        private String filedid;
        private String downurl;
        private String filedtype2;
        private String size ;//版本歌曲大小
    …………

jsp
<c:set var="whichDown" value=""/>
<c:choose>
    <c:when test="${vvvvDown ne null }">
        <c:set var="whichDown" value="${vvvvDown }"/>
    </c:when>
    <c:otherwise>
        <c:set var="whichDown" value="${easouDown }"/>
    </c:otherwise>
</c:choose>
<c:choose><c:when test="${whichDown.map['common'] ne null}"><c:set var="music" value="${whichDown.map['common']}"/></c:when>
<c:otherwise><c:set var="music" value="${whichDown.map['gaochao']}"/></c:otherwise></c:choose>
<nav>
<script src='${ctx }/head/js/imgReady.js'></script>
<aside>
<b id="speedImg"></b>
</aside>
<h1>
<figure class="fig_marquee">${whichDown.song}<c:if test="${whichDown.songer ne null && whichDown.songer ne ''}">-${whichDown.songer}</c:if></figure>
<script>
var $=function(par){
        return "string"==typeof par?document.getElementById(par):par;
     };
</script>
</h1>
</nav>

js返回
超链接的点击响应
<div style="float: right"><a href="javascript:history.go(-1)">返回</a></div>

<a href="javascript:location.href=encodeURI('${ctx }/manage/verifyPhone/clearAll.do?brandName=&phoneOs=${phoneOs }&phoneStatus=${phoneStatus }')">清空</a>

设置表单控件的宽度

品牌名:<input type="text" id="brandName" style="max-100px" name="brandName" />

任务计划测试示例

<style type="text/css">
.STYLE2 {font-size: 13px}
.STYLE3 {font-size: 13px; line-height:2px}
</style>

<body>
<script type="text/javascript" charset="utf-8">
jQuery(function($){
$('#startDate1').datepicker({
yearRange: '1900:2099', //取值范围.
showOn: 'both', //输入框和图片按钮都可以使用日历控件。
buttonImage: '../js/date/calendar.gif', //日历控件的按钮
buttonImageOnly: true,
showButtonPanel: true
});
$('#startDate2').datepicker({
yearRange: '1900:2099', //取值范围.
showOn: 'both', //输入框和图片按钮都可以使用日历控件。
buttonImage: '../js/date/calendar.gif', //日历控件的按钮
buttonImageOnly: true,
showButtonPanel: true
});
});
</script>

<script type="text/javascript">
//整个Step3的对象
function SubStep3(startDate,startHour,startMin,intervalDay,intervalWeek,whichDay,whichWeek,whichWeekDay,whichMonth,week,month){
this.startDate=startDate;
this.startHour=startHour;
this.startMin=startMin;
this.intervalDay=intervalDay;
this.intervalWeek=intervalWeek;
this.whichDay=whichDay;
this.whichWeek=whichWeek;
this.whichWeekDay=whichWeekDay;
this.whichMonth=whichMonth;
this.week=[false,false,false,false,false,false,false];
this.month=[false,false,false,false,false,false,false,false,false,false,false,false];

}

//var Monday,Tuesday,Wednesday,Thursday,Friday,Saturday,Sunday;
//var January,February,March,April,May,June,July,August,September,October,November,December;
//var startDate,startHour,startMin,intervalDay,intervalWeek,whichDay,whichWeek,whichMonth;

var SubStep3=new SubStep3();
var step_3=new Array();

var step_3_1=new Object();
var step_3_2=new Object();
var step_3_3=new Object();
var step_3_4=new Object();

function divStep_3_1Click(){

}
function divStep_3_2Click(){

}
function divStep_3_3Click(){

}
function divStep_3_4Click(){

}

//检查是否为数字
function checkNum(){
var eventcode=event.keyCode;
if(!(eventcode>=48 && eventcode<=57)){
event.returnValue=false;
}
}

//检查日期
function checkStartDate(divId,fieldId){
var splitDate=document.getElementById(fieldId).value.split("-");
var year=Number(splitDate[0]);
var month=Number(splitDate[1]);
var day=Number(splitDate[2]);
Date date=new Date();

if(year<1970 || year>3000 || month>12 || month<0 || day>31 ||day<0){
document.getElementById(fieldId).value="";
}
else{
date.setDate(year).setMonth(month).setFullYear(day);
//alert(date.toString());
}
setDivValue(divId,fieldId);
}
//检查小时
function checkStartHour(divId,fieldId){
if((+document.getElementById(fieldId).value)>24){
document.getElementById(fieldId).value="";
}
setDivValue(divId,fieldId);
}
//检查分钟
function checkStartMin(divId,fieldId){
if((+document.getElementById(fieldId).value)>59){
//alert("_______:"+document.getElementById(fieldId).value);
document.getElementById(fieldId).value="";
}
setDivValue(divId,fieldId);
}
//-------------------------------------
//检查间隔天数
function checkIntervalDay(divId,fieldId){
if((+document.getElementById(fieldId).value)>366){
document.getElementById(fieldId).value="";
}
setDivValue(divId,fieldId);
}
//检查间隔周数
function checkIntervalWeek(divId,fieldId){
if((+document.getElementById(fieldId).value)>52){
document.getElementById(fieldId).value="1";
}
setDivValue(divId,fieldId);
}

//把值设置到对应的div对象属性中
function setDivValue(divId,fieldId){
var fieldValue=document.getElementById(fieldId).value;
if(divId=="step-3-1"){
alert("setDivValue___fieldValue:"+fieldValue);
setField(fieldId,fieldValue);
}
else if(divId=="step-3-2"){
setField(fieldId,fieldValue);
}
else if(divId=="step-3-3"){
setField(fieldId,fieldValue);
}
else if(divId=="step-3-4"){
setField(fieldId,fieldValue);
}
}

//设置对象属性的值
function setField(fieldId,fieldValue){
var fieldIdArr=["startDate","startHour","startMin","intervalDay","intervalWeek","whichDay","whichWeek","whichWeekDay","whichMonth"];
alert("setField___fieldValue:"+fieldValue);
alert("fieldId:"+fieldId);
alert(fieldId.toString() == fieldIdArr[0].toString());
if(fieldId == fieldIdArr[0]){
step_3_1.startDate=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.startDate);
}
else if(fieldId == fieldIdArr[1]){
step_3_1.startHour=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.startHour);
}
else if(fieldId == fieldIdArr[2]){
step_3_1.startMin=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.startMin);
}
else if(fieldId == fieldIdArr[3]){
step_3_1.intervalDay=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.intervalDay);
}
else if(fieldId == fieldIdArr[4]){
step_3_1.intervalWeek=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.intervalWeek);
}
else if(fieldId == fieldIdArr[5]){
step_3_1.whichDay=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.whichDay);
}
else if(fieldId == fieldIdArr[6]){
step_3_1.whichWeek=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.whichWeek);
}
else if(fieldId == fieldIdArr[7]){
step_3_1.whichWeekDay=fieldValue;
alert("setField___step_3_1.whichWeekDay:"+step_3_1.whichWeekDay);
}
else if(fieldId == fieldIdArr[8]){
step_3_1.whichMonth=fieldValue;
alert("setField___step_3_1.intervalDay:"+step_3_1.whichMonth);
}
}

//检查第几天
function checkWhichDay(divId,fieldId){
if((+document.getElementById(fieldId).value)>31){
document.getElementById(fieldId).value="1";
}
setDivValue(divId,fieldId);
}
//选择天被点击
function selWhichDayClick(divId,enableFieldId,disableFieldId1,disableFieldId12){
document.getElementById(enableFieldId).disabled=false;
document.getElementById(disableFieldId1).disabled=true;
document.getElementById(disableFieldId12).disabled=true;
setDivValue(divId,enableFieldId);
}
//选择周被点击
function selWhichWeekClick(divId,enableFieldId1,enableFieldId2,disableFieldId){
document.getElementById(disableFieldId).disabled=true;
document.getElementById(enableFieldId1).disabled=false;
document.getElementById(enableFieldId2).disabled=false;
setDivValue(divId,enableFieldId1);
setDivValue(divId,enableFieldId2);
}
//当每周的星期被点击
function weekCheckbox(divId,fieldName,fieldId){

}
//当每月的星期被点击
function monthClick(divId,fieldName,fieldId){

}

</script>


<div id="step-3-1" onclick="divStep_3_1Click()">
<table class="STYLE3">
<tr><td>请选择任务运行的起始时间与日期</td></tr>
<tr class="STYLE3"><td> </td></tr>
<tr>
<td>起始时间：</td>
</tr>
<tr>
<td>
<input id="dayStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-1','dayStartHour')"/>时:
<input id="dayStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-1','dayStartMin')"/>分
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td>运行这个任务:</td>
</tr>
<tr>
<td>
每<input id="intervalDay" type="test" size="4" maxlength="3" value="1" onkeypress="checkNum()" onblur="checkIntervalDay('step-3-1','intervalDay')"/>天
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td>起始日期:</td>
</tr>
<tr>
<td><input id="startDate1" type="text" name="startDate" id="startDate" value=""></td>
</tr>
</table>
</div>


<div id="step-3-2" onclick="divStep_3_2Click()">
<table class="STYLE3">
<tr><td colspan="2">请选择任务运行的起始时间与日期</td></tr>
<tr><td> </td></tr>
<tr>
<td colspan="2">起始时间：</td>
</tr>
<tr>
<td colspan="2">
<input id="weekStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-2','weekStartHour')"/>时:
<input id="weekStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-2','weekStartMin')"/>分
</td>
</tr>
<tr><td colspan="2"> </td></tr>
<tr>
<td colspan="2">运行这个任务：</td>
</tr>
<tr>
<td colspan="2">
每<input id="intervalWeek" type="test" size="4" maxlength="3" value="1" onkeypress="checkNum()" onblur="checkIntervalWeek('step-3-2','intervalWeek')"/>周
</td>
</tr>
<tr><td colspan="2"> </td></tr>
<tr>
<td colspan="2">请选择下面日期：</td>
</tr>
<tr>
<td><label><input id="Monday" name="week" type="checkbox" value="Monday" checked="checked" onclick="weekCheckbox('step-3-2','week','Monday')"/>星期一</label></td>
<td><label><input id="Tuesday" name="week" type="checkbox" value="Tuesday" onclick="weekCheckbox('step-3-2','week','Tuesday')"/>星期二</label></td>
</tr>
<tr>
<td><label><input id="Wednesday" name="week" type="checkbox" value="Wednesday" onclick="weekCheckbox('step-3-2','week','Wednesday')"/>星期三</label></td>
<td><label><input id="Thursday" name="week" type="checkbox" value="Thursday" onclick="weekCheckbox('step-3-2','week','Thursday')"/>星期四</label></td>
</tr>
<tr>
<td><label><input id="Friday" name="week" type="checkbox" value="Friday" onclick="weekCheckbox('step-3-2','week','Friday')"/>星期五</label></td>
<td><label><input id="Saturday" name="week" type="checkbox" value="Saturday" onclick="weekCheckbox('step-3-2','week','Saturday')"/>星期六</label></td>
</tr>
<tr>
<td><label><input id="Sunday" name="week" type="checkbox" value="Sunday" onclick="weekCheckbox('step-3-2','week','Sunday')"/>星期日</label></td>
<tr><td colspan="2"> </td></tr>
</tr>
</table>
</div>


<div id="step-3-3" onclick="divStep_3_3Click()">
<table class="STYLE3">
<tr><td colspan="2">请选择任务运行的起始时间与日期</td></tr>
<tr><td colspan="2"> </td></tr>
<tr colspan="2">
<td>起始时间：</td>
</tr>
<tr colspan="2">
<td>
<input id="monthStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-3','monthStartHour')"/>时:
<input id="monthStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-3','monthStartMin')"/>分
</td>
</tr>
<tr>
<td colspan="2">每月：</td>
</tr>
<tr>
<td colspan="2">
<label>
<input type="radio" id="selWhichDay" name ="everyMonth" value="" onclick="selWhichDayClick('step-3-3','whichDay','whichWeek','whichWeekDay')"/>天 
<input id="whichDay" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkWhichDay()"/><br />
</label>
</td>
</tr>
<tr>
<td>
<input type="radio" id="selWhichWeek" name ="everyMonth" value="" onclick="selWhichWeekClick('step-3-3','whichWeek','whichWeekDay','whichDay')"/>
<select id="whichWeek" name="whichWeek">
<option value="firstWeek" selected="selected">第一个</option>
<option value="secondWeek">第二个</option>
<option value="thirdWeek">第三个</option>
<option value="fourthWeek">第四个</option>
<option value="lastWeek">最后一个</option>
</select>星期 
</td>
<td>
<select id="whichWeekDay" name="whichWeekDay">
<option value="Monday" selected="selected">星期一</option>
<option value="Tuesday">星期二</option>
<option value="Wednesday">星期三</option>
<option value="Thursday">星期四</option>
<option value="Friday">星期五</option>
<option value="Saturday">星期六</option>
<option value="Sunday">星期日</option>
</select>
</td>
</tr>
<tr><td colspan="2"> </td></tr>
<tr>
<td>月份：</td>
<td> </td>
</tr>
<tr>
<td><label><input type="checkbox" name="month" id="January" value="January" checked="checked" onclick="monthClick('step-3-3','month','January')"/>一月</label> 
<label><input type="checkbox" name="month" id="February" value="February" onclick="monthClick('step-3-3','month','February')"/>二月</label></td>
<td><label><input type="checkbox" name="month" id="March" value="March" onclick="monthClick('step-3-3','month','March')" />三月</label>  
<label><input type="checkbox" name="month" id="April" value="April" onclick="monthClick('step-3-3','month','April')" />四月</label></td>
</tr>
<tr>
<td><label><input type="checkbox" name="month" id="May" value="May" onclick="monthClick('step-3-3','month','May')" />五月</label> 
<label><input type="checkbox" name="month" id="June" value="June" onclick="monthClick('step-3-3','month','June')" />六月</label></td>
<td><label><input type="checkbox" name="month" id="July" value="July" onclick="monthClick('step-3-3','month','July')" />七月</label>  
<label><input type="checkbox" name="month" id="August" value="August" onclick="monthClick('step-3-3','month','August')" />八月</label></td>
</tr>
<tr>
<td><label><input type="checkbox" name="month" id="September" value="September" onclick="monthClick('step-3-3','month','September')" />九月</label> 
<label><input type="checkbox" name="month" id="October" value="October" onclick="monthClick('step-3-3','month','October')" />十月</label></td>
<td><label><input type="checkbox" name="month" id="November" value="November" onclick="monthClick('step-3-3','month','November')" />十一月</label>
<label><input type="checkbox" name="month" id="December" value="December" onclick="monthClick('step-3-3','month','December')" />十二月</label></td>
</tr>
</table>

</div>


<div id="step-3-4" onclick="divStep_3_4Click()">
<table class="STYLE3">
<tr><td>请选择任务运行的起始时间与日期</td></tr>
<tr><td> </td></tr>
<tr>
<td>起始时间：</td>
</tr>
<tr>
<td>
<input id="onceStartHour" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartHour('step-3-4','onceStartHour')"/>时:
<input id="onceStartMin" type="text" size="3" maxlength="2" vlaue="0" onkeypress="checkNum()" onblur="checkStartMin('step-3-4','onceStartMin')"/>分
</td>
</tr>
<tr><td> </td></tr>
<tr>
<td>起始日期:</td>
</tr>
<tr>
<td><input id="startDate2" type="text" name="startDate" id="startDate" value=""></td>
</tr>
</table>
</div>
</body>

查看全文

相关阅读:
Thymeleaf
快速创建springBoot
多环境的配置
 第一个SpringBoot
shiro第三天整合jdbc
shrio 第二天
 Python 算法集合
 张凤强-《工会固定资产管理系统的设计与实现》随笔
 李翔-《营口港资产管理系统设计与实现》随笔
 刘晶-《高校固定资产管理系统的设计与实现》随笔

原文地址：https://www.cnblogs.com/luowei010101/p/2352440.html