springboot后端thymeleaf页面静态化

最新推荐文章于 2024-02-28 22:24:18 发布
最新推荐文章于 2024-02-28 22:24:18 发布
阅读量271 收藏
点赞数
文章标签： spring boot java spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51297617/article/details/120639686
版权

前端静态页面+springboot（springboot后端thymeleaf页面静态化）

结构：
在这里插入图片描述

1.pom

<?xml version="1.0" encoding="UTF-8"?>
<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>com.like.demo</groupId>
    <artifactId>like-test</artifactId>
    <version>1.0-SNAPSHOT</version>
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.3.2.RELEASE</version>
    </parent>
    <dependencies>
        <!--pojo-->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version> 1.18.8 </version>
        </dependency>

        <!--mybatis-plus dependency-->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>3.4.2</version>
        </dependency>

        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-jdbc</artifactId>
        </dependency>
				//注意需要下面thymeleaf dependency
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-thymeleaf</artifactId>
        </dependency>
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <version> 5.1.46 </version>
        </dependency>
    </dependencies>
</project>

2.yml

server:
  port: 9001
spring:
  application:
    name: test

#地址 后缀
  thymeleaf:
    prefix:  "classpath:/static/"
    suffix: ".html"

  datasource:
    driver-class-name: com.mysql.jdbc.Driver
    url: jdbc:mysql://localhost:3306/like_db?useUnicode=true&useSSL=false&characterEncoding=UTF-8&serverTimezone=UTC
    username: root
    password: 1234

mybatis-plus:
  configuration:
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl  # 打印sql

3.注意resoure/static/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>静态页面的访问</title>
    <style>
        .liked {
            background: deeppink;
        }
    </style>
</head>

<body>
静态页面
<a href="http://localhost:9001/like/list">点赞</a>
<a href="http://localhost:9001/like/list/20" class="liked">点赞</a>
</body>
<script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>


<script>


</script>

</html>

4.controller

package com.like.test.controller;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.toolkit.Wrappers;
import com.like.test.pojos.Like;
import com.like.test.service.LikeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.*;

import java.util.List;


@Controller
@RequestMapping("like")
public class LikeController {

    @Autowired
    LikeService likeService;

    @GetMapping("/list")
    public String list() {
        List<Like> list = likeService.list();
        System.out.println("list = " + list);
        return "index";
    }

    @PostMapping("/list")
    @ResponseBody
    public String list2() {
        List<Like> list = likeService.list();
        System.out.println("list = " + list);
        return list.toString();
    }

    @GetMapping("/list/{like_count}")
    @ResponseBody
    public String listByLike_Count(@PathVariable Integer like_count) {
        Like like = new Like();
        like.setCommentId(11);
        like.setLikeCount(like_count);
        likeService.save(like);
        List<Like> list = likeService.list();
        return list.toString() + like_count.toString();
    }
}

5.service

package com.like.test.service;

import com.baomidou.mybatisplus.extension.service.IService;
import com.like.test.pojos.Like;

public interface LikeService extends IService<Like> {

}

6.serviceImpl

package com.like.test.service.impl;

import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.like.test.mapper.LikeMappper;
import com.like.test.pojos.Like;
import com.like.test.service.LikeService;
import org.springframework.stereotype.Service;

@Service
public class LikeServiceImpl extends ServiceImpl<LikeMappper, Like> implements LikeService {
}

7.mapper

package com.like.test.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.like.test.pojos.Like;

public interface LikeMappper extends BaseMapper<Like> {
}

8.pojos

package com.like.test.pojos;


import com.baomidou.mybatisplus.annotation.IdType;
import com.baomidou.mybatisplus.annotation.TableField;
import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;

import java.io.Serializable;


@Data
@TableName("tb_like")
public class Like implements Serializable {

    @TableId(value = "id", type = IdType.AUTO)
    private Integer id;

    @TableField("comment_id")
    private Integer commentId;

    @TableField("user_id")
    private Integer userId;

    @TableField("like_count")
    private Integer likeCount;


    public Integer getCommentId() {
        return commentId;
    }

    public void setCommentId(Integer commentId) {
        this.commentId = commentId;
    }

    public Integer getUserId() {
        return userId;
    }

    public void setUserId(Integer userId) {
        this.userId = userId;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public Integer getLikeCount() {
        return likeCount;
    }

    public void setLikeCount(Integer likeCount) {
        this.likeCount = likeCount;
    }
}

package com.like.test.pojos;

import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;

import java.io.Serializable;

@Data
@TableName("tb_user")
public class User implements Serializable {

    @TableId
    private  Integer id;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }
}


package com.like.test.pojos;

import com.baomidou.mybatisplus.annotation.TableId;
import com.baomidou.mybatisplus.annotation.TableName;
import lombok.Data;

import java.io.Serializable;

@Data
@TableName("tb_comment")
public class Comment implements Serializable {

    @TableId
    private Integer id;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }
}

9.启动类

package com.like.test;

