发表于: 2017-09-27 23:30:28
1 605
今天完成的事
完成Tiles框架
先写一个小Demo
pom.xml
<!--Tiles框架-->
<!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-extras -->
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-extras</artifactId>
<version>3.0.7</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-jsp -->
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-jsp</artifactId>
<version>3.0.7</version>
</dependency>
<!-- https://mvnrepository.com/artifact/org.apache.tiles/tiles-servlet -->
<dependency>
<groupId>org.apache.tiles</groupId>
<artifactId>tiles-servlet</artifactId>
<version>3.0.7</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-web</artifactId>
<version>4.3.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-webmvc</artifactId>
<version>4.3.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-context</artifactId>
<version>4.3.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-test</artifactId>
<version>4.3.9.RELEASE</version>
</dependency>
<dependency>
<groupId>org.springframework</groupId>
<artifactId>spring-jdbc</artifactId>
<version>4.3.9.RELEASE</version>
</dependency>
</dependencies>
<build>
<finalName>tilesdemo</finalName>
<plugins>
<!--servlet容器 jetty插件-->
<plugin>
<groupId>org.eclipse.jetty</groupId>
<artifactId>jetty-maven-plugin</artifactId>
<version>9.4.5.v20170502</version>
</plugin>
</plugins>
</build>
springmvc.xml
<!--此文件负责整个mvc中的配置-->
<mvc:default-servlet-handler/>
<!--启用spring的一些注解 -->
<context:annotation-config/>
<!-- 配置注解驱动 可以将request(请求)参数与绑定到controller参数上 -->
<mvc:annotation-driven/>
<!-- 对模型视图名称的解析,即在模型视图名称添加前后缀(如果最后一个还是表示文件夹,则最后的斜杠不要漏了) 使用JSP-->
<!-- 默认的视图解析器 在上边的解析错误时使用 (默认使用html)- -->
<bean id="defaultViewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver">
<property name="viewClass" value="org.springframework.web.servlet.view.JstlView"/>
<property name="prefix" value="/WEB-INF/views/"/><!--设置JSP文件的目录位置-->
<property name="suffix" value=".jsp"/>
<property name="exposeContextBeansAsAttributes" value="true"/>
</bean>
<!-- 自动扫描该包,使SpringMVC认为包下用了@controller注解的类是控制器 -->
<context:component-scan base-package="test.controller">
<context:include-filter type="annotation" expression="org.springframework.stereotype.Controller"/>
</context:component-scan>
<bean id="viewResolver" class="org.springframework.web.servlet.view.UrlBasedViewResolver">
<property name="viewClass">
<value>
org.springframework.web.servlet.view.tiles3.TilesView
</value>
</property>
<property name="order" value="1" />
</bean>
<!-- tiles配置路径 -->
<bean id="tilesConfigurer" class="org.springframework.web.servlet.view.tiles3.TilesConfigurer">
<property name="definitions">
<list>
<value>/WEB-INF/tiles.xml</value>
</list>
</property>
</bean>
</beans>
web.xml中只需要声明一下springmvc.xml的位置就够了
<!--配置dispatcher.xml作为mvc的配置文件-->
<param-name>contextConfigLocation</param-name>
<param-value>/WEB-INF/springmvc.xml</param-value>
</init-param>
<!-- <load-on-startup>1</load-on-startup>是启动顺序,让这个Servlet随Servletp容器一起启动-->
<load-on-startup>1</load-on-startup>
<async-supported>true</async-supported>
</servlet>
接着随便写几个碎片
<html>
<head>
<title>Title</title>
</head>
<body>
<P>这是页眉</P>
</body>
</html>
然后编写tiles.xml拼接碎片
<tiles-definitions>
<definition name="test" template="/WEB-INF/test.jsp">
<put-attribute name="title" value="666"/>
<put-attribute name="header" value="/WEB-INF/tiles/head.jsp"/>
<put-attribute name="menu" value="/WEB-INF/tiles/left.jsp"/>
<put-attribute name="body" value="/WEB-INF/tiles/body.jsp"/>
<put-attribute name="footer" value="/WEB-INF/tiles/foot.jsp"/>
</definition>
</tiles-definitions>
从tiles官方文档找一个入门模板
<html>
<head>
<title><tiles:getAsString name="title"/></title>
</head>
<body>
<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>
</body>
</html>
每一个模块都要写,不写的话会报错,如果真的不存在的模块可以加一个ignor属性
<tiles:insertAttribute name="footer" ignore="true"/>
写一个controller
@Controller
public class tilesController {
@RequestMapping(value = "/test",method = RequestMethod.GET )
public String tiles(){
return "test";
}
}
注意 这里return的是tiles.xml中的test!!!
<definition name="test"
使用jetty运行
接着回到项目
先把项目拆成碎片,menu我自己从官网抓下来的代码,路径不对,格式加载不到,很丑
这里先单独测试一下header
<definition name="header" template="/WEB-INF/views/pieces/task-header.jsp">
<put-attribute name="task-css" value="/WEB-INF/views/pieces/task-css.jsp"/>
</definition>
剩下的碎片都测试了,这里就不贴了
接着拼接整个项目
<definition name="home" template="/WEB-INF/views/jsp/test.jsp">
<put-attribute name="header" value="/WEB-INF/views/pieces/task-header.jsp"/>
<put-attribute name="task-css" value="/WEB-INF/views/pieces/task-css.jsp"/>
<put-attribute name="menu" value="menu"/>
<put-attribute name="body" value="body"/>
<put-attribute name="footer" value="footer"/>
<put-attribute name="task-js" value="/WEB-INF/views/pieces/task-js.jsp"/>
</definition>
导航栏真TM丑
至此tiles框架应该算是完成了
还有正则表达是在tiles的应用明天学一下
说一下我对tiles框架的理解:
作用:利用拼接的方法解决网站每个页面的重复的部分,减少代码量以及维护成本
流程:拆分项目为jsp文件,写一个布局jsp文件,在tiles框架拼接,controller中返回拼接的页面
难点:逻辑的理解,以及拆分项目时要谨慎不要拆多或拆少 容易造成页面混乱,难度大的布局页面需要再找模板不会自己写
遇到的问题:
刚开始逻辑没完全弄明白导致出错较多,到后面再改东西变得有些犹豫不敢下手
在拼接的时候不是太明白,以为拆分出来的单个项目会自动在布局页面被引用,导致出现找不到碎片的报错
拆出来的js模块好像不太能用,单独把某个碎片和js放在一起,这个碎片还是没有样式
拆的时候拆错了,把主页那个最大是视图也拆出来,发现了之后再拼回去放错了地方导致页面混乱
收获:本来打算今天结束任务4,加班到三点,哎,欲速则不达,收获黑眼圈和tiles框架的浅薄理解,就这样
任务进度:任务4步骤1
任务开始时间:2017-9-20
预计结束时间:2017-9-27
tiles框架要再研究一下,延期到2017-9-28号
禅道:http://task.ptteng.com/zentao/project-task-276.html
评论