发表于： 2017-09-26 22:58:34
1 868
一、今日完成
1.使用tag标签处理时间的转换，根据传入的时间格式把Long变成对应的格式。
1）在src/main/com.task.onca/util目录下新建JSTLDateUtils类，继承自TagSupport，实现doStartTag() 方法。
public class JSTLDateUtils extends TagSupport{
private String value;
public void setValue(String value) {
this.value = value;
}
public int doStartTag() throws JspException {
String vv = String.valueOf(value);
long time = Long.valueOf(vv);
Calendar c = Calendar.getInstance();
c.setTimeInMillis(time);
SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm");
String s = dateFormat.format(c.getTime());
try {
pageContext.getOut().write(s);
} catch (IOException e) {
e.printStackTrace();
}
return super.doStartTag();
}
public static void main(String[] args) {
long a = 646416839;
long time = Long.valueOf(a);
Calendar c = Calendar.getInstance();
c.setTimeInMillis(time);
SimpleDateFormat dateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm");
String s = dateFormat.format(c.getTime());
System.out.println(s);
}
}
2）在WEB-INF目录下创建datetag.tld文件
<?xml version="1.0" encoding="UTF-8"?>
<taglib>
<tlib-version>1.1</tlib-version>
<jsp-version>1.2</jsp-version>
<short-name>date</short-name>
<tag>
<name>date</name>
<tag-class>com.task.onca.Util.JSTLDateUtils</tag-class>
<attribute>
<name>value</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
<attribute>
<name>parttern</name>
<required>true</required>
<rtexprvalue>true</rtexprvalue>
</attribute>
</tag>
</taglib>
3)在web.xml中加入<jsp-config>元素对datetag.tld文件进行声明。
<!-- 自定义JSTL时间格式化 -->
<jsp-config>
<taglib>
<taglib-uri>/tags</taglib-uri>
<taglib-location>/WEB-INF/datetag.tld</taglib-location>
</taglib>
</jsp-config>
4）在JSP页面中处理时间转换，进行如下声明：
<%@ taglib uri="/tags" prefix="date"%>
< date:date value ="${trigger.startTime} "/>
参考链接：http://hfutfei.iteye.com/blog/673472
2.学习使用Tiles框架
Tiles 是复合视图模式（Composite View pattern）的一个实现，而复合视图模式允许创建具有相似结构的页面，其中页面的每个部分在不同情况有所变化。 Template, Attribute 和Definition概念组成了Tiles的实现。
1）在Tiles中，template是页面布局的一部分，下面是一个经典布局的页面结构，其中Header Menu Body等被称为Attribute，可以用来填充“内容”。
通过创建JSP页面来实现它。
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<table>
<tr>
<td colspan="2">
<tiles:insertAttribute name="header" />
</td>
</tr>
<tr>
<td>
<tiles:insertAttribute name="menu" />
</td>
<td>
<tiles:insertAttribute name="body" />
</td>
</tr>
<tr>
<td colspan="2">
<tiles:insertAttribute name="footer" />
</td>
</tr>
</table>
2）可以填充到Attribute的内容包括：string、template和definition（definition是一个可复用的组合页面）
3） definition是由填充全部或部分属性的template组成。对于经典布局的界面结构可以修改tiles的配置文件，用definition来表达
<definition name="myapp.homepage" template="/layouts/classic.jsp">
<put-attribute name="header" value="/tiles/banner.jsp" />
<put-attribute name="menu" value="/tiles/common_menu.jsp" />
<put-attribute name="body" value="/tiles/home_body.jsp" />
<put-attribute name="footer" value="/tiles/credits.jsp" />
</definition>
参考资料：https://tiles.apache.org/
3.在Spring MVC框架中整合Tiles
(1)在pom.xml文件中引入相关依赖
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-api</artifactId>
<version>3.0.7</version>
</dependency>
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-core</artifactId>
<version>3.0.7</version>
</dependency>
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-jsp</artifactId>
<version>3.0.7</version>
</dependency>
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-servlet</artifactId>
<version>3.0.7</version>
</dependency>
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-template</artifactId>
<version>3.0.7</version>
</dependency>
目前最新的Tiles版本是apache在2016年4月发布的3.0.7
（2）在WEB-INF/layout目录下分别新建template.jsp header.jsp和footer.jsp文件，后两个页面作为attribute填充到template的布局里。
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="tiles" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="titls" uri="http://tiles.apache.org/tags-tiles" %>
<%@ taglib prefix="titles" uri="http://tiles.apache.org/tags-tiles" %>
<!DOCTYPE html>
<html>
<head>
<titls:insertAttribute name="title"/>
</head>
<body>
<titles:insertAttribute name="header"/>
<titles:insertAttribute name="boby"/>
<titles:insertAttribute name="footer"/>
</body>
</html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="container hidden-xs">
<div class="row header-top">
<p class="col-xs-12 col-sm-6 col-md-6 col-lg-6">客服电话:010-594-78634</p>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 text-right">
<div>
<a href="#" target="_blank"> <img alt="" src="imges/54537.png"></a>
<a href="#" target="_blank"><img alt="" src="imges/45678678.png"></a>
<a href="#" target="_blank"> <img alt="" src="imges/54375483543.png"></a>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a href="#" class="navbar-brand">
<img src="imges/logo.png" alt="Brand" class="img-responsive">
</a>
<button data-target="#open-nav" data-toggle="collapse" class="navbar-toggle btn-primary collapsed" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="open-nav" class="navbar-collapse collapse" aria-expanded="false" style="height: 1px;">
<ul class="nav navbar-nav navbar-right text-center list-inline">
<li><a href="">首页</a></li>
<li><a href="/courseList?type=0">职业</a></li>
<li><a href="">推荐</a></li>
<li><a href="">关于</a></li>
</ul>
</div>
</div>
</nav>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-5 col-lg-5 up-1">
<p><a>技能树-改变你我</a></p>
<p><a href="#">关于我们 </a>|<a href="#"> 联系我们 </a>|<a href="#"> 合作企业 </a></p>
</div>
<div class="col-xs-12 col-sm-4 col-md-5 col-lg-5 up-2">
<p>旗下网站</p>
<ul class="list-inline">
<li><a href="#">草船云孵化器</a></li>
<li><a href="#">最强IT特训营</a><br></li>
</ul>
<ul class="list-inline">
<li><a href="#">葡萄藤轻游戏</a></li>
<li><a href="#">桌游精灵</a></li>
</ul>
</div>
<div class="col-xs-12 col-sm-4 col-md-2 col-lg-2 up-3">
<p>微信公众平台</p>
<img alt="" src="imges/2524.jpg">
</div>
</div>
</div>
<div class="container-fluid text-center">
<p>Copyright © 2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1</p>
</div>
</div>
至于body部分由实现具体功能的view层组件填充：
而最终网页在客户端呈现的丰富的图片和文字效果，由前端编写组件实现
（3）在WEB-INF目录下新建tiles.xml，配置页面布局
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 2.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>
<!--主布局-->
<definition name="base.definition" template="/WEB-INF/layout/template.jsp">
<put-attribute name="title" value=""/>
<put-attribute name="header" value="/WEB-INF/layout/header.jsp"/>
<put-attribute name="boby" value=""/>
<put-attribute name="footer" value="/WEB-INF/layout/footer.jsp"/>
</definition>
<!--主布局-->
<!--项目-->
<definition name="myView" extends="base.definition">
<put-attribute name="title" value="/WEB-INF/view/home-head.jsp"/>
<put-attribute name="boby" value="/WEB-INF/view/home.jsp"/>
</definition>
<!--项目-->
</tiles-definitions>
（4）在spring的配置文件里要对tiels进行设置
<!-- tiles页面解析器-->
<bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="viewClass">
<value>org.springframework.web.servlet.view.tiles.TilesView</value>
</property>
</bean>
<!-- tiles配置器-->
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles.TilesConfigurer">
<property name="definitions">
<list>
<value>/WEB-INF/tiles.xml</value>
</list>
</property>
</bean>
（5）为了读取tiels.xml中的definition，需要在jsp页面里使用
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<tiles:insertDefinition name="myView" />
因为目前对tiles的使用处于入门阶段，如何把官网静态页面改为动态页面展示出来，力有不逮，总结仅到此为止，以后继续积累和学习。
二、明日计划
1.整理小课堂知识点；
2.学习JSP的基本知识。
三、遇到问题
无。
四、收获
以上。
禅道：http://task.ptteng.com/zentao/task-view-10369.html
返回列表
评论