day07 thymeleaf渲染页面nginx搭建域名

最新推荐文章于 2024-06-27 10:38:46 发布

JustMove0n

最新推荐文章于 2024-06-27 10:38:46 发布

阅读量453

点赞数

分类专栏：谷粒商城文章标签： nginx 前端 java

本文链接：https://blog.csdn.net/weixin_53060535/article/details/127030665

版权

谷粒商城专栏收录该内容

23 篇文章 0 订阅

订阅专栏

本文介绍了在实际工作中为何选择使用Thymeleaf而非Vue进行前端渲染，并详细阐述了如何整合SpringBoot与Thymeleaf，包括引入依赖、配置和创建页面。同时，展示了如何实现动态查询数据库获取分类数据的接口。此外，还讲解了通过Nginx搭建域名访问环境，包括安装Nginx、配置反向代理和解决请求Host丢失问题的过程。

摘要由CSDN通过智能技术生成

1.整合thymeleaf渲染页面

1.为什么不使用vue前端后分离？

因为使用thymeleaf能知道更多的业务细节，但是这个技术很老实际工作都不用了，仅为了学习。

2.如何使用？

官网链接：https://www.thymeleaf.org/

整合springboot

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

直接导入提供的资料到resources目录下
- 注意：整合thymeleaf后默认访问templates包下的.hmtl文件
效果

3.完成页面分类接口

目前页面上所显示的分类都是写死的，需要动态查询db获取数据

第一个接口查询一级分类

返回index会去tempates下找index.html文件

   @GetMapping(value = {"/", "index.html"})
    private String indexPage(Model model) {
        //1、查出所有的一级分类
        List<Category> categoryEntities = categoryService.list(Wrappers.<Category>lambdaQuery().eq(Category::getParentCid,0));
        model.addAttribute("categories", categoryEntities);
        return "index";
    }

热部署修改页面后可以不用重启

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

查询二三级分类

2.nginx搭建域名访问环境

现在我想通过dreammall.com就能访问页面，而不是ip地址需要怎么做呢？
```
1.sudo vi /etc/hosts
设置 127.0.0.1 dreammall.com
```
输入dreammall.com发送给nginx，由nginx反向代理给网关，由网关再路由给微服务

安装nginx

brew install nginx 
# nginx安装路径
/opt/homebrew/etc/nginx


1.启动服务：sudo nginx
2.停止服务：sudo nginx -s stop

配置nginx反向代理给网关
- nginx.conf设置上游服务器（可做负载均衡）
- mkdir conf.d 下的dreammall.conf配置设置反向代理给upstream
- 网关yml设置路由给微服务
```
        - id: dreammall-host-route
          uri: lb://dreammall-product
          predicates:
            - Host=**.dreammall.com,dreammall.com
```
- 浏览器输入dreammall.com发现404
- 这是因为nginx代理给网关时，丢失了请求host的信息，导致网关没有拦截到,需要重新设置host信息