1：使用springboot, ,html使用thymeleaf,nekohtml模板

在build.gradle中添加依赖

buildscript {

    repositories {

        mavenCentral()

    }

    dependencies {

        classpath('org.springframework.boot:spring-boot-gradle-plugin:1.5.9.RELEASE')

    }

}

group "com.li"

version "1.0-SNAPSHOT"

apply plugin: "java"                           //java 插件

apply plugin: "org.springframework.boot"   //spring boot 插件

apply plugin: "io.spring.dependency-management"

apply plugin: "application"   //应用

//mainClassName = "Main.Application"

sourceCompatibility = 1.8

repositories {

    mavenCentral()

}8:

dependencies {

    compile("org.springframework.boot:spring-boot-starter-web",

            "org.springframework.boot:spring-boot-starter-test",

//            "org.springframework.boot:spring-boot-starter-activemq:1.5.9.RELEASE",

            "org.springframework.boot:spring-boot-starter-cache",

            "org.springframework.boot:spring-boot-devtools",

//            "org.mybatis.spring.boot:mybatis-spring-boot-starter:1.3.0",

            "mysql:mysql-connector-java:5.1.35",

//            'org.apache.commons:commons-lang3:3.4',

//            'org.apache.commons:commons-pool2',

//            'org.apache.logging.log4j:log4j-core:2.7',

//            'org.springframework.boot:spring-boot-starter-security',

            "org.springframework.boot:spring-boot-starter-thymeleaf",

            "net.sourceforge.nekohtml:nekohtml"

    )

//    compile('commons-net:commons-net:3.1')

//    runtime ("org.apache.tomcat.embed:tomcat-embed-jasper")

    testCompile group: 'junit', name: 'junit', version: '4.12'

}

2: 在application.yml中进行配置

spring:

  thymeleaf:

    mode: LEGACYHTML5

    cache: false

  datasource:

    driver-class-name: com.mysql.jdbc.Driver

    url: jdbc:mysql://localhost:3306/youhuigou

    username: root

    password: 1367356

3：定义一个对象，存放数据

package com.li.controller;

public class Parameter {

    private String id;

    private String name;

    public String getId() {

        return id;

    }

    public void setId(String id) {

        this.id = id;

    }

    public String getName() {

        return name;

    }

    public void setName(String name) {

        this.name = name;

    }

}

4： controller层

package com.li.controller;

import org.springframework.stereotype.Controller;

import org.springframework.ui.Model;

import org.springframework.web.bind.annotation.RequestMapping;

@Controller

@RequestMapping("/home")

public class HomeController {

    @RequestMapping("/home1")

    public String home1(Model model) {

        model.addAttribute("param1", 3);

        Parameter parameter=new Parameter();

        parameter.setId("111111");

        parameter.setName("liyafei");

        model.addAttribute("parame", parameter);

        return "home";

    }

}

5：启动类

package com.li;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication

public class SpringBootModelAndThymeleaf {

    public static void main(String[] args){

        SpringApplication.run(SpringBootModelAndThymeleaf.class, args);

    }

}

6：前端展示home.html

<!DOCTYPE html>

<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

    <meta charset="utf-8">

</head>

<body>

    <h1>${param1}</h1>

    <div class="media-heading">

        <span th:text="${param1}"></span>

        <span th:text="${parame.id}"></span>

        <span th:text="${parame.name}"></span>

    </div>

</body>

</html>

7:启动项目，进行访问

http://localhost:8080/home/home1

结果

8:系统层次图

