Spring Boot一键换肤,so easy!

本文介绍了如何在SpringMVC应用中实现主题切换,通过配置不同的CSS样式文件、使用拦截器解析主题参数、并结合ResourceBundleThemeSource加载主题资源,以及CookieThemeResolver和SessionThemeResolver等主题解析器的工作原理。同时提到作者提供的Java开发学习资料,旨在帮助工程师提升技能。
摘要由CSDN通过智能技术生成

首先三个按钮分别对应了三个不同的样式,我们先把这三个不同的样式定义出来,分别如下:

blue.css:

body{

background-color: #05e1ff;

}

green.css:

body{

background-color: #aaff9c;

}

red.css:

body{

background-color: #ff0721;

}

主题的定义,往往是一组样式,因此我们一般都是在一个 properties 文件中将同一主题的样式配置在一起,这样方便后期加载。

所以接下来我们在 resources 目录下新建 theme 目录,然后在 theme 目录中创建三个文件,内容如下:

blue.properties:

index.body=/css/blue.css

green.properties:

index.body=/css/green.css

red.properties:

index.body=/css/red.css

在不同的 properties 配置文件中引入不同的样式,但是样式定义的 key 都是 index.body,这样方便后期在页面中引入。

接下来在 SpringMVC 容器中配置三个 Bean,如下:

mvc:interceptors

mvc:interceptor

