Springboot入门 搭建（Springboot+tomcat+html）项目

已于 2023-04-15 17:14:28 修改
阅读量1.2k 收藏 3
点赞数 1
文章标签： spring boot
于 2023-04-15 17:13:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37209658/article/details/130171398
版权

Springboot入门 搭建（Springboot+tomcat+html）项目

一、Springboot项目创建

1、点击 File > New > Project

在这里插入图片描述

2、选择Spring lnitializr

选择maven，选择jdk，根据自己需求选择打包方式，然后点击next在这里插入图片描述

3、选择需要得jre包

SpringbootDevtools、SpringWeb
![在这里插入图片描述](https://img-blog.csdnimg.cn/1ee2fea98ff149d7bcf6f0d9a44003cb.png

4、修改pom.xml文件

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

二、配置yml文件

1、可以右键把properties修改成yml，或者直接删除添加yml文件

在这里插入图片描述

2、配置 thymeleaf、静态文件

spring:
  #配置视图文件
  thymeleaf:
    mode: HTML
    cache: false
    prefix: classpath:/templates/
    suffix: .html
    encoding: UTF-8
    servlet:
      content-type: text/html
  #配置静态文件
  mvc:
    static-path-pattern: /static/**

三、添加路径访问工具类

1、添加一个Controller文件夹，创建一个RoutingPage文件


package com.example.demo.Controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.servlet.ModelAndView;

import java.util.Map;

/**
 * 配置路由
 */
@Controller
public class RoutingPage {
    /**
     * 首页访问
     * @return
     */
    @RequestMapping(value = {"/","/index"})
    public ModelAndView main(){
        ModelAndView index = new ModelAndView("index");
        return index;
    }

    /**
     * 单路径
     * @param name 文件名
     * @return
     */
    @RequestMapping( value = "/{name}")
    public ModelAndView router(@PathVariable String name){
        return new ModelAndView(name);
    }

    /**
     * 双路径
     * @param fist 文件夹
     * @param second 文件名
     * @param m
     * @return
     */
    @RequestMapping(value = "/{fist}/{second}")
    public ModelAndView route2(@PathVariable String fist, @PathVariable String second, @RequestParam Map m){
        final String view = fist+"/"+second;
        return new ModelAndView(view);
    }
}

四、添加tomcat

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

五、在templates文件夹中添加一个index.html页面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h1>这是Index页面</h1>
</body>
</html>

六、启动项目是遇到得错误。

在这里插入图片描述

按我自己得理解应该是springboot版本不兼容，所以报错了。
最后我是把springboot版本改成了2.7.5再启动就可以了
在这里插入图片描述
今天知识就分享到这了，希望能帮助到您！！

阿小啊
关注
springboot+html
08-28
springboot+html实现前端门户网站，高端大气上档次，idea环境直接运行
springboot项目添加html
xiejunna的博客
05-28 5727
1.application.yml 配置 spring: thymeleaf: prefix: classpath:/templates/ suffix: .html mode: LEGACYHTML5 cache: false server: port: 29000 2.pom.xml配置 <!--支持跳转,springboot推荐使用thym...
Java中springboot搭建html
OGgBoom的博客
07-05 2940
Spring Boot简化了开发人员对Spring框架的应用程序的搭建和配置过程，提供了一套简单易用的开发工具和规范，使开发人员能够更专注于业务逻辑的开发，而无需过多关注繁琐的配置和细节。
SpringBoot项目创建和HTML语法
aiheshuicxy的博客
11-22 2636
SpringBoot项目注意点
Java:创建一个SpringBoot架构，并尝试访问一个简单的HTML页面：Hello HTML.创建SpringBoot的基本教程；新手看了也会了！***
最新发布
m0_70630103的博客
06-21 1414
创建SpringBoot的基本教程；新手也会。
springboot+css+js+html Demo
01-20
SpringBoot旨在简化Spring应用的初始搭建以及开发过程，它通过内嵌Tomcat服务器、自动配置Spring框架及其他依赖，使得开发者可以快速地启动和运行项目，无需过多关注底层配置。 在创建SpringBoot项目时，我们需要...
SpringBoot最详细入门教程+代码+笔记+视频
01-09
SpringBoot是Java开发领域的一款热门框架，由Pivotal团队创建，旨在简化Spring应用的初始搭建以及开发过程。它的核心特性包括敏捷开发、内置Tomcat容器、无XML配置、注解驱动开发等，使得开发者可以更专注于业务逻辑...
springboot+mybatis+druid+mysql
04-16
SpringBoot简化了Spring应用的初始搭建以及开发过程，MyBatis是一个轻量级的持久层框架，Druid则是一个优秀的数据库连接池，而MySQL是最常用的关系型数据库之一。 【描述】提及的"boot入门级，版本2.0.1"是指...
SpringBoot快速入门（解析+入门案例源码实现）
zzvar的博客
06-22 5463
SpringBoot入门 一、SpringBoot 概念 SpringBoot其实不是一个新的框架，而是对Spring的补充、改善和优化。基于约定优于配置的思想，可以让开发人员不必在配置与逻辑业务之间进行思维的切换，全身心的投入到逻辑业务的代码编写中，从而大大提高了开发的效率，一定程度上缩短了项目周期。 二、JavaConfig 入门 1. JavaConfig 概念 java config 是指基于java配置的 spring，简单来说 javaconfig 就是使用 java 注解替换原来的 xml 配
springboot学习--maven+springboot项目搭建
Destiny宿命的博客
01-25 1607
一、简介 1.springboot Spring Boot使您可以轻松创建独立的生产级基于Spring的应用程序，您可以“运行”。我们对Spring平台和第三方库有自己的看法，所以你可以从最小的麻烦开始。大多数Spring Boot应用程序只需要很少的Spring配置。 特征 创建独立的Spring应用程序 直接嵌入Tomcat，Jetty或Undertow（无需部署W...
spring boot 静态html demo
12-05
帮朋友写的一个最简单的demo，使用http://127.0.0.1:8080/upload/upload 访问
SpringBoot+HTML+ Mybatis 简单三级联动
qq_64688786的博客
11-22 1122
SpringBoot+HTML+ Mybatis 简单三级联动
SpringBoot+html+vue模板开发
我从不打没有准备的仗！
11-29 1141
SpringBoot+html+vue模板开发备忘录
Springboot 整合 html
beyourself
07-26 2859
Springboot 整合 html，有些小伙伴们参与的项目不是前后端分离的，或者需要一些中转页去做，jsp的方式之前分享过了，现在分享一下html标签的方式。 项目下载地址：https://download.csdn.net/download/qq_27535933/11435600 博客地址：https://blog.csdn.net/qq_27535933/article/details/...
SpringBoot 整合HTML
weixin_44175058的博客
04-06 6188
SpringBoot 整合HTML 解释： springBoot可以结合thymeleaf模版来整合HTML，使原生的的HTML作为视图 Thymeleaf模版是面向WEB和独立环境的java模版引擎，能够处理css, html,xml,javascript 等。 <P th:text="${message}"></P> //用Thymeleaf模版展示数据在页面的p标签内 1.pom.xml <?xml version="1.0" encoding="UTF-8"?&gt
springboot项目怎么部署html,使用spring-boot部署自己的第一个web项目
weixin_30978427的博客
06-15 606
构建项目2、获取一个项目压缩包，导入IDE中pom文件org.springframework.bootspring-boot-starterorg.springframework.bootspring-boot-starter-aoporg.springframework.bootspring-boot-starter-jdbcorg.springframework.bootspring-boot...
spring boot配置tomcat部署（12.24修改）
凌大大的博客
11-03 4601
spring boot本身默认为jar包运行，可以改为war包，然后运行在tomcat里具体修改的步骤如下：1.在pom.xml文件里添加需要的依赖：<dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>
Spring Boot进阶(51)：如何在Spring Boot项目中轻松集成HTML：让你的应用更具吸引力！
**My Coding Family**
06-15 1943
一文教你如何在Spring Boot项目中集成HTML静态页面，非常详细具体。
Springboot整合html页面
web15085599741的博客
08-24 3844
5、跳转时后端传输数据到页面，方法使用model参数，model参数的使用情况与request/response一样，不接受任何参数，只是需要在方法中调用。这里的页面跳转与地址重定向只说return方式的，不考虑response或者其他方式的。注：这种在后端使用model传输数据到页面的形式，并不适合前后端分离的情况。（xxx 是页面文件的名称）前端页面显示model中的数据：${xxx}
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值