3.1需求分析
我們現(xiàn)在動(dòng)手將CAS默認(rèn)的登錄頁更改為自己的品優(yōu)購登陸頁
3.2改頭換面
3.2.1拷貝資源
（1）將品優(yōu)購的登陸頁login.html拷貝到cas系統(tǒng)下WEB-INF\view\jsp\default\ui 目錄下
（2）將css js等文件夾拷貝到 cas目錄下
（3） 將原來的casLoginView.jsp 改名（可以為之后的修改操作做參照）嘱支，將login.html改名為casLoginView.jsp
3.2.2修改頁面
編輯casLoginView.jsp 內(nèi)容
1）添加指令
<%@ 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" %>
2）修改form標(biāo)簽
<form:form method="post" id="fm1" commandName="${commandName}" htmlEscape="true" class="sui-form">
......
</form:form>
3）修改用戶名框
<form:input id="username" tabindex="1"
accesskey="${userNameAccessKey}" path="username" autocomplete="off" htmlEscape="true"
placeholder="郵箱/用戶名/手機(jī)號(hào)" class="span2 input-xfat" />
4）修改密碼框
<form:password id="password" tabindex="2" path="password"
accesskey="${passwordAccessKey}" htmlEscape="true" autocomplete="off"
placeholder="請(qǐng)輸入密碼" class="span2 input-xfat" />
5）修改登陸按鈕
<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" accesskey="l" value="登陸" type="submit" />
修改后效果如下：
image.jpg
3.3錯(cuò)誤提示
在表單內(nèi)加入錯(cuò)誤提示框
<form:errors path="*" id="msg" cssClass="errors" element="div" htmlEscape="false" />
測(cè)試：輸入錯(cuò)誤的用戶名和密碼，提示是英文。這個(gè)提示信息是在WEB-INF\classes目錄下的messages.properties文件中
authenticationFailure.AccountNotFoundException=Invalid credentials.
authenticationFailure.FailedLoginException=Invalid credentials.
設(shè)置國(guó)際化為zn_CN ,修改cas-servlet.xml
<bean id="localeResolver" class="org.springframework.web.servlet.i18n.CookieLocaleResolver" p:defaultLocale="zh_CN" />
我們需要將此信息拷貝到messages_zh_CN.properties下，并改為中文提示（轉(zhuǎn)碼）
<bean id="localeResolver" class="org.springframework.web.servlet.i18n.CookieLocaleResolver" p:defaultLocale="zh_CN" />
第一個(gè)是用戶名不存在時(shí)的錯(cuò)誤提示
第二個(gè)是密碼錯(cuò)誤的提示
