发表于: 2017-06-26 20:27:11
1 1089
今天完成的事情:
1.完成task11页面的编辑
<div class="container padding-bottom">
<div class="nav-title">首页>职业</div>
<div class="nav-bar">
<span class="">方向:</span>
<a class="nav-bar-a a-selected" href="">全部</a>
<c:forEach items="${list}" var="direction">
<a class="nav-bar-a" href="">${task11.orientation}</a>
</c:forEach>
</div>
<c:forEach items="${list}" var="professioin">
<div class="caption">
<h4>${profession.direction}</h4>
</div>
<div class="row">
<div class="col-md-4 col-sm-6 col-xs-12 top-margin">
<div class="warp-border">
<div class="clearfix">
<div class="icon-people"><img src="imges/687.png"></div>
<div class="text">
<h4 class="">${task11.profession}</h4>
<p class="text-present">${task11.introduce}</p>
</div>
</div>
<div class="warp-class2">
<div class="warp-class2-text">
<div class="iconfont text-padding">${task11.threshold}<img src="imges/xx.png"></div>
</div>
<div class="warp-class2-text">
<div class="iconfont text-padding text-border-left">难易程度${task11.difficulty} <img src="imges/xx.png"><img src="imges/xx.png"></div>
</div>
</div>
<div class="warp-class2">
<div class="warp-class2-text">
<div class="iconfont text-padding">成长周期 <span class="iconfont-color">${task10.cycle}</span>年</div>
</div>
<div class="warp-class2-text">
<div class="iconfont text-padding text-border-left">稀缺程度 <span class="iconfont-color">${task11.scarcity}</span>家公司需要</div>
</div>
</div>
<div class="warp-class2">
<div class="leftWarp">薪资待遇</div>
<div class="rightWarp">
<div class="rightWarp-class">
<div class="rightWarp-year">0-1年</div>
<div class="rightWarp-wages">${tsak11.salary1}/月</div>
</div>
<div class="rightWarp-class">
<div class="rightWarp-year">1-3年</div>
<div class="rightWarp-wages">${task11.salary2}/月</div>
</div>
<div class="rightWarp-class border-bottom">
<div class="rightWarp-year">3-5年</div>
<div class="rightWarp-wages">${task11.salary3}/月</div>
</div>
</div>
</div>
<div class="warp-class2">
<b class="text-b">有${task11.number}人正在学</b>
</div>
<div class="warp-class2">
<p class="text-p">提示:${task11.tip}</p>
</div>
<div class="flip-container">
<p class="flip-title">${task11.profession}</p>
<p class="flip-text">${task11.details}</p>
</div>
</div>
</div>
</div>
</c:forEach>
</div>
2.编写jsp自定义标签—根据传入的时间格式把Long变成对应的格式。
第一步:编写类继承TagSupport。
//根据传入的时间格式把Long变成对应的格式。
public class MyDateTag extends TagSupport {
private String value;
private String datePattern;
public String getValue() {
return value;
}
public void setValue(String value) {
this.value = value;
}
public String getDatePattern() {
return datePattern;
}
public void setDatePattern(String datePattern) {
this.datePattern = datePattern;
}
public int doStartTag() throws JspException{
String vv = ""+value;
try {
Long time = Long.valueOf(vv.trim());
Calendar c = Calendar.getInstance();
c.setTimeInMillis(time);
SimpleDateFormat sdf = new SimpleDateFormat(datePattern);
String format = sdf.format(c.getTime());
pageContext.getOut().write(format);
}catch (Exception e){
e.printStackTrace();
}
return super.doStartTag();
}
}
在webapp下新建tld/datetag.tld 文件,格式是xml
<?xml version="1.0" encoding= "UTF-8"?>
<taglib>
<tlib-version>1.0</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>date</short-name>
<tag>
<name>date</name>
<tag-class>me.wycme.wyc.task4.MyDateTag</tag-class>
<body-content>JSP</body-content>
<attribute>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>datePattern</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
</taglib>
在 web.xml 中注册该标签
<jsp-config>
<taglib>
<taglib-uri>/tags</taglib-uri>
<taglib-location>/WEB-INF/tld/datetag.tld</taglib-location>
</taglib>
</jsp-config>
明天计划的事情:传上服务器跑。
遇到的问题:根据师兄的日报完成完成时间格式的转换,做到现在最大的问题是这个tiles框架到底该怎么用,看了那么多师兄的日报,每一个清楚的task10和task11页面该怎么复用,求解。
收获:学习jsp知识
评论