cas5.1.x版本主题界面自定义

Posted 2023-05-05

参考技术A   项目在集成了单点登录CAS后，往往CAS的登录界面是不满足项目需求的，并且不同系统接入CAS后，登录界面也是不同的。因此，我们需要对CAS登录界面进行自定义。

  官方文档： https://apereo.github.io/cas/5.1.x/installation/User-Interface-Customization.html ， 通过阅读官方文档，大致包含以下规范：

  我的services目录中一共配置了三个主题，这里拿demo-10000002.json做讲解，这里 id=10000002

  在src\main\resources\static\themes\demo\css下建立demo.css样式文件

  在src\main\resources新建demo.properties文件

  在src/main/resources/templates/demo下新建casLoginView.html文件

  经过Google,找到两种修改默认主题页的方法

10000002对应的是主题的id(全局唯一标识)。但是cas版本5.1.x不支持默认主题目录（application.properties配置了cas.theme.defaultThemeName不会加载主题目录下src/main/resources/templates/[theme_id]/casLoginView.html文件）,解决办法：覆盖 src/main/resources/templates 下 casLoginView.html 文件

（1）复制overlays下的webflow文件到resource目录下

（2）修改login-webflow.xml文件，修改view的名称（登录页名）

（3）在src/main/resources/templates下新增myLoginView.html登录页

构建的Web应用界面还不够好看？DevExtreme v19.1全新主题来袭

行业领先的.NET界面控件DevExpress 正式发布了v19.1版本，本文将主要介绍介绍DevExtremev19.1中的数据可视化和主题控件，其中主要包含图表注释、增强图例功能等。欢迎下载v19.1试用，点击立即下载>>

数据可视化

图表注释

您现在可以使用自定义标签注释图表。

增强图例功能

自定义图例项目

v19.1添加了一个‘legend.customizeItems‘回调，您可以更改图例项的顺序、文本和可见性。

图例标题

现在可以使用‘legend.title‘选项指定和配置图例标题。 您可以自定义标题的外观和位置，也可以添加字幕。 此新选项提供与窗口小部件根标题选项相同的功能。

在Bar Gauge中添加一个图例

解决标签重叠问题

resolveLabelOverlapping选项允许您在标签彼此重叠时指定窗口小部件操作。

在漏斗图中解决标签重叠

在Funnel中，此选项接受‘shift‘（默认）、‘hide‘和‘none‘。 如果在移位后没有空间显示所有标签，则算法会根据需要隐藏标签。

解决Bar Gauge中的标签重叠

resolveLabelOverlapping接受‘hide‘（默认）和‘none‘。

其他图表/量表增强功能

悬停点/系列时显示工具提示。

支持自动换行

现在Title、Chart轴标签、PieChart和TreeMap标签支持自动换行。

• 您现在可以控制导出的图表布局（按列布局等）
• 您现在可以在其他系列的后面或前面移动恒定线

 

主题

全新Compact Material Design主题

===============================================================

DevExpress v19.1全新发布，最新动态请持续关注DevExpress中文网！

DevExpress中文网官网QQ群：540330292      欢迎一起进群讨论

扫描关注DevExpress中文网微信公众号，及时获取最新动态及最新资讯