2. 修改jsp登錄頁面
離線文件准備好后，就可以對CAS的jsp文件下手了。不過這里強烈建議不要在原有的文件上進行修改，最好建立一份新的theme。具體辦法如下：
（1）停掉Tomcat服務，進入“%TOMCAT_HOME%\webapps\cas\WEB-INF\view\jsp”文件夾，把default文件夾復制一份在本目錄下，取名“custom”。
（2）進入“%TOMCAT_HOME%\webapps\cas\themes”文件夾，將default文件夾復制一份在本目錄下，取名“custom”。
（3）進入“%TOMCAT_HOME%\webapps\cas\WEB-INF\classes”文件夾，將“default_views.properties”文件復制一份並重新命名為“custom_views.properties”。
（4）將離線登錄頁面中做好的“cas.css”文件拷貝到新建的“%TOMCAT_HOME%\webapps\cas\themes\custom”文件夾；將樣式文件中用到的圖片拷貝到“%TOMCAT_HOME%\webapps\cas\images”文件夾。（注意：css文件中引用圖片的相對路徑不要搞錯。）
（5）接下來是修改“%TOMCAT_HOME%\webapps\cas\WEB-INF\view\jsp\custom\ui”下的casLoginView.jsp文件以及includes文件夾下的“top.jsp”、“bottom.jsp”兩個文件了。有了對離線文件的修改經驗，對這三個文件改起來要相對容易一些。（注意：不要動任何文件中的程序代碼。）
這些文件的修改可根據個人需要進行，不過值得注意的是，在bottom.jsp文件的最下方可以看到jquery文件的引用路徑為：
|
1
2
|
<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>
|
強烈建議改為本地路徑。畢竟一旦將CAS放置在內網，將造成jQuery文件異常。
將jQuery腳本文件及其它腳本文件拷貝到“%TOMCAT_HOME%\webapps\cas\js”文件夾下，並將bottom.jsp文件中的引用修改過來。修改后的內容如下：
|
1
2
3
4
5
6
7
8
9
|
<script type=
"text/javascript"
src=
"<c:url value="
/js/jquery.min.js
" />"
></script>
<script type=
"text/javascript"
src=
"<c:url value="
/js/jquery-ui.min.js
" />"
></script>
<script type=
"text/javascript"
src=
"<c:url value="
/js/cas.js
" />"
></script>
<script type=
"text/javascript"
src=
"<c:url value="
/js/jquery.watermark.min.js
" />"
></script>
<script language=
"javascript"
type=
"text/javascript"
>
$(function () {
$(
"#username"
).watermark(
"\u7528\u6237\u540d\u002f\u90ae\u7bb1\u002f\u624b\u673a\u53f7"
,
"watermark"
);
});
</script>
|
（6）用管理員身份啟動文本編輯器，打開“%TOMCAT_HOME%\webapps\cas\WEB-INF\classes\cas-theme-default.properties”文件，將“standard.custom.css.file”屬性指向我們自己的css文件，代碼如下：
|
1
|
standard.custom.css.file=/themes/custom/cas.css
|
（7）用管理員身份啟動文本編輯器，打開“%TOMCAT_HOME%\webapps\cas\WEB-INF\classes\custom_views.properties”文件，將里面所有字符串“/default/”替換成“/custom/”。
（8）用管理員身份啟動文本編輯器，打開“%TOMCAT_HOME%\webapps\cas\WEB-INF\cas.properties”文件，把 cas.viewResolver.basename=default_views 修改為 cas.viewResolver.basename=custom_views 。
（9）保存全部修改。啟動Tomcat服務，測試下效果。有可能顯示原來的界面，可嘗試把“%TOMCAT_HOME%\work\Catalina”目錄下的文件夾清空掉再試。