Cas服务器允许用户为每个Service自定义登陆等UI外观，但需要尊着Cas定于的规则：

一、为Service配置theme（主题）

在《Cas 服务器 Service（Cas客户端）注册信息维护》中的 TEST-10000003.json 配置中增加  "theme": "test"

以上配置为该Service指定了要应用的主题为test，所以当以http://localhost:8081为域名的Cas客户端来请求登陆时，将展示test主题登陆UI。

二、建立theme（主题）资源

现在已经假定test主题，下面就要把该主题实现出来。要实现cas theme先要了解cas对theme实现的基本规则：

1、css、js等theme用到的静态资源，应放置在：src\main\resources\static\themes\主题名称目录下

2、theme用到的web视图资源，应放置在：src\main\resources\templates\主题名称目录下

3、theme配置文件，应放置在：src\main\resources\下，并命名为：主题名称.properties（或主题名称.yml）

注：只要用户按照上述规则完成资源文件的实现后，cas服务器将自动加载对应theme资源应用到Service。

三、编写theme资源文件内容

1、theme配置文件（test.properties）内容

css.file=/themes/test/css/test.css
pageTitle=Test主题演示

2、css样式表（test.css）内容

h3 {
    color: red; 
}

3、Web视图（casLoginView.html）内容

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title th:text="${#themes.code('pageTitle')}"></title>

    <link rel="stylesheet" th:href="@{${#themes.code('css.file')}}" />

</head>

<body>

<h3 th:text="${#themes.code('pageTitle')}"></h3>

<div>

    <form method="post" th:object="${credential}">

        <div th:if="${#fields.hasErrors('*')}"><span th:each="err : ${#fields.errors('*')}" th:utext="${err}" />

        </div>

        <h4 th:utext="#{screen.welcome.instructions}"></h4>

        <section class="row">

            <label for="username" th:utext="#{screen.welcome.label.netid}" />

            <div th:unless="${openIdLocalId}">

                <input class="required" id="username" size="25" tabindex="1" type="text" th:disabled="${guaEnabled}" th:field="*{username}" th:accesskey="#{screen.welcome.label.netid.accesskey}" autocomplete="off" th:value="casuser" />

            </div>

        </section>

        <section class="row">

            <label for="password" th:utext="#{screen.welcome.label.password}" />

            <div>

                <input class="required" type="password" id="password" size="25" tabindex="2" th:accesskey="#{screen.welcome.label.password.accesskey}" th:field="*{password}" autocomplete="off" th:value="Mellon" />

            </div>

        </section>

        <section>

            <input type="hidden" name="execution" th:value="${flowExecutionKey}" />

            <input type="hidden" name="_eventId" value="submit" />

            <input type="hidden" name="geolocation" />

            <input class="btn btn-submit btn-block" name="submit" accesskey="l" th:value="#{screen.welcome.button.login}" tabindex="6" type="submit" />

        </section>

    </form>

</div>

</body>

</html>

注：关于cas web视图的语法，不在该文范围之内。要了解具体语法涵义，请自行百度。

四、运行测试

注：需要Cas客户端进行访问测试，单纯浏览器访问无法呈现该主题。

