发表于: 2017-09-27 23:30:28

1 604


今天完成的事  

完成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>是启动顺序,让这个ServletServletp容器一起启动-->
<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




返回列表 返回列表
评论

    分享到