前言 在一个Web应用中，通常会采用MVC设计模式实现对应的模型、视图和控制器，其中，视图是用户看到并与之交互的界面。对最初的Web应用来说，视图是由HTML元素组成的静态界面；而后期的Web应用更倾向于使用动态模板技术，从而实现前后端分离和页面的动态数据展示。Spring Boot框架为简化项目的整体开发，提供了一些视图技术支持，并主要推荐整合模板引擎技术实现前端页面的动态化内容。本文对SpringBoot常用的Thymeleaf进行整合。Thymeleaf基本语法 Thymeleaf是一种现代的基于服务器端的Java模板引擎技术，也是一个优秀的面向Java的XML、XHTML、HTML5页面模板，它具有丰富的标签语言、函数和表达式，在使用Spring Boot框架进行页面设计时，一般会选择 Thymeleaf模板。我们在这里学习Thymeleaf 常用的标签、表达式。常用标签标签 Thymeleaf标签 th：标签 说明 th:insert 页面片段包含（类似JSP中的include标签） th:replace 页面片段包含（类似JSP中的include标签） th:each 元素遍历（类似JSP中的c:forEach标签） th:if 条件判断，条件成立时显示th标签内容 th:unless 条件判断，条件不成立时显示内容 th:switch 条件判断，进行选择性匹配 th:case th:switch分支，选择的元素 th:object 用于替换对象 th:with 用于定义局部遍历 th:attr 用于属性修改 th:attrprepend 通用属性修改，将计算结果追加前缀到现有属性值 th:attrappend 通用属性修改，将计算的结果追加后缀现有属性值 th:value 属性值修改，指定标签属性值 th:href 用于设定链接地址 th:src 用于设定链接地址 th:text 用于指定标签显示文本内容 th:utext 用于指定标签显示内容，对特殊标签不转译 th:fragment 声明片段 th:removve 移除片段如何使用标签 使用标签只需要加上一个命名空间就可以了。 即修改原html的第二行就可以了。复制代码123456789101112131415161718HTMLGood Thymes Virtual Grocery Welcome to our grocery store! 标准表达式 表达式 说明 ${..} 变量表达式 *{..} 选择变量表达式 #{..} 消息表达式 @{..} 链接URL表达式 ~{..} 片段表达式变量表达式 变量表达式${..}主要用于获取上下文中的变量值，示例代码如下。 这是标题 - 使用了Thymeleaf模板的变量表达式${..}用来动态获取p标签中的内容 - 如果当前程序没有启动或者当前上下文中不存在title变量，该片段会显示标签默认值＂这是标题＂； - 如果当前上下文中存在title 变量并且程序已经启动，当前p标签中的默认文本内容将会被tite变量的值所替换，从而达到模板引擎页面数据动态替换的效果。 Thymeleaf为变量所在域提供了一些内置对象 内置对象 说明 #ctx 上下文对象 #vars 上下文变量 #locale 上下文区域设置 #request (仅限 Web Context)HttpServletRequest 对象 #response (仅限Web Context)HttpServletResponse 对象 #session 仅限Web Context) HttpSession对象 #servletContext (仅限 Web Context)ServletContext 对象 结合上述内置对象的说明，假设要在Thymeleaf模板擎页面中动态获取当前国家信息，可以使用#locale内置对象复制代码1LANGUAGE-BASHChina 选择变量表达式 选择交量表达式和变量表达式用法类似，一般用于从被选定对象而不是上下文中获取属性值，如果没有选定对象，则和变量表达式一样，示例代码如下。复制代码12345LANGUAGE-XML
Name: Sebastiahk
username:Pepper
Nationality:Saturn. ${#object.firstName}变量表达式使用Thymeleaf模板提供的内置对象object获取当前上下文对象中的frstName属性值； {session.user.lastName}变量表达式获取当前user对象的lastName属性值；*{nationality}选择变量表达式获取当前指定对象user的nationality属性值。消息表达式 消息表达式#{..}主要用于Thymeleaf模板页面国际化内容的动态替换和展示。使用消息表这式#{..}进行国际化设置时，还需要提供一些国际化配置文件。关于消息表达式的使用，下文写国际化时会详细说明。链接表达式 链接表达式@{..}一般用于页面跳转或者资源的引入，在Web开发中占据着非常重要的地位，并且使用也非常频繁。复制代码12LANGUAGE-BASHview view @{..}分别编写了绝对链接地址和相对链接地址。在有参表达式中，需要按照@(路径(参数名称=参数值.参数名称=参数值..))的形式编写，同时该参数的值可以使用变量表达式来传递动态参数值。片段表达式 片段表达式~{..}是一种用来将标记片段移动到模板中的方法。其中，最常见的用法是使用th:insert或th:replace 属性插入片段复制代码1LANGUAGE-CSS th:insert属性将title片段模板引用到该标签中。thymelcafDemo为模板名称，Thymeleal会自动查找＂classpathy/resources/templates/＂目录下的thymeleaDemo模板，title为声明的片段名称。Thyemleaf基本使用静态资源访问 Spring Boot默认设置了静态资源的访问路径，默认将/**所有访问映射到以下目录。classpath:/META-INF/resources/:项目类路径下的META-INF文件夹下的resources文件夹下的所有文件。classpath:/resources/：项目类路径下的resources文件夹下的所有文件。classpath:/static/：项目类路径下的static文件夹下的所有文件。classpath:/public/：项目类路径下的public文件夹下的所有文件。Spring Initializr 方式创建的 Spring Boot 项目会默认生成一个 resources目录，在resources目录中新建public、resources、static3个子目录，Spring Boot默认会依次从public、resources、static里面查找静态资源。Thymeleaf页面展示 我们创建一个springboot项目用于本次实验。项目名为springboot_01_thyme。java8，springboot2.6.6导入Thymeleaf依赖复制代码1234LANGUAGE-XML
编写配置文件复制代码12345678LANGUAGE-INI # thymeleaf cache spring.thymeleaf.cache=false spring.thymeleaf.encoding=utf-8 spring.thymeleaf.mode=HTML5 spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html 创建WEB控制类 创建一个LoginController类用于数据替换效果测试。复制代码1234567891011121314151617LANGUAGE-KOTLINpackage com.hjk.controller; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import java.util.Calendar; @Controller public class LoginController { @GetMapping(＂toLoginPage＂) public String toLoginPage(Model model){ model.addAttribute(＂currentYear＂, Calendar.getInstance().get(Calendar.YEAR)); return ＂login＂; } } 创建模板页面并引入静态资源 我们写一个login.html进行测试。我们导入一个bootstrap的样式到static/login里面，并且自己定义一些css。复制代码1234567891011121314151617181920212223242526272829303132333435363738394041424344LANGUAGE-XML org.springframework.boot spring-boot-starter-thymeleaf用户登录界面 我们使用xmlns:th=＂http://thymeleaf.org＂引入Thymeleaf标签通过th:href引入外联css通过th:text后台动态传递年份currentYear 最后我们通过访问http://localhost:8080/toLoginPage 可以查看效果配置国际化页面编写多语言配置文件 在resources目录下创建名为i18n的文件夹，数一数这个单词多少个字母internationalization，就知道为什么叫i18n了。 然后我们在i18n文件夹下面创建login.properties、 login_zh_CN.properties、 login_en_US.properties文件。 目录结构：这个Resource Bundle ＂login＂时idea自动创建的，我们不需要管，只需要完成我们的就行。 login.properties复制代码123456LANGUAGE-INIlogin.tip=请登录 login.username=用户名 login.password=密码 login.rememberme=记住我 login.button=登录 login_zh_CN.properties复制代码12345LANGUAGE-INIlogin.tip=请登录 login.username=用户名 login.password=密码 login.rememberme=记住我 login.button=登录 login_en_US.properties复制代码12345LANGUAGE-INIlogin.tip=Please sign in login.username=Username login.password=Password login.rememberme=Rememberme login.button=Login 然后我们在配置文件application.properties里面添加代码这个是我们必须要写的，login是我们的语言文件前缀，springboot默认前缀是messages，所以不写识别不了。 spring.messages.basename=i18n.login定制区域信息解析器 我们在config包下面创建一个MyLocalResovel类，自定义国际化功能区域信息解析器。复制代码12345678910111213141516171819202122232425262728293031323334353637383940LANGUAGE-TYPESCRIPTpackage com.hjk.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.util.StringUtils; import org.springframework.web.servlet.LocaleResolver; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.util.Locale; @Configuration public class MyLocalResovel implements LocaleResolver { @Override public Locale resolveLocale(HttpServletRequest request) { String parameter = request.getParameter(＂1＂); String header = request.getHeader(＂Accept-Language＂); Locale locale = null; if (!StringUtils.isEmpty(parameter)){ String[] s = parameter.split(＂_＂); locale = new Locale(s[0], s[1]); }else{ String[] split = header.split(＂,＂); String[] split1 = split[0].split(＂-＂); locale = new Locale(split1[0],split1[1]); } return locale; } @Override public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) { } @Bean public LocaleResolver localeResolver(){ return new MyLocalResovel(); } } 注意分割符的两个下滑线，不一样重写login.html实现国际化复制代码12345678910111213141516171819202122232425262728293031323334353637383940414243444546LANGUAGE-XML用户登录界面 这里我们基本就完成了，但是在访问中文的时候会出现乱码现象。 我们打开idea的file->settings->file Encodings. 将Default encoding for properties的编码改为utf-8，同时勾选Transparentnative-to-ascii conversion 然后我们重新编写login.properties和其他相关的复制代码12345LANGUAGE-INIlogin.tip=请登录 login.username=用户名 login.password=密码 login.rememberme=记住我 login.button=登录 但是这种方法1只对当前项目有效。下次创建还是使用GBK编码总结 本文我们主要了解了Thymeleaf的基本语法、标签、表达式、基本使用、同时还实现了页面登录页得国际化。 本文作者：hjk-airl 本文链接：https://www.cnblogs.com/hjk-airl/p/16181598.html
蔚来出事小鹏被质疑，新能源车自动驾驶怎么了编辑于斌出品潮起网于见专栏蔚来车祸事件正在持续发酵，这让新能源汽车的自动驾驶配置成为众矢之的。七月底，一辆蔚来EC6在上海发生一起交通事故，车主直接遇难8月12日，美一好品牌管理公没有方向盘！百度汽车机器人才是无人驾驶该有的样子在一个昏暗的环境里，程序员内森正在和同事视频通话，讨论程序代码里存在的一个语法错误。两人合作，很快这个bug就被修复了。问题解决后的内森结束了通话，准备放松一下，随着刚才视频通话的又一款骁龙888plus发布ROG游戏手机5s早在今年的三月份，腾讯和ROG就发布了ROG游戏手机5，而在最近，这款5的升级版，ROG游戏手机5s，也是正式发布了。这又是一款搭载了骁龙888plus处理器的手机，只不过定义在游防水且实用，酷冷至尊CK351RGB游戏机械键盘酷冷至尊家的外设口碑在众多玩家心中一直非常不错，前段时间在入手过他家的鼠标，其做工细节很是喜欢，这次体验测评的主角是酷冷至尊CK351RGB游戏机械键盘，104键全键位配列，IP5华为mate40pro升鸿蒙使用的感受第一使用鸿蒙系统直接感觉是系统的速度变快，点APP是秒进感觉比以前快了很多。第二我mate40pro在用微信切换另一个微信是偶尔会发生闪退，不知道大家的会不会？第三在往下拉看通知消售价不到两百，但我要说真香！倍思E8蓝牙耳机上手体验前言此前楼主有一款AirPodsPro在用，主要使用场景是游戏开车导航以及地铁通勤（AirPodsPro的降噪是真的好），用到现在也有大半年了，各方面都比较满意。但是问题也有比如强华为新款荣耀X20上市，支持66W快充，1000多价位手机华为荣耀x20上市以来销量不错，以1899至2399的价格受到不少人的喜欢，加上66W快充价格也是很亲民了，下面来说说它的配置参数！荣耀X20处理器为天玑900，核数为八核，CPU微信等43款APP因违规调用通信录位置信息等被通报8月25日前要完成整改云南网讯（记者云仲肖）据工信部网站消息8月18日，工业和信息化部信息通信管理局通报，近期，工业和信息化部针对用户反映强烈的APP违规调用通信录位置信息以及开屏弹窗骚扰用户等三方面突新诺基亚8210渲染图1亿镜头1寸小窗，4K屏支持140高刷还能手写诺基亚虽然发布的新品手机竞争力并不是很强，但是诺基亚手机的品牌效应还是依然存在的。现在很多的果粉米粉和花粉，在当时也都是诺基亚的粉丝。不过诺基亚虽然脱离了手机的第一梯队水准，但是外超级推荐大改版，阿里妈妈引力魔方上线大家心心念念的超级推荐大改版终于来了！最近，阿里妈妈核心产品超级推荐进行了重大产品升级，升级为阿里妈妈引力魔方。新产品在原有强大信息流资源下，引入了手淘首页焦点图等资源位，规模空前工控电脑内存和主板不兼容的原因在工控电脑组成部件中，内存占据着非常重要的位置。它主要由内存芯片电路板和金手指等组成，用于临时存储CPU中运算数据以及与外部存储器交换的数据。然而在工控电脑运行中，内存和工业板之间