cas单点登录系列1.3:自定义登录页
cas提供登录页比较大众,我们根据需求进行自定义,所以本节会介绍登录页的一些内容,比较简单,大家可根据情况进行学习。
前言
了解登录页组成及登录接口
一、登录页组成
cas的登录页是templates目录下的:casLoginView.html
PS:Thymeleaf的语法大家可以自行了解
通过查看里面的代码,发现:fragments/loginform.html是登录的form表单,其他的用不到可以不要。而loginform.html的form表单中有很多input,哪些是我们需要的呢?
我们可以分析一下登录的请求,发现只需要如下图的几个参数,需要什么我们就留什么:
大家可以像普通html的开发一样编写自己的代码,没必要都按照它的写法,只需要在登陆的form表单中有这几个参数就好了。
我们把casLoginView.html复制一份到src下进行改造,这里我直接把登陆form表单写进来了:
二、登录接口介绍
同时我也把weflow下的文件也复制下来了,一个是登录流程配置文件:login-webflow.xml,一个是登出流程配置文件:logout-webflow.xml。
上图为:login-webflow.xml,可以简单分为三部分理解:
initializeLoginForm:定义登录接口,当我们分析cas登录的源码时,可以从这里入手
viewLoginForm:定义登录参数,增加自定义登录参数时,也需要在这里配置
realSubmit:定义登录后的情况。后面我们做自定义告警时就可以参照:successWithWarnings
三.构建启动
可以看到,我这里除了账号密码登录,还多了短信登录和扫码登录,这是为下节内容做准备。
大家只要理解了登录页的构成和登录接口参数,开发起来就很快了。
PS:cas提供了记住密码的功能,在loginform.html文件中可以看到:name=“rememberMe”,可以根据自己需求进行添加
总结
登录页已经改造完成,下节我们将增加两种登录方式。