编写Thymeleaf视图以展示数据

实验结果

1.编写控制器
新建一个MVC模式的控制器“HelloWorldMvcController”

package com.example.demo;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
//MVC模式控制器
@Controllerpublic class HelloWorldMvcController {@RequestMapping("/helloworld")//输入网页路径public String helloWorld(Model model) throws Exception{model.addAttribute("mav","Hello,Spring Boot我是MVC结构");//视图view的位置和名称。视图位于example文件夹下，视图文件为hello.htmlreturn "example/hello";}}

2.添加Thymeleaf模板
在template 文件夹下新建文件夹"example"，在example下新建hello.html文件

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title th:text="${mav}">mav</title>
</head>
<body class="container">
<h1 th:text="${mav}">mav</h1>
</body>
</html>

3.添加依赖
在pom.xml中添加如下依赖

<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency>

4.启动项目，然后访问http://localhost:8080/helloworld可以看到网页中显示的内容

编写Thymeleaf视图以展示数据相关推荐

如何在使用ASPMVC4的分部视图中获取数据展示
如何在使用ASPMVC4的分部视图中获取数据展示在ASPMVC4中,创建的网站项目会用到分部视图,通过@Html.Partial("视图名")来加载到页面上: 但是如何把数据附加 ...
Django深入研究（URL编写、视图探究）
Django深入研究一一.编写URL 1.URL编写规则 2.带变量的URL 3.设置参数name 4.设置额外的参数二.探究视图 1.构建网页内容 2.数据可视化 *3.通用视图一.编写URL ...
Django模板、配置文件、静态文件及案例实现（创建模板、设置模板查找路径、模板接收视图传入的数据、模板处理数据、BASE_DIR、DEBUG、本地语言与时区、App应用配置）
1.Django模板网站如何向客户端返回一个漂亮的页面呢? 漂亮的页面需要html.css.js. 可以把这一堆字段串全都写到视图中, 作为HttpResponse()的参数,响应给客户端. 存在的 ...
echart 数据视图_关于数据可视化图表的制作，你需要关注的30个小技巧
优秀的数据可视化图表只是罗列.总结数据吗?当然不是!数据可视化其真正的价值是设计出可以被读者轻松理解的数据展示,因此在设计过程中,每一个选择,最终都应落脚于读者的体验,而非图表制作者个人. 今天就给大 ...
java el表达式导航规则_诺禾：在jsp里面如何不写java代码展示数据(EL表达式的使用)...
EL表达式可以简化jsp中写的java代码在jsp里面如何不写java代码展示数据(EL表达式的使用) 在jsp里面如何不写java代码展示数据(EL表达式的使用) 在jsp里面如何不写java代码 ...
数据创造价值_展示数据并创造价值
数据创造价值 To create the maximum value, urgency, and leverage in a data partnership, you must present th ...
SpringBoot2.0系列(2)---SpringBoot之使用Thymeleaf视图模板
前言 Thymeleaf 是Java服务端的模板引擎,与传统的JSP不同,前者可以使用浏览器直接打开,因为可以忽略掉拓展属性,相当于打开原生页面,给前端人员也带来一定的便利.如果你已经厌倦了JSP+J ...
pb数据窗口怎么调用视图_大数据架构如何做到流批一体？
阿里妹导读:大数据与现有的科技手段结合,对大多数产业而言都能产生巨大的经济及社会价值.这也是当下许多企业,在大数据上深耕的原因.大数据分析场景需要解决哪些技术挑战?目前,有哪些主流大数据架构模式及其发 ...
微信小程序从前端wxml页面数据获取，到JS页面数据对象字符化，传递给后台，前台再从后台获取数据并在wxml页面动态展示数据（前后台交互实现发表动态功能）
页面: 事件是视图层到逻辑层的通讯方式. 事件可以将用户的行为反馈到逻辑层进行处理. 事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数. 事件对象可以携带额外信息,如 id, ...

编写Thymeleaf视图以展示数据

编写Thymeleaf视图以展示数据相关推荐

最新文章

热门文章