【分享】JFinal项目里如何全局配置登录页全屏背景图

需求描述:

JBolt开发平台商业项目里有几个客户提出了可以任意切换登录页面背景图的功能,应对不同时期的需要,例如端午节、中秋节、集团员工登录集团系统的时候还能收到集团领导深深的祝福。。。 在登录页面全屏大图背景上体现一下。


基本思路:

好吧,我认真思考了一下领导的需求,大概只要在后台配置中增加一个全局配置,可以动态切换针对登录页全屏背景图素材设置就行了。

这个,用到了全局配置表,进了缓存。

只要每次打开登录页面,从CACHE里拿到最新配置的登录页背景图的URL地址就好了。


先上效果(点击播放视频):



前端代码实现:

比较简单,只要做一个z-index=0的div,设置一下背景图就好了。

css:

image.png

html:

image.png


后端代码实现:

后端只要实现CACHE进入模板共享对象,提供一个从全局配置表里获取指定数据的方法,拿到后判断有没有,没有返回默认值。

CACHE.javaimage.png

MainConfig.java

image.png


这样,在enjoy模板里访问CACHE中存的全局配置就可以了。


再说回全局配置,只要做个UI,可以选择背景图就好了。

image.png


image.png

点击图片,自动配置完成后更新缓存,刷新登录页面,轻松切换。


有问题就加我微信

微信:mumengmeng

image.png


评论区

快乐的蹦豆子

2020-04-29 13:38

炫酷