Spring Boot + Thymeleaf 创建web项目

最新推荐文章于 2024-09-20 21:15:45 发布
最新推荐文章于 2024-09-20 21:15:45 发布
阅读量1.5k 收藏 1
点赞数 1
分类专栏： spring 文章标签： spring boot thymeleaf maven bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gisboygogogo/article/details/72983947
版权

本篇文章将引导你创建一个简单的Spring Boot web程序示例，涉及到的组件有：嵌入的Tomcat + Thymeleaf 模板引擎，可执行的 JAR 文件包。

开发工具：

1.Spring Boot 1.5.3.RELEASE

2.Spring 4.3.8.RELEASE

3.Thymeleaf 2.1.5.RELEASE

4.Tomcat Embed 8.5.14

5.Maven 3

6.Java 8


1.创建项目

eclipse -- File -- New -- Maven Project

2.项目的目录结构如下所示：

手动创建如下的文件夹及文件


3.项目依赖 pom.xml

spring-boot-starter-thymeleaf 这个依赖包将为你提供一切需要的东西来开发一个  Spring + Thymeleaf 程序

pom.xml 文件

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>org.thinkingingis</groupId>
  <artifactId>spring-boot-web-thymeleaf</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  
    <parent>
	    <groupId>org.springframework.boot</groupId>
	    <artifactId>spring-boot-starter-parent</artifactId>
	    <version>1.5.3.RELEASE</version>
	</parent>
	
	<properties>
		<java.version>1.8</java.version>
	</properties>
	
	<dependencies>
	    <!-- 核心依赖 -->
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-starter-thymeleaf</artifactId>
		</dependency>
		<dependency>
			<groupId>org.springframework.boot</groupId>
			<artifactId>spring-boot-devtools</artifactId>
			<optional>true</optional>
		</dependency>
		<!-- bootstrap 依赖-->
		<dependency>
			<groupId>org.webjars</groupId>
			<artifactId>bootstrap</artifactId>
			<version>3.3.7</version>
		</dependency>
		
	</dependencies>
	
	<build>
		<plugins>
			<!-- macOS 使用如下plugin  这是告诉可执行的jar文件位置，具体情况视你jdk的安装位置而定-->
			<plugin>
				<artifactId>maven-compiler-plugin</artifactId>
				<version>3.3</version>
				<configuration>
					<fork>true</fork>
					<executable>/Library/Java/JavaVirtualMachines/jdk1.8.0_131.jdk/Contents/Home/bin/java</executable>
				</configuration>
			</plugin>
			<!--windows 系统 使用如下plugin  -->
			<!-- 
			<plugin>
				<groupId>org.springframework.boot</groupId>
				<artifactId>spring-boot-maven-plugin</artifactId>
			</plugin>
			 -->
		</plugins>
	</build>
  
</project>

显示项目的依赖：在终端输入mvn dependency: tree

