SSO单点登录系列4:cas-server登录页面自定义修改过程

简介: 详见网址:http://blog.csdn.net/ae6623/article/details/8861065 目标:   下面是正文:   打开cas的默认首页,映入眼帘的是满眼的中文and英文混杂体,作为一名合格的用户,我表示很不开心。

详见网址:http://blog.csdn.net/ae6623/article/details/8861065

目标:

 

下面是正文:

 

打开cas的默认首页,映入眼帘的是满眼的中文and英文混杂体,作为一名合格的用户,我表示很不开心。

 

于是,打开Nodepad++,寻找C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui\casLoginView.jsp这个页面,开始了我的改造之旅,作为一名合格的分享ser,我表示全程都会转化为文档,方便以后的兄弟更好的研究比这个更高深的东西,这种低能的玩意,我来就行。

 

废话很多,开搞。

1.找到我们要删除的html代码

 

ok 我们查到了,原来这个languages是存在于一个叫做div id = list-language 节点下

 

2.我们删掉它,然后刷新一下。当然做这些改动之前记得备份好自己的jsp,俗话说嘛,写程序,难免有失手的时候。一个备份在手,省却N多重构。

 

 

刷新后:

 

 

3.下面开始干掉上面的那个HTTPS error提示,因为我的程序嫌证书太麻烦,所以使用的是改造版的http验证,不会的去参阅我的前几篇博客。

 

删掉如下代码

<c:if test="${not pageContext.request.secure}"><div id="msg" class="errors">    <h2>Non-secure Connection</h2>    <p>You are currently accessing CAS over a non-secure connection.  Single Sign On WILL NOT WORK.  In order to have single sign on work, you MUST log in over HTTPS.</p></div></c:if>

 

刷新之后,

 

 

 

4.好干净的说。

 

5.随后,我们添加一个轮播大图展示模块,以显示我们公司或个人网站的用户体验度。

 

奥对了,如果jsp里面你修改成了中文,那么可能页面会乱码,我的解决办法是把此jsp用记事本打开,然后另存为UTF-8的格式刷新页面即可无乱码。

 

然后我们找到C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui\includes\bottom.jsp这个文件,由于cas使用的jquery版本是1.4而且还是调用的谷歌服务器上的js文件,我们把它屏蔽掉,加入本地的js即可,cas页面修改需要注意路径问题,基本上加个标签就ok了。

 

 

6.然后找到C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui\casLoginView.jsp这个dom节点:

<div class="sidebar-content">

<div>

在这个div之后。我们添加我们自己的div就可以啦~~

 

记住一点:js文件和css文件的放发:

  1. css文件放在C:\tomcat7\webapps\casServer\WEB-INF\view\jsp\default\ui\includes\top.jsp下

  2. js文件放在top.jsp或者casLoginView.jsp下均可,但是路径不是相对路径而是spring标签那种:

  3.  示例如下,这样写才行用<c:url>标签

    <script src="<c:url value="/js/jquery.slides.js" />"></script>
  4. css文件这样写:

目录
相关文章
|
1月前
|
SQL PHP 数据库
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
PHP案例:每一个账号登陆后的操作是隔离的(使用token进行登录)
|
存储 C# 数据库
Qt+QtWebApp开发笔记(四):http服务器使用Session和Cookie实现用户密码登录和注销功能
前面实现了基础的跳转,那么动态交互中登录是常用功能。本篇实现一个动态交互的简单登录和注销功能,在Qt中使用Session和Cookie技术。
|
存储 缓存 数据安全/隐私保护
Jasny SSO是如何处理用户会话的?底层原理是什么?
Jasny SSO是如何处理用户会话的?底层原理是什么?
|
安全 Java 应用服务中间件
|
Java 数据格式 XML
单点登录CAS6-服务端自定义返回的用户信息
原理 返回的用户信息是在deployerConfigContext.xml中的配置的 既然想自定义返回的用户信息,那么继承org.
1598 0
|
XML 前端开发 Java
单点登录CAS系列8-客户端配置单点登出
原理 本文内容包括配置单点登出、登出后自动跳转指定资源、CASServer禁用单点登出等 与单点登录相对应:登录的地址是/login,登出的地址是/logout,这里需要配置下面两个Filter SingleSi...
1005 0
|
Java 关系型数据库 数据库连接
单点登录CAS5-服务端通过数据库认证用户
原理 实现方式有两种 一是自己写数据库获取用户名密码再认证的类 一是借助CAS自带的JDBC支持来实现认证 自己写认证类(推荐) 1、CSA的默认登录用户密码配置在deployerConfigContext.
1683 0
|
Web App开发 XML Java
单点登录CAS7-客户端配置单点登录
原理 这里用的是:cas-client-core-3.4.0.jar(2015-07-21发布的) 下载地址为:http://mvnrepository.
988 0
|
JavaScript 前端开发 Java
单点登录CAS4-服务端登录页添加验证码
1、由于CAS使用了SpringWebFlow,所以我们想在登录页表单中增加属性就直接找\WEB-INF\login-webflow.
2048 0

热门文章

最新文章