【试水CAS-4.0.3】第02节_CAS服务端登录页个性化

来源：互联网发布：淘宝8元虾米vip 编辑：程序博客网时间：2024/05/16 18:16

完整版见https://jadyer.github.io/2015/07/16/sso-cas-login-diy/

/** * @see ------------------------------------------------------------------------------------------------------------------------ * @see CAS个性登录页 * @see 0.cas的页面显示控制是集中在\WEB-INF\cas.properties中的cas.viewResolver.basename属性的,它的值默认是default_views * @see   所以cas会去classpath中寻找default_views.properties,在default_views.properties中指定了登录登出页面等 * @see 1.修改cas.properties文件,cas.viewResolver.basename=msxf,再拷贝default_views.properties为msxf.properties * @see 2.修改msxf.properties文件,/WEB-INF/view/jsp/default改为/WEB-INF/view/jsp/msxf * @see   其中casLoginView.url表示默认登录页,casLoginGenericSuccessView.url表示默认登录成功页 * @see 3.复制/WEB-INF/view/jsp/default/及其子目录所有文件到/WEB-INF/view/jsp/msxf/中 * @see   接下来就可以随意修改登录页面了 * @see   注意\WEB-INF\view\jsp\msxf\ui\includes\bottom.jsp页面中引用了googleapis的一些jquery库 * @see   可以换成百度CDN(http://cdn.code.baidu.com/)的,比如http://apps.bdimg.com/libs/jqueryui/1.10.2/jquery-ui.min.js * @see ------------------------------------------------------------------------------------------------------------------------ * @create 2015-7-16 下午4:56:17 * @author 玄玉<http://blog.csdn.net/jadyer> */

下面是我修改的casLoginView.jsp

<%@ page pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%><c:set var="ctx" value="${pageContext.request.contextPath}" scope="session"/><!DOCTYPE HTML><html><head><meta charset="UTF-8"/><title>CAS单点登录系统</title><link rel="icon" type="image/x-icon" href="${ctx}/favicon.ico"/><script type="text/javascript" src="${ctx}/js/jquery-1.10.2.min.js"></script><script type="text/javascript" src="${ctx}/js/jquery-ui-1.10.2.min.js"></script><script type="text/javascript" src="${ctx}/js/cas.js"></script><!--[if lt IE 9]><script src="${ctx}/js/html5shiv-3.7.2.min.js" type="text/javascript"></script><![endif]--></head><style>body {background-color: #CBE0C9;}#msg {padding:20px; margin-bottom:10px;}#msg.errors {border:1px dotted #BB0000; color:#BB0000; padding-left:100px; background:url(${ctx}/images/error.gif) no-repeat 20px center;}</style><body><c:if test="${not pageContext.request.secure}"><div id="msg" class="errors"><h2>Non-secure Connection</h2><p>You are currently accessing CAS over a non-secure connection.  Single Sign On WILL NOT WORK.  In order to have single sign on work, you MUST log in over HTTPS.</p></div></c:if><form:form method="post" commandName="${commandName}" htmlEscape="true"><!-- cssClass用于指定表单元素CSS样式名,相当于HTML元素的class属性cssStyle用于指定表单元素样式,相当于HTML元素的style属性cssErrorClass用于指定表单元素发生错误时对应的样式path属性用于绑定表单对象的属性值,它支持级联属性,比如path="user.userName"将调用表单对象getUser.getUserName()绑定表单对象的属性值 --><form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false"/><input type="hidden" name="lt" value="${loginTicket}"/><input type="hidden" name="execution" value="${flowExecutionKey}"/><input type="hidden" name="_eventId" value="submit"/><table border="9"><tr><td><c:if test="${not empty sessionScope.openIdLocalId}"><strong>${sessionScope.openIdLocalId}</strong><input type="hidden" name="username" value="${sessionScope.openIdLocalId}"/></c:if><c:if test="${empty sessionScope.openIdLocalId}"><form:input tabindex="1" path="username" placeholder="帐号" htmlEscape="true" maxlength="16" size="25"/></c:if></td></tr><tr><td><form:password tabindex="2" path="password" placeholder="密码" htmlEscape="true" maxlength="16" size="25"/></td></tr><tr><td><input type="checkbox" tabindex="3" name="warn" value="true"/><label for="warn">转向其他站点前提示我</label></td></tr><tr><td><input type="submit" tabindex="4" value="登录"/></td></tr></table></form:form></body></html>

下面是我修改的casGenericSuccess.jsp

<%@ page pageEncoding="UTF-8"%><body style="background-color:#CBE0C9;"><span style="color:red; font-size:64px; font-weight:bold;">登录成功</span></body>

下面是效果图

CAS-4.0.3默认登录页个性化修改

CAS-4.0.3默认登录页提示信息个性化

CAS-4.0.3默认登录成功页个性化

0 0