发表于: 2020-06-24 22:37:55

1 1615


加油!!!


今天完成的事

使用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"; //这里的myViewlayout.xml中配置的视图名称
   }

@RequestMapping("/test2")
public String testView(Model model) {
return "myView2"; //这里的myViewlayout.xml中配置的视图名称
   }

}






明天计划的事:添加数据库数据,学习Tag标签,部署到服务器,提交任务四


遇到的困难:

收获













返回列表 返回列表
评论

    分享到