我们创建一个controller去跳转到主页:
运行:
我们跳转到了主页,但是我们发现是有一些问题的,我们的css样式文件没有产生作用。
我们去处理一下:
我们在我们之前提到过的自定义视图类中可以自定义视图跳转路径:
也可以访问首页,所以我们的公共资源可以在自定义视图解析器中配置。
我们可能需要关闭模板引擎的缓存:
再去运行:
我们的css样式就出来了。
我们还要把图片加载出来:
刷新一下页面:
我们用同样的方式去修改其他页面,我们本地的设置要改,但是如果不是我们本地的地址就不要去改了。
我们用@{url}这种方式有什么好处呢:
当我们去改变它的路径的时候,我们不需要再去修改我们的前端页面:
首页配置:注意点所有页面的静态资源都需要使用thymeleaf接管 @{url}
员工管理系统-------国际化页面国际化是什么意思呢?
我们可以看到这里有个中英文切换,我们可以随意选择中文或者英文来显示页面中的文字,这就叫做国际化。
首先我们要保证我们这里的编码全部都是utf-8格式的,不然之后我们写的东西可能会发生乱码。
我们可以在我们的idea中配置一个文件去控制:
打开这三个文件后:
我们可以可视化去同时编辑三个文件中的内容:
我们怎么把这三个文件和我们的spring匹配在一起呢?
我们的thymeleaf中规定前端页面要用#{}
所以我们要去修改前端:
我们先去让默认为中文,我们现在的页面默认是英文:
修改后显示乱码
是因为我们i18n的位置放的不对:
我们把它放到resources下而不应该是resources下的resources目录中。
再运行一下:
我们发现按钮没有变成中文,再改一次:
一般标签如果是input类型的就添加th:value其他的用th:text
我们现在初始化设置为中文了,但是我们还想实现的是我们点击中文就显示中文,点击英文就显示英文。
官方针对国际化有实现这个功能的说明。
这里我们要写一个自己的国际化解析器:
我们之前在提到自定义视图解析器的时候说过我们想把我们自己创建的类生效去覆盖springboot自身原有的类,我们应该用@Bean注解把它注入到spring中去。
我们去运行一下:
当我们点击English按钮时:
页面国际化:
1.我们需要配置i18n文件
2.如果我们需要在项目中进行按钮自动切换,我们需要自定义一个组件LocaleResolver
3.记得将自己写的组件配置到spring容器@Bean
4.前端thymeleaf获取值用#{}