Cas 服务器 为Service定义UI的更多相关文章

  1. Cas 服务器 Service（Cas客户端）注册信息维护

    作为Cas服务器,允许哪些客户端接入与否是通过配置来定义的.对Cas服务器来说,每一个接入的客户端与一个Service配置对应:在Cas服务器启动时加载并注册上这些Service,与之对应的客户端才能 ...

  2. cas协议，以及tomcat搭建cas服务器

    1.      CAS 简介 1.1.  What is CAS ? CAS ( Central Authentication Service ) 是 Yale 大学发起的一个企业级的.开源的项目,旨 ...

  3. Cas服务器设置（java），java、php客户端配置

    由于多个项目需要帐号的互通,所以一开始就是用cas去做的,不得不说cas要配置的东西挺多的,但是项目安全性不需要太高,所以没有做https的请求,也就是没有弄证书,这虽然省了很多时间和精力,但是项目之 ...

  4. cas服务器源码阅读笔记，对标博客

    对标源码阅读博客:http://www.cnblogs.com/jiuzhongguo/category/375405.html 在CAS中很多地方使用了策略模式,那么根据什么方式来确定使用哪种策略呢 ...

  5. 安装CAS服务器

    1.简介 参考: http://www.coin163.com/java/cas/cas.html CAS主要用于多系统单点登录,属于WEB SSO.SSO体系主要角色有三种:User(多个),WEB ...

  6. 单点登录CAS使用记（二）：部署CAS服务器以及客户端

    CAS-Server下载地址:https://www.apereo.org/projects/cas/download-cas CAS-Client下载地址:http://developer.jasi ...

  7. 应用整合CAS服务器方法

    概要 在开发WEB程序时需要整合CAS实现单点登录,下面介绍一下应用整合CAS服务器的过程. 在开始之前,我们确定CAS服务器已经搭建完毕. 实现步骤 1.新建一个maven项目,引入casclien ...

  8. CAS5.2x单点登录(二)cas服务器连接数据库

    前面一节应该已经告诉大家如何搭建cas的服务器了,可是搭建好能用吗?我们现在的用户验证是在哪呢?哪个默认的用户名和密码有是在哪呢? 本节就讲一下如何使用cas服务器连接我们自己的用户数据库,毕竟没有哪 ...

  9. CAS5.2x单点登录(一)——搭建cas服务器

    系列文章列表: https://blog.csdn.net/u013825231/article/category/7517313 单点登录的介绍 单点登录(Single Sign On ,简称SSO ...

随机推荐

  1. HashMap在JDK1.7中可能出现的并发问题

    在JDK1.7及以前中,如果在并发环境中使用HashMap保存数据,有可能会产生死循环的问题,造成cpu的使用率飙升.之所以会发生该问题,实际上就是因为HashMap中的扩容问题. HashMap的实 ...

  2. JwtBearer认证

    ASP.NET Core 认证与授权[4]:JwtBearer认证   在现代Web应用程序中,通常会使用Web, WebApp, NativeApp等多种呈现方式,而后端也由以前的Razor渲染HT ...

  3. Centos 搭建named dns服务无法解析外网地址

    搭建了DNS服务器来解析自定义的域名,但是在遇到非自定义的域名时,不会去自动解析.使用nslookup 会提示 ** server can't find xxxx: NXDOMAIN 网上找了说要配置 ...

  4. Mysql加锁过程详解（1）-基本知识

    Mysql加锁过程详解(1)-基本知识 Mysql加锁过程详解(2)-关于mysql 幻读理解 Mysql加锁过程详解(3)-关于mysql 幻读理解 Mysql加锁过程详解(4)-select fo ...

  5. MyBatis源码解析（九）——Type类型模块之类型处理器注册器（TypeHandlerRegistry）

    原创作品,可以转载,但是请标注出处地址:http://www.cnblogs.com/V1haoge/p/6709157.html 1.回顾 上一篇研究的是类型别名注册器TypeAliasRegist ...

  6. Python获得百度统计API的数据并发送邮件

    Python获得百度统计API的数据并发送邮件 小工具  本来这么晚是不准备写博客的,当是想到了那个狗子绝对会在开学的时候跟我逼逼这个事情,所以,还是老老实实地写一下吧.   Baidu统计API的使 ...

  7. Go Web：Cookie

    Cookie用来解决http协议无状态的问题. 首先,在服务端生成Cookie,然后在http响应header中设置Set-Cookie字段,客户端会读取到Set-Cookie字段后,会将cookie ...

  8. 解读经典《C#高级编程》第七版 Page68-79.对象和类型.Chapter3

    前言 新年好,本篇开始进入第三章,<对象和类型>,深刻理解C#的对象,对于使用好.Net类库非常重要. 01 类和结构 从使用角度看,结构和类的区别很小,比如,将结构定义转换为类,只需要将 ...

  9. L1与L2损失函数和正则化的区别

    本文翻译自文章:Differences between L1 and L2 as Loss Function and Regularization,如有翻译不当之处,欢迎拍砖,谢谢~   在机器学习实 ...

  10. 使用JS模拟锚点跳转

    A-HTML锚点定义: 设置锚: <a href="#mao">&nsbp;</a> 设置点:(为了浏览器兼容性,id和name一起设置) < ...