发表于: 2020-06-24 22:37:55
1 1619
加油!!!
今天完成的事:
使用titles框架整合前端页面
导入依赖
<!-- tiles依赖-->
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-extras</artifactId>
<version>3.0.8</version>
</dependency>
将前端页面共用的头部和尾部提取出来,和body1.jsp body2.jsp组合
新建一个mainLayout.jsp 用于需要拼接的页面
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://tiles.apache.org/tags-tiles-extras" prefix="tilesx" %>
<div>
<tiles:insertAttribute name="header" />
<tiles:insertAttribute name="body" />
<tiles:insertAttribute name="footer" />
</div>
然后创建layout.xml文件,编写项目需要的页面
<tiles-definitions>
<!-- 主布局 -->
<definition name="layout" template="/WEB-INF/jsp/mainLayout.jsp">
</definition>
<!-- 主布局 -->
<!-- 项目 -->
<definition name="myView1" extends="layout">
<put-attribute name="header" value="/WEB-INF/jsp/header.jsp" />
<put-attribute name="body" value="/WEB-INF/jsp/body1.jsp" />
<put-attribute name="footer" value="/WEB-INF/jsp/footer.jsp" />
</definition>
<!--项目-->
<!-- 项目 -->
<definition name="myView2" extends="layout">
<put-attribute name="header" value="/WEB-INF/jsp/header.jsp" />
<put-attribute name="body" value="/WEB-INF/jsp/body2.jsp" />
<put-attribute name="footer" value="/WEB-INF/jsp/footer.jsp" />
</definition>
<!-- 项目-->
这里我们需要在springmvc配置文件中添加一个titles视图解析器
<bean id="tilesViewResolver" class="org.springframework.web.servlet.view.tiles3.TilesViewResolver" p:order="1">
<!-- <property name="prefix" value="/WEB-INF/jsp/" />-->
<!-- <property name="suffix" value=".jsp" />-->
</bean>
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
<property name="definitions">
<list>
<value>classpath:layout.xml</value>
</list>
</property>
</bean>
编写一个测试 TestController
@Controller
public class TestController {
@RequestMapping("/test1")
public String testView1(Model model) {
return "myView1"; //这里的myView为layout.xml中配置的视图名称
}
@RequestMapping("/test2")
public String testView(Model model) {
return "myView2"; //这里的myView为layout.xml中配置的视图名称
}
}
明天计划的事:添加数据库数据,学习Tag标签,部署到服务器,提交任务四
遇到的困难:
收获
评论