CAS 单点登录 5.39 版本 自定义登录页面改造 响应式页面

1.CAS 默认登录页面在templates的目录下面找到casLoginView.html
这个就是CAS的默认页面,下载下面链接中的文件夹,根据自己的业务修改背景图片和LOGO即可.
响应式页面下载链接:
https://pan.baidu.com/s/1Ls2CpAw5STaN7jesXt7yQA
提取码:7cca

2.下载好文件之后:
文件夹:里面的 css fonts images js vendor 5 个文件夹直接复制到 CAS-服务端
src-main-resources下
新建的static文件夹,复制进去就可以
文件夹中的页面复制到
:src-main-resources-templates下
indexn.html名字替换成casLoginView.html

3.这样页面已经替换好了,直接输入CAS默认的用户名和密码
casuser::Mellon
就可以登录

文件夹中包含了你页面改造的所有东西直接粘贴复制就可以了
登录页面:

响应式页面Iphone6/7/8效果如下:

就不一一截图了,这个页面适应Google浏览器F12看到的所有响应式

测试登录:

马赛克部分自己替换项目的LOGO就可以了

登录成功!!