<mvc:mapping path=“/**”/>

</mvc:interceptor>

</mvc:interceptors>

首先配置拦截器 ThemeChangeInterceptor,这个拦截器用来解析主题参数,参数的 key 为 theme,例如请求地址是 /index?theme=blue,该拦截器就会自动设置系统主题为 blue。当然也可以不配置拦截器,如果不配置的话,就可以单独提供一个修改主题的接口,然后手动修改主题,类似下面这样:

@Autowired

private ThemeResolver themeResolver;

@RequestMapping(path = “/01/{theme}”,method = RequestMethod.GET)

public String theme1(@PathVariable(“theme”) String themeStr, HttpServletRequest request, HttpServletResponse response){

themeResolver.setThemeName(request,response, themeStr);

return “redirect:/01”;

}

hemeStr 就是新的主题名称,将其配置给 themeResolver 即可。

接下来配置 ResourceBundleThemeSource,这个 Bean 主要是为了加载主题文件,需要配置一个 basenamePrefix 属性,如果我们的主题文件放在文件夹中,这个 basenamePrefix 的值就是 文件夹名称.。

接下来配置主题解析器,主题解析器有三种,分别是 CookieThemeResolver、FixedThemeResolver、SessionThemeResolver,这里我们使用的是 SessionThemeResolver,主题信息将被保存在 Session 中,只要 Session 不变,主题就一直有效。这三个主题解析器松哥会在下一小节中和大家仔细分析。

配置完成后,我们再来提供一个测试页面,如下:

<%@ taglib prefix=“spring” uri=“http://www.springframework.org/tags” %>

<%@ page contentType=“text/html;charset=UTF-8” language=“java” %>

Title

一键切换主题:

托帕蓝

多巴胺红

石竹青


最关键的是:

css 样式不直接写,而是引用我们在 properties 文件中定义的 index.body,这样将根据当前主题加载不同的 css 文件。

最后再提供一个处理器,如下:

@GetMapping(path = “/index”)

public String getPage(){

return “index”;

}

这个就很简单了,没啥好说的。

最后启动项目进行测试,大家就可以看到我们文章一开始给出的图片了,点击不同的按钮就可以实现背景的切换。

是不是非常 Easy!

2.原理分析


主题这块涉及到的东西主要就是主题解析器,主题解析器和我们前面所说的国际化的解析器非常类似,但是比它更简单,我们一起来分析下。

先来看下 ThemeResolver 接口:

public interface ThemeResolver {

String resolveThemeName(HttpServletRequest request);

void setThemeName(HttpServletRequest request, @Nullable HttpServletResponse response, @Nullable String themeName);

}

这个接口中就两个方法:

  • resolveThemeName:从当前请求中解析出主题的名字。

  • setThemeName:设置当前主题。

ThemeResolver 主要有三个实现类,继承关系如下:

在这里插入图片描述

接下来我们对这几个实现类来逐个分析。

2.1 CookieThemeResolver

直接上源码吧:

@Override

public String resolveThemeName(HttpServletRequest request) {

String themeName = (String) request.getAttribute(THEME_REQUEST_ATTRIBUTE_NAME);

if (themeName != null) {

return themeName;

}

String cookieName = getCookieName();

if (cookieName != null) {

Cookie cookie = WebUtils.getCookie(request, cookieName);

if (cookie != null) {

String value = cookie.getValue();

if (StringUtils.hasText(value)) {

themeName = value;

}

}

}

if (themeName == null) {

themeName = getDefaultThemeName();

}

request.setAttribute(THEME_REQUEST_ATTRIBUTE_NAME, themeName);

return themeName;

}

@Override

public void setThemeName(HttpServletRequest request, @Nullable HttpServletResponse response, @Nullable String themeName) {

if (StringUtils.hasText(themeName)) {

request.setAttribute(THEME_REQUEST_ATTRIBUTE_NAME, themeName);

addCookie(response, themeName);

} else {

request.setAttribute(THEME_REQUEST_ATTRIBUTE_NAME, getDefaultThemeName());

removeCookie(response);

}

}

先来看 resolveThemeName 方法:

  • 首先会尝试直接从请求中获取主题名称,如果获取到了,就直接返回。 如果第一步没有获取到主题名称,接下来就尝试从 Cookie

  • 中获取主题名称,Cookie 也是从当前请求中提取,利用 WebUtils 工具进行解析,如果解析到了主题名称,就赋值给

  • themeName 变量。 如果前面没有获取到主题名称,就使用默认的主题名称,开发者可以自行配置默认的主题名称,如果不配置,就是

  • theme。 将解析出来的 theme 保存到 request 中,以备后续使用。

再来看 setThemeName 方法:

  • 如果存在 themeName 就进行设置,同时将 themeName 添加到 Cookie 中。

  • 如果不存在 themeName,就设置一个默认的主题名,同时从 response 中移除 Cookie。

可以看到,整个实现思路还是非常简单的。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数Java工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Java开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Java开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注Java获取)

img

总结

以上是字节二面的一些问题,面完之后其实挺后悔的,没有提前把各个知识点都复习到位。现在重新好好复习手上的面试大全资料(含JAVA、MySQL、算法、Redis、JVM、架构、中间件、RabbitMQ、设计模式、Spring等),现在起闭关修炼半个月,争取早日上岸!!!

下面给大家分享下我的面试大全资料

  • 第一份是我的后端JAVA面试大全

image.png

后端JAVA面试大全

  • 第二份是MySQL+Redis学习笔记+算法+JVM+JAVA核心知识整理

字节二面拜倒在“数据库”脚下,闭关修炼半个月,我还有机会吗?

MySQL+Redis学习笔记算法+JVM+JAVA核心知识整理

  • 第三份是Spring全家桶资料

字节二面拜倒在“数据库”脚下,闭关修炼半个月,我还有机会吗?

MySQL+Redis学习笔记算法+JVM+JAVA核心知识整理
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!
模式、Spring等)**,现在起闭关修炼半个月,争取早日上岸!!!

下面给大家分享下我的面试大全资料

  • 第一份是我的后端JAVA面试大全

[外链图片转存中…(img-jn507xiW-1713295698990)]

后端JAVA面试大全

  • 第二份是MySQL+Redis学习笔记+算法+JVM+JAVA核心知识整理

[外链图片转存中…(img-hpb36rdh-1713295698990)]

MySQL+Redis学习笔记算法+JVM+JAVA核心知识整理

  • 第三份是Spring全家桶资料

[外链图片转存中…(img-DHLKjRIQ-1713295698990)]

MySQL+Redis学习笔记算法+JVM+JAVA核心知识整理
《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值