cas单点登录系列1.3：自定义登录页

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”，可以根据自己需求进行添加

---

总结

登录页已经改造完成，下节我们将增加两种登录方式。