![名师讲坛:Java微服务架构实战(SpringBoot+SpringCloud+Docker+RabbitMQ)](https://wfqqreader-1252317822.image.myqcloud.com/cover/154/29977154/b_29977154.jpg)
上QQ阅读APP看书,第一时间看更新
3.3 Thyemeleaf静态资源
在进行Web信息显示的过程中,除了可以配置动态显示页面之外,也可以配置静态资源(如*.html、*.css、*.js等)。对于静态资源,要求其必须放在源文件夹的static目录中。本项目的页面结构如图3-4所示。
![](https://epubservercos.yuewen.com/688FD1/16499866904818506/epubprivate/OEBPS/Images/Figure-P41_2123.jpg?sign=1739133855-dFK3DpGC08DwOwhh6hLMn0eZ2ea2j1rO-0-565fbdc69658232b4449b7973f6700de)
图3-4 项目结构
1.【mldnboot-thymeleaf项目】建立项目所需要的CSS样式文件以及JS脚本文件。
![](https://epubservercos.yuewen.com/688FD1/16499866904818506/epubprivate/OEBPS/Images/Figure-P42_10894.jpg?sign=1739133855-Fv0MSq8IQq3BsKFPgnGkLKDOk6wWMpi2-0-111ea1d9953818a17e920f5d36ef4e6a)
messge_index.js文件的主要功能是在控制台进行提示信息输出。
2.【mldnboot-thymeleaf项目】在src/main/view/static目录下建立message_index.html页面。
![](https://epubservercos.yuewen.com/688FD1/16499866904818506/epubprivate/OEBPS/Images/Figure-P42_10896.jpg?sign=1739133855-bH5mmWHsocVA6TR3ktAp9P3zDuBo9hbp-0-f80d7b237a242d0963ccb7a4f7f65d8a)
本程序修改了页面运行的icon图标,并且引入了相应的静态资源,页面运行效果如图3-5所示。
![](https://epubservercos.yuewen.com/688FD1/16499866904818506/epubprivate/OEBPS/Images/Figure-P42_2141.jpg?sign=1739133855-rQogznvsRWBpQjlzTcu0ClMUNoYYOgi5-0-9fedd4a2bfcf6409ce75a7977638a878)
图3-5 Thymeleaf静态页面