$ mvn dependency:tree
[INFO] Scanning for projects...
[INFO]
[INFO] ------------------------------------------------------------------------
[INFO] Building spring-boot-web-thymeleaf 0.0.1-SNAPSHOT
[INFO] ------------------------------------------------------------------------
[INFO]
[INFO] --- maven-dependency-plugin:2.10:tree (default-cli) @ spring-boot-web-thymeleaf ---
[INFO] org.thinkingingis:spring-boot-web-thymeleaf:jar:0.0.1-SNAPSHOT
[INFO] +- org.springframework.boot:spring-boot-starter-thymeleaf:jar:1.5.3.RELEASE:compile
[INFO] |  +- org.springframework.boot:spring-boot-starter:jar:1.5.3.RELEASE:compile
[INFO] |  |  +- org.springframework.boot:spring-boot-starter-logging:jar:1.5.3.RELEASE:compile
[INFO] |  |  |  +- ch.qos.logback:logback-classic:jar:1.1.11:compile
[INFO] |  |  |  |  \- ch.qos.logback:logback-core:jar:1.1.11:compile
[INFO] |  |  |  +- org.slf4j:jcl-over-slf4j:jar:1.7.25:compile
[INFO] |  |  |  +- org.slf4j:jul-to-slf4j:jar:1.7.25:compile
[INFO] |  |  |  \- org.slf4j:log4j-over-slf4j:jar:1.7.25:compile
[INFO] |  |  +- org.springframework:spring-core:jar:4.3.8.RELEASE:compile
[INFO] |  |  \- org.yaml:snakeyaml:jar:1.17:runtime
[INFO] |  +- org.springframework.boot:spring-boot-starter-web:jar:1.5.3.RELEASE:compile
[INFO] |  |  +- org.springframework.boot:spring-boot-starter-tomcat:jar:1.5.3.RELEASE:compile
[INFO] |  |  |  +- org.apache.tomcat.embed:tomcat-embed-core:jar:8.5.14:compile
[INFO] |  |  |  +- org.apache.tomcat.embed:tomcat-embed-el:jar:8.5.14:compile
[INFO] |  |  |  \- org.apache.tomcat.embed:tomcat-embed-websocket:jar:8.5.14:compile
[INFO] |  |  +- org.hibernate:hibernate-validator:jar:5.3.5.Final:compile
[INFO] |  |  |  +- javax.validation:validation-api:jar:1.1.0.Final:compile
[INFO] |  |  |  +- org.jboss.logging:jboss-logging:jar:3.3.1.Final:compile
[INFO] |  |  |  \- com.fasterxml:classmate:jar:1.3.3:compile
[INFO] |  |  +- com.fasterxml.jackson.core:jackson-databind:jar:2.8.8:compile
[INFO] |  |  |  +- com.fasterxml.jackson.core:jackson-annotations:jar:2.8.0:compile
[INFO] |  |  |  \- com.fasterxml.jackson.core:jackson-core:jar:2.8.8:compile
[INFO] |  |  +- org.springframework:spring-web:jar:4.3.8.RELEASE:compile
[INFO] |  |  |  +- org.springframework:spring-aop:jar:4.3.8.RELEASE:compile
[INFO] |  |  |  \- org.springframework:spring-beans:jar:4.3.8.RELEASE:compile
[INFO] |  |  \- org.springframework:spring-webmvc:jar:4.3.8.RELEASE:compile
[INFO] |  |     \- org.springframework:spring-expression:jar:4.3.8.RELEASE:compile
[INFO] |  +- org.thymeleaf:thymeleaf-spring4:jar:2.1.5.RELEASE:compile
[INFO] |  |  +- org.thymeleaf:thymeleaf:jar:2.1.5.RELEASE:compile
[INFO] |  |  |  +- ognl:ognl:jar:3.0.8:compile
[INFO] |  |  |  +- org.javassist:javassist:jar:3.21.0-GA:compile
[INFO] |  |  |  \- org.unbescape:unbescape:jar:1.1.0.RELEASE:compile
[INFO] |  |  \- org.slf4j:slf4j-api:jar:1.7.25:compile
[INFO] |  \- nz.net.ultraq.thymeleaf:thymeleaf-layout-dialect:jar:1.4.0:compile
[INFO] |     \- org.codehaus.groovy:groovy:jar:2.4.10:compile
[INFO] +- org.springframework.boot:spring-boot-devtools:jar:1.5.3.RELEASE:compile
[INFO] |  +- org.springframework.boot:spring-boot:jar:1.5.3.RELEASE:compile
[INFO] |  |  \- org.springframework:spring-context:jar:4.3.8.RELEASE:compile
[INFO] |  \- org.springframework.boot:spring-boot-autoconfigure:jar:1.5.3.RELEASE:compile
[INFO] \- org.webjars:bootstrap:jar:3.3.7:compile
[INFO]    \- org.webjars:jquery:jar:1.11.1:compile
[INFO] ------------------------------------------------------------------------
[INFO] BUILD SUCCESS
[INFO] ------------------------------------------------------------------------
[INFO] Total time: 2.139 s
[INFO] Finished at: 2017-06-10T14:11:29+08:00
[INFO] Final Memory: 21M/226M
[INFO] ------------------------------------------------------------------------

