Transformación de la interfaz de inicio de sesión del servidor CAS

En primer lugar, debemos encontrar la página de inicio de sesión original de cas. No elimine la página de inicio de sesión original primero, porque necesitamos introducir los recursos relevantes en la página de inicio de sesión original en nuestra página de inicio de sesión. Simplemente cambie el nombre de la página de inicio de sesión original en will, the original cas La ubicación de la página de inicio de sesión es la siguiente:

Copie la página de inicio de sesión que necesitamos en la ruta de la página de inicio de sesión original de cas y cámbiele el nombre al nombre de la página de inicio de sesión original de cas, incluido el sufijo.

Introduzca los archivos relacionados con jsp en la página de inicio de sesión original de cas en la página de inicio de sesión que necesitamos (si la página de inicio de sesión que necesitamos es HTML):

<%@ page pageEncoding="UTF-8" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

Copie las imágenes de estilo y otros recursos que nuestra página necesita usar en el directorio cas:

Reemplace los cuadros de entrada relevantes en el formulario en nuestra página con la página original, el estilo aún conserva nuestro estilo:

<!-- <form class="sui-form">      我们的 form 表头 -->
<form:form class="sui-form" method="post" id="fm1" commandName="${commandName}" htmlEscape="true">    <!-- 还是替换成原来的 form 表头 引入我们的样式 -->
    <div class="input-prepend"><span class="add-on loginname"></span>
        <!-- <input id="prependedInput" type="text" placeholder="邮箱/用户名/手机号" class="span2 input-xfat"> -->
		<form:input placeholder="邮箱/用户名/手机号" class="span2 input-xfat" id="username" size="25" tabindex="1" accesskey="${userNameAccessKey}" path="username" autocomplete="off" htmlEscape="true" />
	</div>
	<div class="input-prepend"><span class="add-on loginpwd"></span>
		<!-- <input id="prependedInput" type="password" placeholder="请输入密码" class="span2 input-xfat"> -->
		<form:password placeholder="请输入密码" class="span2 input-xfat" id="password" size="25" tabindex="2" path="password"  accesskey="${passwordAccessKey}" htmlEscape="true" autocomplete="off" />
	</div>
	<div class="setting">
		<label class="checkbox inline">
			<input name="m1" type="checkbox" value="2" checked="">自动登录
		</label>
		<span class="forget">忘记密码？</span>
        <!-- 用户名 密码输入错误提示框 -->
        <form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false" />
	</div>
	<div class="logined">
	    <!-- <a class="sui-btn btn-block btn-xlarge btn-danger" href="home-index.html" >登&nbsp;&nbsp;录</a> -->					
		<input type="hidden" name="lt" value="${loginTicket}" />
		<input type="hidden" name="execution" value="${flowExecutionKey}" />
		<input type="hidden" name="_eventId" value="submit" />
		<input class="sui-btn btn-block btn-xlarge btn-danger" name="submit" accesskey="l" value="登&nbsp;&nbsp;录" tabindex="4" type="submit" />
	</div>
<!-- </form> -->
</form:form>

 

Solicitud de error de nombre de usuario y contraseña

1. Introduzca un cuadro de mensaje de error en nuestra página de inicio de sesión.

<form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false" />

Prueba: ingrese el nombre de usuario y la contraseña incorrectos, el mensaje está en inglés. Este mensaje de solicitud se encuentra en el archivo messages.properties del directorio WEB-INF \ classes :

authenticationFailure.AccountNotFoundException=Invalid credentials.
authenticationFailure.FailedLoginException=Invalid credentials.

2. Copie este mensaje de solicitud al final de messages_zh_CN.properties y vuelva a asignar el campo binario chino:

authenticationFailure.AccountNotFoundException=\u7528\u6237\u540D\u4E0D\u5B58\u5728.
authenticationFailure.FailedLoginException=\u5BC6\u7801\u9519\u8BEF.

El primero es un mensaje de error cuando el nombre de usuario no existe y el segundo es un mensaje de error para una contraseña.

3. Modifique la configuración del archivo de lectura en el archivo cas-servlet.xml en WEB-INF :

p: defaultLocale = " zh_CN " 

<bean id="localeResolver" class="org.springframework.web.servlet.i18n.CookieLocaleResolver" p:defaultLocale="zh_CN" />