谷粒商城高级篇01(环境搭建nginx)
我们高级篇篇02介绍了获取三级前端三级分类,这里进行补充,nginx动静分离,前端页面渲染thymeleaf等…
1.thymeleaf
首先喃,这个前端框架确实是一个很老的东西了,现在基本是nuxt,vue,react等热门框架了,这个也只是给大家熟悉的,重点是后端哟。
1.1.依赖的引入
<!-- 引入thymeleaf-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
1.2.配置
去除缓存,并且引入devtools来进行重构,因为前端页面需要经常修改,如果每次都重启是很消耗时间的
# 关闭缓存 能进行实时的更新
spring:
thymeleaf:
cache: false
引入devtools
optional一定要设置为true
<!--这个就是实现我们的thymeleaf进行实时更新的 就不用每次都要进行重新启动项目号-->
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-devtools</artifactId>
<optional>true</optional>
</dependency>
我们只要对前端进行了修改就可以使用
CTRL + F9 # 来进行快速重构
1.3.使用
引入thymeleaf后我们就可以导入前端页面了
然后就可以直接启动我们这个服务。
这个服务对应的端口就是我们页面的显示,
如果没有读取到资源,就进行下面读取路径的设置
spring:
mvc:
static-path-pattern: /static/**
# 设置读取静态资源的路径
2.nginx的动静分离
由于雷神用的是自己的虚拟机,而我用的是云服务器,就导致了一个什么问题喃,雷神的两个都是内网,可以互相监听,而我的一个是内网,一个是外网,不能进行监听,如果想要使用云服务器的话可以去csdn上搜P139nginx内网穿透,就可以使用云服务器来进行内网的代理,而我确实不想这么麻烦于是,我下了一个小皮,说白了就是使用了这,说白了还是本地使用nginx来实现动静分离。
但是这里有注意,我们还要开启小皮的nginx但是我们要使用Apache的因为我们在小皮开启nginx的话需要监听,然后我们本地还要开启一个开启两个nginx可能会发生冲突,我们就要使用Apache,并且修改一个端口,因为nginx和Apache都是使用的80的端口,
2.1.原理
小皮开启Apache是因为要跑那个lemon.com的网站,不然lemon.com的网站都打不开,本地开启nginx使用来监听lemon.com这个域名的变化的,来进行路由的截取。
这样我们的lemon.com就跑起来了
2.2.本地nginx的配置
我们的lemon.com是本地的80端口
于是我们nginx里面监听的端口也是80端口
域名就是lemon.com
监听到以后进行反向代理
使用命令开启本地nginx
start nginx.exe