springboot 使用model重定向到html模板，对数据进行展示的更多相关文章

  1. SpringBoot常用Starter介绍和整合模板引擎Freemaker、thymeleaf 4节课

    1.SpringBoot Starter讲解 简介:介绍什么是SpringBoot Starter和主要作用 1.官网地址:https://docs.spring.io/spring-boot/doc ...

  2. SpringBoot thymeleaf使用方法，thymeleaf模板迭代

    SpringBoot thymeleaf使用方法,thymeleaf模板迭代 SpringBoot thymeleaf 循环List.Map ============================= ...

  3. springboot中model，modelandview，modelmap的区别与联系

    springboot 中Model,ModelAndView,ModelMap的区别与联系 Model是一个接口,它的实现类为ExtendedModelMap,继承ModelMap类 public c ...

  4. SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 后端篇（五）： 数据表设计、使用 jwt、redis、sms 工具类完善注册登录逻辑

    (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y-h/p ...

  5. SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 后端篇（一）： 搭建基本环境、整合 Swagger、MyBatisPlus、JSR303 以及国际化操作

    相关 (1) 相关博文地址: SpringBoot + Vue + ElementUI 实现后台管理系统模板 -- 前端篇(一):搭建基本环境:https://www.cnblogs.com/l-y- ...

  6. django 简易博客开发 2 模板和数据查询

    首先还是贴一下项目地址  https://github.com/goodspeedcheng/sblog   因为代码全在上面 上一篇博客我们介绍了 django的安装配置,新建project,新建a ...

  7. java poi 从服务器下载模板写入数据再导出

    最近写了一个,Excel 的 写入和导出.   需求是这样的.   在新建合同的时候,会有导出合同的数据,    导出的模板是固定的,,需要在模板里面写入合同的信息. first   :  下载模板 ...

  8. python操作三大主流数据库(5)python操作mysql⑤使用Jinja2模板提取优化页面展示

    python操作mysql⑤使用Jinja2模板提取优化页面展示 在templates目录下的index.html.cat.html等页面有一些共同的元素,代码比较冗余可以使用模板提取公共代码,在各网 ...

  9. 背水一战 Windows 10 (51) - 控件（集合类）: ItemsControl - 项模板选择器, 数据分组

    [源码下载] 背水一战 Windows 10 (51) - 控件(集合类): ItemsControl - 项模板选择器, 数据分组 作者:webabcd 介绍背水一战 Windows 10 之 控件 ...

随机推荐

  1. easyui_datagrid合并行单击某行选中所有

    实现如下功能: 代码: <table id="dg" class="easyui-datagrid" title="Merge Cells fo ...

  2. 《R语言入门》语言及环境简单介绍

    简单介绍 watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/diss ...

  3. day21<IO流+&FIle递归>

    IO流(字符流FileReader) IO流(字符流FileWriter) IO流(字符流的拷贝) IO流(什么情况下使用字符流) IO流(字符流是否可以拷贝非纯文本的文件) IO流(自定义字符数组的 ...

  4. asp.net返回值当文件下载问题

    mvc中返回的javascript当做文件下载 解决方案 Response.ContentEncoding = System.Text.Encoding.UTF8;   Response.Conten ...

  5. ArcGIS Javascript 图层事件绑定

    1.使用Dojo---Connect Style Event dojo.connect(XXXGraphicsLayer, "onClick", function(evt) { / ...

  6. laravel安装 redis 并驱动 session

    1)composer 安装 redis composer require predis/predis 如果感兴趣,可以看一下这里 2)配置 redis 连接(config/database.php 配 ...

  7. MUI ajax数据请求（list）

    服务器返回格式 { "code": "1001", "message": "查询成功", "data" ...

  8. HTTP2.0简明笔记

    版权声明:本文由史燕飞原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/82 来源:腾云阁https://www.qcloud ...

  9. 电力项目十七--数据字典首页JS添加和删除表格

    知识点:jQuery是一个JavaScript函数库. JS代码: function insertRows(){ //获取表格对象 var tb1 = $("#dictTbl"); ...

  10. log4j输出多个自定义日志文件(转)

    如果在实际应用中需要输出独立的日志文件,怎样才能把所需的内容从原有日志中分离,形成单独的日志文件呢? 先看一个常见的log4j.properties文件,它是在控制台和test.log文件中记录日志: ...