发表于： 2018-06-10 22:40:35
1 883
今天完成的事情：（一定要写非常细致的内容，比如说学会了盒子模型，了解了Margin）
继续学习tiles框架
个人理解: 为我们提供一个网页布局框架, 只需要安装预定布局写好对应的内容拼接在一起即可. 重复的内容可以复用,比如头部和尾部, 而且可以使每个页面风格统一.
<!-- 配置tiles模板 -->
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
<property name="definitions">
<list>
<value>/WEB-INF/config/tiles/tiles.xml</value>
</list>
</property>
</bean>
<bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<property name="viewClass">
<value>
org.springframework.web.servlet.view.tiles3.TilesView
</value>
</property>
</bean>
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE tiles-definitions PUBLIC
"-//Apache Software Foundation//DTD Tiles Configuration 3.0//EN"
"http://tiles.apache.org/dtds/tiles-config_3_0.dtd">
<tiles-definitions>
<!-- definition name 为Controller 返回的页面名称 这里定义一个基础模板页 -->
<definition name="home" template="/WEB-INF/jsp/tiles/templet.jsp">
<put-attribute name="title" value="首页"/>
<put-attribute name="header" value="/WEB-INF/jsp/tiles/head.jsp"/>
<put-attribute name="nav" value="/WEB-INF/jsp/tiles/homeNav.jsp"/>
<put-attribute name="body" value="/WEB-INF/jsp/body1.jsp"/>
<!-- {1} 取的是Controller 返回的值 -->
<!--<put-attribute name="body" value="/WEB-INF/jsp/{1}.jsp" />-->
<put-attribute name="footer" value="/WEB-INF/jsp/tiles/foot.jsp"/>
<!-- 跳转页面 -->
<put-attribute name="dumpPage" value="profession"/>
</definition>
<!-- 继承直接引用父类模板 如有不同内容重写即可-->
<definition name="profession" extends="home">
<put-attribute name="title" value="职业"/>
<put-attribute name="body" value="/WEB-INF/jsp/body2.jsp"/>
<!-- 跳转页面 -->
<put-attribute name="dumpPage" value="home"/>
</definition>
</tiles-definitions>
默认页面骨架:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib prefix="title" uri="http://tiles.apache.org/tags-tiles" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<%-- 页面 title --%>
<title><title:insertAttribute name="title"/></title>
<%-- css js --%>
<link href="${pageContext.request.contextPath }/static/css/t11.css"
rel="stylesheet" type="text/css">
<link href=${pageContext.request.contextPath }/static/css/bootstrap.min.css
rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath }/static/css/base.css"
rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath }/static/css/bootstrap.css">
<link href="${pageContext.request.contextPath }/static/css/Untitled-3.css"
rel="stylesheet" type="text/css">
<link href="${pageContext.request.contextPath }/static/css/Untitled-1base.css"
rel="stylesheet" type="text/css">
<script src="${pageContext.request.contextPath }/static/js/jquery-3.3.1.min.js"></script>
<script src="${pageContext.request.contextPath }/static/js/bootstrap.min.js"></script>
</head>
<body>
<%-- 头部 --%>
<tiles:insertAttribute name="header"/>
<%-- nav --%>
<tiles:insertAttribute name="nav"/>
<%-- 内容 --%>
<tiles:insertAttribute name="body"/>
<%-- 脚部 --%>
<tiles:insertAttribute name="footer"/>
</body>
学习着写了一部分。继续看吧，还有的没理解好，争取明天大概的弄好。
明天计划的事情：tiles框架完全理解。
遇到的问题：感觉有些东西还是学的不好，看师兄的日报
收获：学习了新知识吧。
返回列表
评论