出现 BUILD SUCCESS  表示成功。

4.Spring Boot

4.1添加@SpringBootApplication注解，运行这个类完成spring boot web程序的启动。

package org.thinkingingis;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class SpringBootWebApplication {
	
	public static void main(String[] args){
		SpringApplication.run(SpringBootWebApplication.class, args);
	}

}
4.2 添加controller类 WelcomeController.java 

package org.thinkingingis;

import java.util.Map;

import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
public class WelcomeController {
	
	@Value("${welcome.message:test}")
	private String message = "Hello ThinkingInGIS";
	
	@RequestMapping("/")
	public String welcome(Map<String, Object> model){
		model.put("message", this.message);
		return "welcome";
	}

}
5. 添加thymeleaf 资源

5.1将thymeleaf模板文件存放在 src/main/resources/templates/ 下

welcome.html 

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<title>Spring Boot + Thymeleaf Hello World 示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="webjars/bootstrap/3.3.7/css/bootstrap.min.css" />

</head>
<body>

	<nav class="navbar navbar-inverse">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="#">Spring Boot</a>
			</div>
			<div id="navbar" class="collapse navbar-collapse">
				<ul class="nav navbar-nav">
					<li class="active"><a href="#">Home</a></li>
				</ul>
			</div>
		</div>
	</nav>

	<div class="container">
		<div class="starter-template">
			<h1 style="color: #4EE2EC">Spring Boot Web Thymeleaf 示例</h1>
			<h2 style="color: #ED594E">
				<span th:text="'Message: ' + ${message}"></span>
			</h2>
		</div>
	</div>

	<script type="text/javascript" src="webjars/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</body>
</html>
5.2 properties文件，放在src/main/resources/ 文件夹下

application.properties

welcome.message: Hello ThinkingInGIS ~ |  \u5FAE\u4FE1\u516C\u4F17\u53F7\uFF1A ThinkingInGIS

6. 启动

6.1进入项目目录下：/Users/gisboy/Documents/workspace/spring-boot-web-thymeleaf

6.2输入  mvn spring-boot:run

