CAS-自定义CAS Server端登录页面
本文为转载 ,发表在: https://www.jianshu.com/p/72af74575f6d
一、前言
在第七章节,我们搭建了SSO Server.在浏览器中输入http:www.sso.com:8443/cas/login
之后,跳转到了统一认证中心的登陆界面.如下图所示:
但是这个页面的logo和布局都是默认apereo的.我们希望把logo换成公司的logo,已经可以自己去定义布局.比如完成如下图:
我们需要修改的地方包括这几点:
- 1.修改浏览器标签页图标icon
- 2.修改浏览器标签标题文本
- 3.修改logo信息,点击logo跳转到指定页面
- 4.修改登陆页面的布局
- 5.修改底部的版权信息
二、实现
我们使用的是cas-overlay-template来搭建服务端的.这个项目已经是集成了CAS Server相关的代码和页面,如果我们想修改页面或代码,只需要在主项目中建立同名的文件就会把默认的文件给覆盖.
因为cas-overlay-template内部使用的视图层技术是:thymeleaf
,如果不懂thyeleaf
的同学先简单了解一下thymeleaf官网的demo写法;
overlays/org.apereo.cas.cas-server-webapp-tomcat-5.2.3/WEB-INF/templates
存放的页面相关的信息.其中这几个文件和登陆页面有关,也是我们待会需要修改的内容:
layout.html
:登陆页面布局模板
casLoginView.html
:登陆的页面
目录fragments
下存放的是页面片段
fragments/logo.html
:logo的页面片段
fragments/loginform.html
:登陆表单的页面片段
fragments/footer.html
:页面脚部的版权信息页面片段
页面中很多地方用到#{cas.login.pagetitle}
,这个表单是是取cas.login.pagetitle
对应的值,这些值是存储在messages_xx.properties
配置中的,而且是做了国际化的.
步骤:
1.修改浏览器标签页图标icon,只需要把你公司的favicon.ico
放到目录src/main/resources/static/
即可.如下图所示:
当打开浏览器时,图标就已经变成你们公司的图标.
2.修改浏览器标签标题文本
拷贝overlays/org.apereo.cas.cas-server-webapp-tomcat-5.2.3/WEB-INF/messages_zh_CN.properties
到src/main/resources/
目录下,修改
cas.login.pagetitle=wolfcode Login
3.修改logo信息,点击logo跳转到指定页面
把公司的logo文件命名为logo.png
,直接放在src/main/resources/static
目录下即可.或者可以覆盖原文件cas.css,自己去定义对应的样式.
4.修改登陆页面的布局
拷贝casLoginView.html
文件到src/main/resources/temlates
下,内容修改成这样
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}"><head><title th:text="#{cas.login.pagetitle}"></title>
</head><body id="cas" class="login"><div layout:fragment="content"><div class="row"><div><div th:replace="fragments/loginform" /></div></div></div>
</body>
</html>
5.修改底部的版权信息
拷贝footer.html
到src/main/resources/temlates/fragments
目录下,修改内容如下:
<footer><div id="copyright" class="container">版权所有:2017-2018 广州狼码教育科技有限公司 ICP备案 :粤ICP备字17147191号-1</div>
</footer>
总结:
其实自定义的登陆页面是非常简单的,只需要找到需要修改的文件,然后在主项目的相同位置覆盖该文件即可.附上github地址:https://github.com/javalanxiongwei/cas-overlay-template-master
CAS-自定义CAS Server端登录页面相关推荐
- 使用opencv破解滑块验证码:以今日头条PC端登录页面滑块验证码为例
本文目标人群:python爬虫工程师 一.首先看看破解的效果图 二.滑块验证码的破解 滑块验证码的破解的难点主要有两个:计算出滑块到缺口的距离和模拟人拖动滑块的轨迹. 如何计算出滑块到缺口的距离?从网 ...
- 移动端登录页面-vue
目录 前言 页面效果 具体实现 注意 源码 前言 前几天用vue写了一个移动端的登录界面,记录一下这个练手小项目. 页面效果 具体实现 <template><div class=&q ...
- Vue移动端登录页面(H5)
话不多说 上代码 额不 先上图 使用的是vant组件,引用和使用组件请去官网学习,链接↓ vant组件官网 <div class="center"><!-- 背景 ...
- uniapp 内嵌h5登录页面实现登录
需求:内嵌pc端登录页面,实现uniapp登录 前提:pc端登录页面,登录成功之后会自动重定向到指定的pc端页面并加上鉴权成功的code // 举例 // www.maomin.com/login P ...
- CAS单点登录自定义登录页面错误提示
在工作项目中使用到了单点登录,采用CAS方案,发现输入错误用户名.密码或验证码登录时没有错误提示,经过反复查询资料和尝试,找到了解决方法. 版本介绍 使用的cas版本为: 客户端:cas-client ...
- CAS 单点登录 5.39 版本 自定义登录页面改造 响应式页面
1.CAS 默认登录页面在templates的目录下面找到casLoginView.html 这个就是CAS的默认页面,下载下面链接中的文件夹,根据自己的业务修改背景图片和LOGO即可. 响应式页面下 ...
- CAS单点登录3--服务端登录页个性化
原理 cas的页面显示控制是集中在\WEB-INF\cas.properties中的cas.viewResolver.basename属性的,其默认值为default_views 所以cas会去cla ...
- 修改cas5成功html文件,手把手教Apereo CAS5.2.3 Server端 增量开发 自定义登录页,增加验证码,注册,修改密码等功能的方式...
很高兴CAS系列帮助到了不少小伙伴,有不少小伙伴加QQ跟我交流 有个比较普遍的问题是大家不知道怎么把注册,修改密码等相关的功能嵌入CAS,这篇博客统一解答下,有些关于spring的内容是我查找资料结合 ...
- CAS客户端使用Ajax登陆(即保留原有客户端登录页面)
前言 因为对项目的不熟悉,在使用CAS的时候,踩了蛮多的坑,前面的文章提到了怎么跟shiro集成,可以说是花了比较多的时间.而实际的需求却不止于此.公司希望保留原有应用的登录页面.这个可又是一 ...
最新文章
- NLP专题论文解读:从Chatbot、NER到QA系统...
- 推荐系统入门必读:一文读懂推荐系统负采样
- Java根据学号提取班级_学生成绩管理系统 1. 能够实现根据以下关键字查询:学生姓名 、学号、班级、课 联合开发网 - pudn.com...
- SAP Spartacus 2.1.0 加载homepage的逻辑
- Leetcode 142 Linked List Cycle II
- HTMLCSSJavaScript个人入门自学笔记
- CVPR | 基于LiDAR的3D物体检测新框架
- CODE[VS] 1346 HelloWorld编译器
- Spring : @EnableScheduling注解 @Scheduled
- Shell else if mysql_linux shell中 if else以及大于、小于、等于逻辑表达式介绍
- python中for循环和while循环else语句的执行过程和陷阱
- 【JZOJ3824】【NOIP2014模拟9.9】渴
- 计算机专业如何发表论文,如何发表一篇计算机研究生论文
- 中国大学慕课《数据挖掘与python实践》期末测验版本3
- 修真院java_【修真院JAVA小課堂】JMeter的簡單介紹
- 传奇引擎注册服务器,GeeM2引擎架设传奇不能注册账号 进不去游戏
- Linux性能检查命令总结
- 元宇宙时空——元宇宙是什么
- C语言学习笔记第十天
- ISO26262标准概览