zoukankan      html  css  js  c++  java
  • SpringBoot中FreeMarker创建

    1、创建SpringBoot项目时,勾选freemarker依赖(web,dev)
    2、Controller中向model中存放数据

    package com.ziv.springbootbygralde.controller;
    
    import java.util.ArrayList;
    import java.util.List;
    
    import org.slf4j.Logger;
    import org.slf4j.LoggerFactory;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import com.ziv.springbootbygralde.entity.UserEntity;
    
    @Controller
    @RequestMapping("/temp")
    public class FreeMarkerController {
    
        private static final Logger log = LoggerFactory.getLogger(FreeMarkerController.class);
    
        @RequestMapping("/show")
        public String show(Model model) {
            
            model.addAttribute("str", "Hello Spring Boot freemarker");
            UserEntity userEntity = new UserEntity();
            userEntity.setId(100);
            userEntity.setName("zhong ziv");
            model.addAttribute("stu", userEntity);
    
            List<UserEntity> list = new ArrayList<>();
            for (int i = 0; i < 5; i++) {
                UserEntity usertemp = new UserEntity();
                usertemp.setId(i);
                usertemp.setName("user" + i);
                list.add(usertemp);
            }
            model.addAttribute("user", list);
    
            log.info(model.toString());
            return "show";
        }
        
        
        @RequestMapping("/Demofreemarker")
        public String freemarker(Model model) {
            
            model.addAttribute("str", "Hello Spring Boot freemarker");
            ///返回string必须和templates中的文件名称一致,否则报错
            return "freemarker";
        }
    }

    3、freemarker模板默认在templates/*.ftl可以在配置文件中改变设置

    #freemarker configuration
    #freemarker *.ftl
    spring.freemarker.suffix=.html
    #freemarker文件的目录,默认目录为templates下面的文件,web文件目录下的文件
    spring.freemarker.template-loader-path=classpath:/web

    4、freemarker模板上设置

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
    </head>
    <body>
        <h3>show:${str}</h3>
        <hr>
        <h3>用户</h3>
        <!-- ??判断stu是否存在,是否为null -->
        <#if stu??>
        <!-- id==1001才进行显示 -->
        <#if stu.id ==1001>
        编码:${stu.id}<br>
        名称:${stu.name}<br>
        <#else>
        学生信息不为1001
        </#if>
        <#else>
        没有学生信息
        </#if>
        <hr>
        <h3>遍历学生</h3>
        <#list user as u>
        编码:${u.id}<br>
        名称:${u.name}<br>
        <hr>
        </#list>
        <button id="btn" >点击</button>
        <script type="text/javascript">
        $("#btn").click(function(){
            alert("click");
        })
        </script>
    </body>
    </html>
    View Code
  • 相关阅读:
    解读基本数据类型和内置方法(1)(要掌握)
    简单循环流程的介绍
    基本数据类型的使用和运算符的介绍
    开辟编程语言的介绍和变量
    HTML5 元素超出部分滚动, 并隐藏滚动条
    数据库多行数据合并一行(sqlserver、Oracle、Mysql)
    Js apply方法与call方法详解 附ES6新写法
    Java实现牛顿迭代法求解平方根、立方根
    为什么在JavaScript中0.1+0.2不等于0.3?
    html5手机web页面底部菜单
  • 原文地址:https://www.cnblogs.com/shangshen/p/10980124.html
Copyright © 2011-2022 走看看