import com.baomidou.mybatisplus.extension.plugins.MybatisPlusInterceptor;
import com.baomidou.mybatisplus.extension.plugins.inner.PaginationInnerInterceptor;
import org.mybatis.spring.annotation.MapperScan;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.context.annotation.Bean;


@SpringBootApplication
@MapperScan("com.like.test.mapper")
public class LikeApplication {
    public static void main(String[] args) {
        SpringApplication.run(LikeApplication.class);
    }


    /**
     * mp分页插件*****
     * @return
     */
    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor() {
        MybatisPlusInterceptor interceptor = new MybatisPlusInterceptor();
        interceptor.addInnerInterceptor(new PaginationInnerInterceptor());
        return interceptor;
    }
}

10.sql

INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (1, 10, 100, 0);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (2, 11, null, 11);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (4, 11, null, 10);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (5, 11, null, 10);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (6, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (7, 11, null, 1);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (8, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (9, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (10, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (11, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (12, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (13, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (14, 11, null, 12);
INSERT INTO like_db.tb_like (id, comment_id, user_id, like_count) VALUES (15, 11, null, 20);



INSERT INTO like_db.tb_comment (id) VALUES (10);

INSERT INTO like_db.tb_user (id) VALUES (100);
INSERT INTO like_db.tb_user (id) VALUES (null);

总结：
1.依赖thmyself
2.yml里面配置位置
3.controller里面的要用@controller，可以返回页面，@restcontroller默认返回得是json到页面（数据），（restcontroller会报错）
用@controller时，类里面的方加@responseBaby就可以返回json

资源：
https://download.csdn.net/download/weixin_51297617/29113253

weixin_51297617
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
SpringBoot中如何通过thymeleaf实现HTML页面静态化
我能在河边钓一整天的鱼
02-18 2729
目录 为啥要静态化 Thymeleaf的重要概念 实现页面静态化 1.新建一个Service 2.调用静态化HTML页面的方法 3.配置nginx 4.重启 5.查看效果 为啥要静态化 对于电商网站来说，商品页面每时每刻都会有大量的用户流量，每个用户在当前浏览的页面就可能会有几十张图片，而且经常会需要动态加载，所以我们就想用静态化提高页面访问速度。 那用...
springboot整合thymeleaf模板
02-17
Thymeleaf是一款现代化的服务器端HTML模板引擎，它支持静态HTML模板，在运行时解析为实际的动态内容。Thymeleaf的语法简洁且直观，与HTML代码紧密融合，使得开发者可以在设计时预览页面，而不需要浏览器来解析动态...
springboot页面静态化-Thymeleaf
12-05
springboot的页面静态化，使用Thymeleaf技术，完成一个很小的demo，就是普通的遍历，其他没有增加，需要网站学习新的标签完成
thymeleaf页面静态化springboot
10-29
thymeleaf页面静态化，springboot和springcloud官方推荐使用
SpringBoot中Thymeleaf实现静态化
tlovet_1314的博客
04-09 905
1.什么是静态化 静态化就是我们把Thymeleaf渲染后的页面转变成静态页面,并且保存起来,用户每次访问的都是已经存在的静态页,数据库的查询压力也就小了,就比如商品详情页,只要商品的信息没有改变,无论是哪个用户查询的结果都是一样的,所以商品的详情页,完全可以静态化,事实上电商网站也是这样做的 2.如何实现静态化 目前，静态化页面都是通过模板引擎来生成，而后保存到nginx服务器来部署。常用的模板...
springboot + Thymeleaf页面模板标签生成静态页面
cafelication的专栏
09-12 2888
时值中秋，每逢佳节倍思亲；思乡之情怎一句每逢佳节倍思亲所能形容的，也许久没有写blog了，前段时间由于其他原因，状态一直不好，现在调整了一下，整理一下，把之前用到的东西记录一下。最近在搞一个博客系统，由于pv，uv比较高，各方面综合考虑，准备用静态页面思路来实现这个功能。 下面就详细介绍下： spring页面模板引擎常用的有freemarker， jsp 以及 thymeleaf，其中thym...
SpringBoot解决整合thymeleaf静态资源以及没有整合时都无法访问的尝试
01-08
本来今天写的JS代码就看不太懂，结果后端静态资源映射又出现问题了。以为是路径扫描错误或者是拦截器拦截了，没有配置拦截器，所以以为是路径扫描错误所以这样进行了重新配置： /** * 映射静态资源 */ //@...
SpringBoot加Thymeleaf模板
05-31
SpringBoot与Thymeleaf模板的整合是现代Java Web开发中的常见实践，它极大地简化了前端展示和后端逻辑的交互。SpringBoot以其简洁的配置和开箱即用的特性深受开发者喜爱，而Thymeleaf则是一款强大的服务器端模板引擎...
【SpringBoot学习】15、SpringBoot 使用 Thymeleaf 实现页面静态化
Tellsea
05-08 9626
什么是静态化 静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。 而静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。 如何实现静态化 目前，静态化页面都是通过模板引擎来生成，而后保存到nginx服务器来部署。常用的模板引擎比如： Freemarker Velocity Thymeleaf 我们之前...
springboot test测试类_畅游Spring Boot系列 — Spring Boot 静态资源
weixin_39972777的博客
11-26 172
使用Spring Boot创建一个Web工程,那至少应该可以先访问一个HTML页面吧,那么问题来了,在Spring Boot工程中,我们的静态资源文件应该放在哪里呢?注意我这里的所说的静态资源是哪些呢?首页自己的HTML,CSS和JS文件引用的外部的CSS,JS或者HTML文件favicon.ico模板文件其实,与其说在Spring Boot工程中这些文件该放在哪里,不如说Spring Boot的...
springboot 页面静态化
weixin_43931625的博客
08-20 2794
springboot 页面静态化
页面静态化实现（springBoot）
haobo__的博客
05-07 1206
文章目录常用的模板引擎：Thymeleaf实现静态化用法Thymeleaf具体用法使用rabbitmq实现修改 删除静态页面 常用的模板引擎： ​ Freemarker ​ Velocity ​ Thymeleaf Thymeleaf实现静态化用法 Context：运行上下文 （保存数据） TemplateResolver：模板解析器（用来读取模板相关的配置，例如：模板存放的位置信息，模板文件名称，模板文件的类型等等） TemplateEngine：模板引擎 （模板） templa
SpringBoot整合Thymleaf实现页面静态化
haidi8
02-06 1112
静态化是指把动态生成的HTML页面变为静态内容保存，以后用户的请求到来，直接访问静态页面，不再经过服务的渲染。而静态的HTML页面可以部署在nginx中，从而大大提高并发能力，减小tomcat压力。ThymeleafContext：运行上下文：模板解析器：模板引擎ContextThymeleaf模板中的上下文： 用来保存模型数据，当模板引擎渲染时，可以从Context上下文中获取数据用于渲染。当与结合使用时，我们放入Model的数据就会被处理到Context，作为模板渲染的数据使用。
Springboot 集成freemarker页面静态化
axibazZ的博客
09-23 337
页面静态化在一些大流量场景应用很多，需要学一下，各位快去学一下吧。二、配置application.yml。
基于SpringBoot和Freemarker的页面静态化
flash_love的博客
08-14 1308
页面静态化能够缓轻数据库的压力，还能提高页面的并发能力，但是网页静态化是比较适合大规模且相对变化不太频繁的数据。页面静态化在实际应用中还是比较常见的，比如博客详情页、新闻网站或者文章类网站等等。这类数据变化不频繁比较适合静态化页面。该篇博客就是介绍博客详情页的页面静态化输出。
SpringBoot2 整合FreeMarker模板，完成页面静态化处理
【积累】，是一个长期持续的过程。
07-20 1999
即静态网页，指已经装载好内容HTML页面，无需经过请求服务器数据和编译过程，直接加载到客户浏览器上显示出来。通俗的说就是生成独立的HTML页面，且不与服务器进行数据交互。指跟静态网页相对的一种网页编程技术，页面的内容需要请求服务器获取，在不考虑缓存的情况下，服务接口的数据变化，页面加载的内容也会实时变化，显示的内容却是随着数据库操作的结果而动态改变的。动态页面和静态页面有很强的相对性，对比之下也比较好理解。...
springboot集成freemarker，生成静态化页面
最新发布
PiggyOne123的博客
02-28 1490
FreeMarker 是一款模板引擎： 即一种基于模板和要改变的数据， 并用来生成输出文本(HTML网页，电子邮件，配置文件，源代码等)的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。模板编写为FreeMarker Template Language (FTL)。它是简单的，专用的语言，不是像PHP那样成熟的编程语言。那就意味着要准备数据在真实编程语言中来显示，比如数据库查询和业务运算， 之后模板显示已经准备好的数据。
【SpringBoot商城秒杀系统项目实战18】页面优化技术-商品详情页面静态化（前后端分离）
pitt1997的博客
05-29 2477
页面静态化 前后端分离 1. 常用技术AngularJS、Vue.js 2. 优点：利用浏览器的缓存 本文只是简单的实现页面静态化： 将页面直接缓存到用户的浏览器上面，好处：用户访问数据的时候，不用去请求服务器，直接在本地缓存中取得需要的页面缓存。 未作页面静态化：请求某一个页面，访问缓存，查看缓存中是否有，缓存中有直接返回，缓存中没有的话，将数据渲染到html页面再存到缓存，再将整个html页面...
springboot Freemarker静态化页面生成并通过注解方式刷新
Chioce的博客
07-26 362
springboot Freemarker静态化页面生成并通过注解方式刷新
springboot登录静态页面
05-26
首先，在Spring Boot中，静态页面应该放在`src/main/resources/static`目录下。 其次，为了实现登录功能，您需要使用一个表单来收集用户的用户名和密码，并将这些信息提交到后端。以下是一个简单的示例： ```html ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

weixin_51297617

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值