cas5.3.2单点登录-自定义登出确认页面(十五)

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34021712/article/details/82223113

原文地址,转载请注明出处: https://blog.csdn.net/qq_34021712/article/details/82223113     ©王赛超 

上一篇我们自定义登录页面,登录页面和其他的页面更改方式有点不同,所以在上一篇中单独介绍过了,关于登出确认页面,也在之前的博客中有讲过,关于自定义登出确认页面,可以自己定义为自己的样式。关于页面的介绍这是最后一篇介绍,之后的都是同一个套路。

具体操作

首先找到casConfirmLogoutView.html

casConfirmLogoutView.html在templates的根目录下面,拷贝该页面,并粘贴到自己项目的相同路径下面,如下图:
这里写图片描述

casConfirmLogoutView.html

<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorate="~{layout}">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>

    <title th:text="#{screen.logout.confirm.header}">Confirm Logout View</title>
    <link href="../../static/css/cas.css" rel="stylesheet" th:remove="tag" />
</head>

<body>
<main role="main" class="container mt-3 mb-3">
    <div layout:fragment="content">
        <div class="alert alert-info">
            <h2>Do you want to log out completely?</h2>
            <p>
            确认退出将结束你的会话,跳转到登录页面。
            </p>
            <p><br>你确认退出吗?</p>

            <div align="center">
                <form method="post" id="fm1">
                    <input type="hidden" name="LogoutRequestConfirmed" value="true"/>
                    <input type="hidden" name="execution" th:value="${flowExecutionKey}"/>
                    <input type="hidden" name="_eventId" value="success"/>
                    <input class="btn btn-primary"
                           name="success"
                           accesskey="l"
                           th:value="#{screen.welcome.button.logout}"
                           value="Logout"
                           type="submit"/>
                </form>
            </div>
        </div>
    </div>
</main>
</body>
</html>

样式还是用的cas的样式,如果有需要更改就自定义样式就可以了。

演示

这里写图片描述

猜你喜欢

转载自blog.csdn.net/qq_34021712/article/details/82223113