美文网首页
velocity布局功能

velocity布局功能

作者: 测试你个头 | 来源:发表于2017-01-16 11:47 被阅读0次

    背景:最近遇到一个基于spring mvc的web项目,需要使用velocity模板引擎,首先需要学习如何集成velocity模板引擎

    开发环境:

    • 操作系统:mac os x
    • JDK版本:1.8.0_45
    • Spring版本: 4.0.6
    • IDE:intellj idea

    spring集成velocity请参考:Spring MVC集成velocity配置

    velocity layout用途:对于一个网站,除了内容区会根据页面有变更外,页头,页尾等区域往往都是共用的,layout可以将这些共用部分抽取出来复用

    viewResolver配置:

    viewResolver配置为org.springframework.web.servlet.view.velocity.VelocityLayoutViewResolver
    而不是
    org.springframework.web.servlet.view.velocity.VelocityViewResolver,则项目支持velocity的layout功能

    layout配置:

    <property name="layoutUrl" value="empty_layout.vm" />
    

    empty_layout.vm内容参考:

    <! DOCTYPE html>
    <html lang="zh-cn">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width,initial-scale=1">
            <title>xxx系统</title>
    
            <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
            <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
            <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
            <!--[if lt IE 9]>
            <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
            <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
            <![endif]-->
        </head>
    <body>
        $screen_content
    </body>
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    
        <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
        <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </html>
    

    其中$screen_content填充的就是页面的内容

    相关文章

      网友评论

          本文标题:velocity布局功能

          本文链接:https://www.haomeiwen.com/subject/quzubttx.html