zoukankan      html  css  js  c++  java
  • Freemarker使用总结

    spring mvc 中 Freemarker 获取项目根目录,方便HTML页面配置各种路径

    在SpringMVC框架中使用Freemarker试图时,要获取根路径的方式如下:

    <!-- FreeMarker视图解析 如返回userinfo。。在这里配置后缀名ftl和视图解析器。。 -->
    <bean id="viewResolverFtl"
        class="org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver">
        <property name="viewClass"
            value="org.springframework.web.servlet.view.freemarker.FreeMarkerView" />
        <property name="suffix" value=".ftl" />
        <property name="contentType" value="text/html;charset=UTF-8" />
        <property name="exposeRequestAttributes" value="true" />
        <property name="exposeSessionAttributes" value="true" />
        <property name="exposeSpringMacroHelpers" value="true" />
        <property name="requestContextAttribute" value="request" />
        <property name="cache" value="true" />
        <property name="order" value="0" />
    </bean>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14

    其中property name=”requestContextAttribute” value=”request”是关键。 
    意思是把Spring的RequestContext对象暴露为变量request 
    利用${request.contextPath}来获取应用程序的contextPath

    如果是集成了Springboot,在配置文件中,只需要设置 
    spring.freemarker.request-context-attribute=request 即可

    ftl中的页面设置如下:

    <#assign ctx=request.contextPath />
    <!DOCTYPE html>
    <html lang="zh">
    <head>
        <base id="ctx" href="${ctx}">
        <title>首页</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link href="${ctx}/static/bootstrap-3.3.4/css/bootstrap.min.css" rel="stylesheet">
        <script src="${ctx}/static/bootstrap-3.3.4/js/bootstrap.min.js"></script>
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9

    js文件中获取path

    var base = document.getElementById("ctx").href;
    // 与后台交互
    $.ajax({
            url : base + '/' + url,
            data : value,
            dataType : 'json',
            type : 'post',
            success : function(data) {
                success(data);
            },
            error : function(data) {
                error(data);
            }
        });
  • 相关阅读:
    Razor使用方法
    Razor视图中的@:和<text>语法
    【洛谷p1031】均分纸牌
    Python读写文件
    对象传参数中引用是否被覆盖的情形
    Python中的random模块
    mysql数据库 安装 (原创)
    MYSQL常用命令
    MySQL查询数据表中数据记录(包括多表查询)
    127.0.0.1
  • 原文地址:https://www.cnblogs.com/cfas/p/7895927.html
Copyright © 2011-2022 走看看