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.jspfooter部分,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  

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值