设置背景主题

切换全局背景

我们先看一下普通切换背景：

切换全局背景

我们先看一下普通切换背景：

我们在里给了几张图片，这几张图片就是我们需要切换的背景；不难看出当前背景就是第一张图片；

我们尝试一下切换一下背景；点击最后一张；

我们的背景以及根据点击的图片切换到对应的图片来当背景；那么来看一下实现实录思路；

关键就关键在这个session上面了；我们把选中图片的路径获取到；放到imgUrl里面，保存到session里；那么我们通过浏览器的传递；可以把这个图片 的src路径传递到其他页面，实现跨页面传输；再在其他页面把这个路径取出来；然后和上面回填一样，就可以实现跨页面修改背景；（另一个页面）

这里我们把另一个页面的图片路径传递过来了；给了个判断；判断如果没有传过来路径；也就是为null的时候；我们另外给图片拼接一个图片；这样就不会出现空图片404了；

如果不为空；就可以把传递过来的路径拼接到对应这个页面的背景img上面了

就是这样一个点击切换，跨页面的切换效果；同理可以改变字体颜色；主题风格等；

我们在里给了几张图片，这几张图片就是我们需要切换的背景；不难看出当前背景就是第一张图片；

我们尝试一下切换一下背景；点击最后一张；

我们的背景以及根据点击的图片切换到对应的图片来当背景；那么来看一下实现实录思路；

关键就关键在这个session上面了；我们把选中图片的路径获取到；放到imgUrl里面，保存到session里；那么我们通过浏览器的传递；可以把这个图片 的src路径传递到其他页面，实现跨页面传输；再在其他页面把这个路径取出来；然后和上面回填一样，就可以实现跨页面修改背景；（另一个页面）

这里我们把另一个页面的图片路径传递过来了；给了个判断；判断如果没有传过来路径；也就是为null的时候；我们另外给图片拼接一个图片；这样就不会出现空图片404了；

如果不为空；就可以把传递过来的路径拼接到对应这个页面的背景img上面了

就是这样一个点击切换，跨页面的切换效果；同理可以改变字体颜色；主题风格等；