$ mvn spring-boot:run
 .   ____          _            __ _ _
 /\\ / ___'_ __ _ _(_)_ __  __ _ \ \ \ \
( ( )\___ | '_ | '_| | '_ \/ _` | \ \ \ \
 \\/  ___)| |_)| | | | | || (_| |  ) ) ) )
  '  |____| .__|_| |_|_| |_\__, | / / / /
 =========|_|==============|___/=/_/_/_/
 :: Spring Boot ::        (v1.5.3.RELEASE)
出现 BUILD SUCCESS  表示成功

6.3访问 http://localhost:8080

至此，一个简单的spring boot + thymeleaf 程序 就搭建好了。

(如遇到问题，请留言给作者，以便共同探讨gis知识。thinkingingis@qq.com)

在下开通了一个微信公众号: ThinkingInGIS 


欢迎大家关注:)



SpringBoot+thymeleaf项目搭建
爬行的小乌龟的博客
06-14 1567
废话不多数，直接上操作一. 创建一个maven项目二. 配置pom.xml文件编辑pom.xml&lt;project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org...
SpringBoot+Mysql+MyBatis+Thymeleaf+Amaze UI+ECharts
06-28
### BabyLog 岁月如风，唯有此忆。 任凭时光匆匆，记录点点滴滴。 当爸爸了，就多陪陪孩子，有事没事的记些东西，不要总把心思放在程序编码上，也多陪陪孩子！ 记录了那么多条数据，是时候，为孩子做个数据，也许将来某一天，你也会翻翻看看。 本人菜鸟一个，Java的爱好者，并非专业码农，程序问题难免，请各位大侠轻拍。 ### 介绍 本程序采用 SpringBoot+Mysql+MyBatis+Thymeleaf+Amaze UI+ECharts 等框架技术支持。 友情提示：[hutool ](https://git.oschina.net/loolly/hutool) 国产最佳Java 工具类！ BabyLog是用来记录孩子成长过程的日记，她包括：日记，语言，认知等，还包括身高，体重，并使用图表展示。 ### 预览 ![输入图片说明](https://git.oschina.net/uploads/images/2017/0622/011446_a31308f8_125848.jpeg "首页预览") ![输入图片说明](https://git.oschina.net/uploads/images/2017/0622/011519_95062e58_125848.jpeg "后台预览") ![输入图片说明](https://git.oschina.net/uploads/images/2017/0622/011721_cd764a83_125848.jpeg "在这里输入图片标题")![输入图片说明](https://git.oschina.net/uploads/images/2017/0622/011735_274869e7_125848.jpeg "在这里输入图片标题") ### 启动 建立mysql数据库，导入DOC/下的sql文件 默认管理员帐号及密码：admin
spring-boot 加 thymeleaf 加 echats
nidaye_a的专栏
12-21 425
简介      Java maven项目，spring boot + mybatis + thymeleaf + Echarts。 实现目标 可以访问html。 数据可以带入html。 数据可以在Echarts中使用。 实现步骤 1.引入依赖 &lt;properties&gt; &lt;spring-boot-version&gt;2.1.1.RELEA...
Thymeleaf 相关jar包下载指南：快速上手Thymeleaf框架
最新发布
gitblog_06521的博客
09-20 266
Thymeleaf 相关jar包下载指南：快速上手Thymeleaf框架 Thymeleaf相关jar包 项目地址: https://gitcode.com/Resource-Bundle-Collection/dd1b1 ...
SpringBoot+Thymeleaf+ECharts实现大数据可视化（基础篇）
热门推荐
邵奈一的博客
06-08 2万+
0x00 教程内容 0x01 新建SpringBoot项目 1. 新建maven工程 2. 编写HelloWorld程序代码 0x02 引入ECharts资源 1. 获取jquery与echarts资源 2. 新建ECharts模版html文件 3. 添加后台java代码 4. ECharts模版样式预览 0x03 SpringBoot整合Thymeleaf 1. 新建myECharts方法 2. 引入Thymeleaf 3. ECharts新样式预览 0xFF 总结
SpringBoot+Thymeleaf+Echarts显示图表
weixin_39309402的博客
11-29 2877
SpringBoot+Thymeleaf的配置以及依赖，前面已经讲过，这里顺便一提Thymeleaf的配置文件以及js或者css的存放位置，方便记录，我的配置文件如： #配置thymeleaf缓存开发期间先关闭，否则影响测试 spring.thymeleaf.cache=false spring.thymeleaf.prefix=classpath:/templates/ spring.mvc...
Springboot集成WebSocket+Thymeleaf+Echarts完成数据的实时推送
川子的博客
12-06 5181
完成效果图： 项目准备提要： <!-- 分页插件 --> <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <...
spring boot+thymeleaf+bootstrap实现后台管理系统界面
08-28
1. 建立Maven项目，添加相关依赖项，包括Spring Boot、Thymeleaf和Bootstrap。 2. 配置pom.xml文件，添加依赖项和属性配置。 3. 创建Thymeleaf模板文件，定义页面结构和样式。 4. 使用Bootstrap提供的UI组件，设计...
spring boot+thymeleaf+mybatis+mysql
11-18
在本项目中，"spring boot+thymeleaf+mybatis+mysql" 是一个常见的Web应用开发框架组合，尤其适合初学者快速构建基于Java的Web应用程序。以下将详细阐述这四个关键技术及其整合过程中的关键知识点。 1. Spring Boot...
Springboot+ thymeleaf开发web项目
strom_xu
02-28 589
Spring boot非常适合Web应用程序开发。您可以轻松创建自包含的HTTP应用。web服务器采用嵌入式Tomcat，或者Jetty等。大多数情况下Web应用程序将使用spring-bootstarter-web模块快速启动和运行，本文讲述springboot + thymeleaf 整合（第一次写，排版不是很好看） Thymeleaf Thymeleaf是一个Java模板引擎开发库，可以处理...
spring boot+thymeleaf项目实战
02-09
通过这个实战项目，你将能够实践如何将Spring Boot和Thymeleaf结合起来，创建一个功能丰富的Web应用，包括用户界面交互、数据展示、表单处理以及错误处理等。此外，你还能了解到如何组织项目的目录结构，以便更好地...
springboot+thymeleaf+echarts（详细教程） 前后端简单demo
yaoyulan21的博客
03-05 3950
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、创建项目 新建一个springboot项目 2.Group,Artifact可任意修改..
SpringBoot+Echarts实现可视化图表（Thymeleaf，Vue3.0两种实现）
yueyehuguang的博客
08-21 1070
ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。ECharts最初由百度团队开源，并于2018年初捐赠给Apache基金会，成为ASF孵化级项目。
SpringBoot dataJpa + thymeleaf +Mysql+ echarts 数据展示
技术无止境
11-20 3080
1.网上有很多的代码说怎么用,但是这里我还是想分享一下我的做法,非常的简单，通常去echarts官方的实例,会看到明确要求的数据格式。如下图所示: 从上图不难看出这是一对键值对的方式，如何去封装这些数据常见的方式就是用Map去封装 ,然后在用Json将封装好的Map进行Json转换。最后用model.attribute 进去。到页面 就可以使用[[${xxxxx}]]来取值，thymeleaf支...
springboot+thymeleaf打包部署到tomcat
weixin_44315761的博客
07-16 1494
1.项目pom.xml导入打包依赖 <!-- 添加一个spring boot的插件，可以通过spring boot插件来将web应用打包成一个可执行的war文件 --> <build> <finalName>greewonerp</finalName> <plugins> <plugin> <groupId>org.springframework.boot</groupId> &l
GIS项目
weixin_44560027的博客
01-17 1048
《“圳盐田区慢性病防治院系统”模块》项目研发阶段性总结 作者：张文静 本次任务完成时间：2018年12月22日～2019年1月22日 开发工具与关键技术：SuperMap/GIS MVC/#C SQL 完成模块功能：区域定位、查询搜索、路径分析、分析、其他、周边分析、最佳路径 一、功能实现 （1）区域定位主要包括所选地区的盐田区、沙头角街道、海山街道、盐田街道、梅沙街道的定位功能；和打开网格、关闭...
spring boot+thymeleaf+bootstrap 简单实现后台管理系统界面
04-21
在本项目中，我们利用Spring Boot、Thymeleaf和Bootstrap三大技术栈构建了一个简易的后台管理系统界面。Spring Boot作为现代化的Java应用开发框架，极大地简化了配置和启动流程，而Thymeleaf则是一个现代的服务器端...
SpringBoot + Thymeleaf + JPA创建一个web项目
另一个世界
08-03 2140
主体框架：SpringBoot 页面模板引擎：Thymeleaf 数据库框架：JPA 数据库：MySQL IDE：idea目录结构 启动类：名字不重要，但要在所有类的最外层。因为SpringBoot会检索启动类同级目录及下级目录中的注解，如果有带有注解的类放到了启动类的上级，会检索不到，可能造成启动错误或其他错误。 static：用来存储静态资源，路径并不唯一，可以为以下中任意一个 c
SpringBoot+Echarts
10-19
利用Echarts与Java开发的一个可视化程序样例，通过Eclipse或者IDEA打开可运行
Spring Boot—— Thymeleaf （gradle） 的简单使用
Thancks
12-05 9642
最近项目用到了Spring Boot ，但是在控制器返回html视图并渲染参数的时候，存在了疑问。后面考虑用Thymeleaf ，感觉真的不错~，下面分享给大家总共四步：jar 引入 、控制器参数传递  、 html标签引入 、 Thymeleaf 缓存设置一、相关Jar的引用1、maven的引用方式： org.springframework.boot spring-boot-star
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值