Cas是单点登录时候使用的，cas是什么不是本节课的重点，之后我们会进行一系列的讲解，我们知道一点就是用于登录时判断使用的就可以了。
为了修改显示，改成我们需要的样式，需要进行下面的几个jsp文件以及配置文件的修改。
首先这个总的页面是由casserver端的三个页面拼合而成的。
三个页面的主要位置是：
首先找到cas目录，打开【F: \资料\tomcat-cas\webapps\cas】目录，cas中关于服务端的认证以及页面配置文件的操作都是在这里进行的。
主页面的就是统一认证页面：cas目录/WEB-INF/view/jsp/default/ui 文件夹里，其中casLoginView.jsp为登陆页面。
其他的两个页面是：
默认之前的页面显示是不含有中文的，故而页面不会出现乱码的问题，现在我们要将其修改为我们需要的样式，比如下面这样的：
那么我们需要修改top和bottom两个文件，因为是分着的两个文件，最终被统一登录页面包装为一个页面。
两个页面的代码是：
top.jsp页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> <%@ page session="true" %> <%@ page pageEncoding="UTF-8" %> <%@ page contentType="text/html; charset=UTF-8" %> <%@ taglib prefix="c" uri="" %> <%@ taglib prefix="spring" uri="" %> <%@ taglib prefix="form" uri="" %> <%@ taglib prefix="fn" uri="" %> <spring:theme code="mobile.custom.css.file" var="mobileCss" text="" /> <html xmlns="" lang="en"> <head> <title>CAS - Central Authentication Service</title> <c:if test="${not empty requestScope['isMobile'] and not empty mobileCss}"> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-status-bar-style" content="black" /> </c:if> <spring:theme code="standard.custom.css.file" var="customCssFile" /> <link type="text/css" rel="stylesheet" href="<c:url value="${customCssFile}" />" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="icon" href="<c:url value="/favicon.ico" />" type="image/x-icon" /> </head> <body id="cas" class="fl-theme-iphone"> <div class="flc-screenNavigator-view-container"> <div class="fl-screenNavigator-view"> <div id="header" class="flc-screenNavigator-navbar fl-navbar fl-table"> <h1 id="company-name">tgb</h1> <h1 id="app-name" class="fl-table-cell">高校云平台</h1> </div> <div id="content" class="fl-screenNavigator-scroll-container">
bottom.jsp页面：
<%@ taglib prefix="c" uri="" %> <%@ page pageEncoding="UTF-8" %> </div> <div id="footer" class="fl-panel fl-note fl-bevel-white fl-font-size-80"> <a id="jasig" href="" title="go to Jasig home page"></a> <div id="copyright"> <p>Copyright © 2014 - 2015 tgb, CHN. All rights reserved.</p> <p>Powered by <a href="">廊坊师范学院 信息技术提高班 第10期</a></p> </div> </div> </div> </div> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> <script type="text/javascript" src="<c:url value="/js/cas.js" />"></script> </body> </html>
其中值得注意的是两个地方：
相关文章
精彩导读
热门资讯
关注我们
