cas4.2.7定制登录页面样式(并且让页面默认使用中文提示)

目     录

1、让cas服务端的页面默认使用中文

2、定制我们自己想要的登录页面

      2.1 修改cas.properties配置文件

      2.2创建view-cj目录

      2.3 修改view-cj目录下的登录相关的文件

                2.3.1 top.jsp的修改

                2.3.2 bottom.jsp的修改

                2.3.3 casLoginView.jsp的修改

3其他说明

 

1、让cas服务端的页面默认使用中文

          cas4.2.7服务端的所有页面默认是英文的，如果不修改配置文件而要在页面上使用中文提示，需要在访问的每个URL后面使用参数locale=zh_CN指明我们要使用中文。例如登录页面的原始地址是https://127.0.0.1:8090/cas/login

如果我们要让登录页面上提示中文，需要将URL修改为https://127.0.0.1:8090/cas/login?locale=zh_CN

 

           访问每个页面都要指定语言种类，太不科学了，直接修改cas.properties文件，可以让默认语言由英文变成中文(如果你问我cas.properties请先跳到本文的第3章节，看了那两篇文章你就知道在哪里找了)。

 在该文件中增加下面的配置项并且重启web容器(此处使用的是tomcat)：

 

#默认使用中文

locale.default=zh_CN

 

如图：

 

     在未增加该配置前，登录页面是这样的

如图：

 

    

      增加该配置后，登录页面上是中文提示了

如图：

2、定制我们自己想要的登录页面

           光是把默认语言设置为中文的登录页面显然也不是我们想要的，在cas4.2.7服务端中要定制自己的登录页面样式也很容易。请看下面的步骤。

2.1、修改cas.properties配置文件

      

    在cas.properties中增加配置项：

#让cas使用我们想要的页面

cas.themeResolver.pathprefix=/WEB-INF/view-cj/jsp/  

 

如图：

 

  说明：view-cj这个是我们要创建的目录，这个名字可以随便起的，往下看。

2.2、创建view-cj目录

      将WEB-INF目录下的view文件夹复制一份，取名为view-cj

如图：

  

 

2.3、修改view-cj目录下的登录相关的文件

修改3 个文件

\WEB-IN\view-cj\jsp\default\ui\includes\top.jsp

\WEB-IN\view-cj\jsp\default\ui\includes\bottom.jsp

\WEB-IN\view-cj\jsp\default\ui\ casLoginView.jsp

 

       这三个文件中top.jsp是我们看到的登录页面的header部分，bottom.jsp是footer部分，casLoginView.jsp是中间部分，你想要长什么样子的登录页面，取决于你怎么修改这3个文件。

例如我想要这样的效果

如图：

 

     下面的内容是我对这三个文件的修改。

2.3.1 top.jsp的修改

     路径是: \WEB-IN\view-cj\jsp\default\ui\includes\top.jsp

     特别说明，由于csdn博客编辑器的问题，会把<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>中的小写java弄成大写的，导致你复制粘贴会出错，你复制粘贴时候请将这个大写的Java修改为小写java即可)：

        内容是：

<!DOCTYPEhtml>

 

<%@page  pageEncoding="UTF-8"%>

<%@page  contentType="text/html;charset=UTF-8"%>

<%@taglib