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. C++版-剑指offer 面试题6：重建二叉树(Leetcode105. Construct Binary Tree from Preorder and Inorder Traversal) 解题报告

    剑指offer 重建二叉树 提交网址: http://www.nowcoder.com/practice/8a19cbe657394eeaac2f6ea9b0f6fcf6?tpId=13&tq ...

  2. HP-JavaUtil: xls 操作类

    Written In The Font 谢谢,陈明.哈哈!共勉,努力搞定它. 路漫漫其修远兮,吾将上下而求索 Content ExportExcelAndSave( String[] header, ...

  3. 教你用Python创建瀑布图

    介绍 对于绘制某些类型的数据来说,瀑布图是一种十分有用的工具.不足为奇的是,我们可以使用Pandas和matplotlib创建一个可重复的瀑布图. 在往下进行之前,我想先告诉大家我指代的是哪种类型的图 ...

  4. Gitlab仓库搭建及在linux/windows中免密使用gitlab（二）--技术流ken

    Gitlab简介 GitLab 是一个用于仓库管理系统的开源项目,使用Git作为代码管理工具,并在此基础上搭建起来的web服务. 可通过Web界面进行访问公开的或者私人项目.它拥有与Github类似的 ...

  5. SpringBoot系列——快速构建项目

    前言 springboot官方参考指南:https://docs.spring.io/spring-boot/docs/2.1.0.RELEASE/reference/htmlsingle/ Spri ...

  6. NLP入门（四）命名实体识别（NER）

      本文将会简单介绍自然语言处理(NLP)中的命名实体识别(NER).   命名实体识别(Named Entity Recognition,简称NER)是信息提取.问答系统.句法分析.机器翻译等应用领 ...

  7. Docker在Linux上运行NetCore系列（五）更新应用程序

    转发请注明此文章作者与路径,请尊重原著,违者必究. 本篇文章与其它系列文章不同,为了方便测试,新建了一个ASP.Net Core视图应用. 备注:下面说的应用,只是在容器中运行的应用程序. 查看现在运 ...

  8. junit 测试报错 java.lang.Exception: No runnable methods

    转自:http://blog.csdn.net/snails_zx/article/details/51275894 在maven 项目中  建立测试类时,基类只用作加载spring配置文件,里面没有 ...

  9. 向Spring容器中注册组件的方法汇总小结

    1.通过xml定义 <bean class=""> <property name="" value=""></ ...

  10. node实现简单的群体聊天工具

    一.使用的node模块 1.express当做服务器 2.socket.io 前后通信的桥梁 3.opn默认打开浏览器的模块(本质上用不到) 难点:前后通信 源码地址:https://github.c ...