零代码完成RDS RDWeb门户和应用图标的美化和个性化

个性化RDWeb界面

RDWeb原生界面相对比较简洁,每个企业部署的RDWeb都是千篇一律的,有些用户可能希望将网页装饰得个性化点。在谈到自定义Web界面,第一反应可能是使用代码进行编写,但是这里要和大家分享的是无代码美化和自定义RDWeb界面,因为笔者不会开发,也不会在此探讨如何开发RDWeb界面,所有界面自定义是在不改变RDWeb布局的前提下完成。RDWeb构建在IIS站点基础之上,网站主题都是可以通过配置文件进行自定义的。

RD Web主题、网页背景、主题和图标都在RDWeb服务器上的C:\Windows\Web\RDWe

b\Pages\Images文件夹下进行编辑。RDWeb门户背景实际上是一张图片,我们选择一张1199*1288分辨率的图片,命名为bg_globe_01,为了防止重名,我们把\Pages\Images里名为bg_globe_01的原图改成其他的名字,比如后缀加_bak,然后将自己选择的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里,如图1所示。

图1更换RDWeb门户背景

选择一张900x90的.JPG图片命名为banner_01,在Pages\Image下,为了防止重名,我们将原有的图片改成其他名字,比如后缀加_bak。然后将自己选择的命名为的banner_01的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张900x50的.JPG图片命名为的banner_02,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的banner_02的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张小的.PNG图片命名为的logo_01,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的logo_01的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

选择一张小的.PNG图片命名为的logo_02,在Pages\Image下,为了防止重名,我们将原有的图片改成另外的名字,比如后缀加_bak。然后将自己选择的命名为的logo_02的图片复制到C:\Windows\Web\RDWeb\Pages\Images文件夹里。

如图2所示,我们替换了5张背景和Logo图片。如果需要改回来原样,可以删除自定义的图片,然后把系统默认图片的名字改回原来的名字即可。

图2 更换RDWeb门户主题

改完后的效果如图3所示,背景换了,在顶部换了两个不同宽同长的横条,并且换了两个图标。

图3更换门户背景的效果

要修改Web主题,进入到C:\Windows\Web\RDWeb\Pages目录下修改,注意在修改任何一个配置文件前需要备份一份副本。在RDWeb\Pages用记事本打开Site.xsl,找到如下部分:

<td><xsl:value-of select="@workspacename"/></td>

将这一行替换成如下内容。

<td><xsl:value-of select="$strings[@id = ‘HeadingCompanyName‘]"/></td>

然后在C:\Windows\Web\RDWeb\Pages\zh-CN\用记事本打开RDWAStrings.xml,添加以下这条信息即可,加底色的内容是要替换的字符,我们示例将公司名字定义为Contoso公司,加底色的内容可以替换成你自己定义的名称。

<string id="HeadingCompanyName">Contoso公司</string>

同时,在底下的副标题里把加底色部分替代成自己要定义的名字即可,我们示例将应用名字定义为远程应用体验,加底色的内容可以替换成你自己定义的名称。

<string id="HeadingApplicationName">远程应用体验</string>

如果要修改门户改右上方的标题,把如下加底色的部分替代即可,我们示例将标题改为远程访问,加底色的内容可以替换成你自己定义的名称:

<string id="HeadingRDWA">RDWeb访问</string>

RDWeb还有两个链接:“RemoteApp 和桌面”和“连接到远程电脑”,这两个链接分别打开RemoteApp和远程桌面连接。这两个链接可以在C:\Windows\Web\RDWeb\Pages\zh-CN下,使用记事本打开编辑default.aspx ,把以下两条信息改成要显示的内容,我们示例将远程应用标签改为我的远程应用,将桌面标签改为我的应用,加底色的内容可以替换成你自己定义的名称。

const string L_RemoteAppProgramsLabel_Text = "我的远程应用";

const string L_DesktopTab_Text = "我的桌面";

但是这个修改只针对RemoteApp生效,如果切换到连接到远程电脑链接,那么现有的连接名又会变成“RemoteApp 和桌面”和“连接到远程电脑”,所以还需要在C:\Windows\Web\RDWeb\Pages\zh-CN下,使用记事本打开编辑Desktops.aspx 把以下两条信息改成和default.aspx里面修改的一样的内容。加底色的内容可以替换成你自己定义的名称。

const string L_RemoteAppProgramsLabel_Text = "我的远程应用";

const string L_DesktopTab_Text = "我的桌面";

这样就改完了RDWeb的主题,从客户端打开RDWeb,效果就定义成如图4所示的效果了。如果使用了多台RDWA服务器,则需要把其他RDWA服务器的原配置文件备份好后再把在第一台服务器上配置修改复制到其他RDWA服务器。

图4 更换RDWeb门户元素的效果

个性化RemoteApp应用图标

RemoteApp可以同时多次发布一个应用程序,多次发布同一个应用程序的时候,它们的图标都是完全一样的,除了视图不够友好,用户在使用时也不太好分辨。我们可以在RDCB服务器上完成应用图标的个性化。由于多次发布同一个应用时RemoteApp按照应用进程发布顺序给应用进程后缀用数字按序进行标识,比如发布多个基于IE的B/S RemoteApp程序,那么RemoteApp程序的别名分别为iexplore、iexplore(1)、iexplore(2)、iexplore(3)……,如图5所示。记住RemoteApp程序显示名和别名将有助于接下来我们自定义应用图标时能准确找到RemoteApp程序。

图5发布多个相同的应用

登录到任意一台安装有RDCB角色的服务器,打开以下目录:C:\Windows\RemotePack

ages\CPubFarms\collectionname\CPubRemoteApps目录。其中,collectionname是RemoteA

pp集合的名字,如果有多个集合,则需要进入到不同的路径下修改。在更改应用显示图标之前,首先需要为应用找到相关的ico图标文件,ico文件就是RDWA门户上看到的应用略缩图图标。通常有两种方法获取自定义ico文件,第一种就是从电脑缓存里获取,比如在访问过www.bing.com的网页后,会在本地缓存bing的站点图标,将图标复制出来备用。另一种方法是在线制作ico图标文件,上传将一张选择好的jpg/png图片,按照期望的分辨率生成ico文件并下载到本地备用。

比如我们新建了一个名为Office_Apps的集合,并基于IE浏览器发布了Bing搜索网站的RemoteApp,在RDWA网页上看到的图标就是一个IE图标,在后台文件显示的别名是iexplore。只要把名为bing的ico图标复制到C:\Windows\RemotePackages\CPubFarms\Office_Apps\CPubRemoteApps里,为了避免重名,我们将原来的iexplore的名字变更为iexplore-bak,然后将名为bing的ico文件改名为iexplore,如图6所示。如果发布了多个基于IE的RemoteApp,则需要找到正确的应用别名,复制自定义的ico文件到该目录下并改成原有的别名。

图6 准备自定义应用图标

改完之后的效果如图7所示,原来的图标的别名(改成了iexplore-bak)因为无法被RemoteApp系统所识别,所以这个图标暂时失效。

图7 后台更换应用图标

登录到RDWA页面,可以看到原来IE图标换成了Bing的网页图标。这样一眼就能分辨出来是什么应用,如图8所示。

图8 RDWeb更新到自定义图标

同样的原理,可以为其他RemoteApp程序修改图标,比如图9示发布的团队共享文件夹的图标和普通文件夹的图标完全不一样。

图9 更换其他应用图标

时间: 2024-08-06 19:17:50

零代码完成RDS RDWeb门户和应用图标的美化和个性化的相关文章

javascript实现保留两位小数一位自动补零代码实例

javascript实现保留两位小数一位自动补零代码实例:本章节介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例: function returnFloat(value){ var value=Math.round(parseFloat(value)*100)/100; var xsd=value.toString().split("."); if(xsd.length==1){ value=value.

Spring Cloud Alibaba迁移指南(二):零代码替换 Eureka

自 Spring Cloud 官方宣布 Spring Cloud Netflix 进入维护状态后,我们开始制作<Spring Cloud Alibaba迁移指南>系列文章,向开发者提供更多的技术选型方案,并降低迁移过程中的技术难度. 第二篇,Spring Cloud Alibaba 实现了 Spring Cloud 服务注册的标准规范,这就天然的给开发者提供了一种非常便利的方式将服务注册中心的 Eureka 迁移到开源的 Nacos . 第一篇回顾:一行代码从 Hystrix 迁移到 Sent

Excel催化剂开源第42波-与金融大数据TuShare对接实现零门槛零代码获取数据

在金融大数据功能中,使用了TuShare的数据接口,其所有接口都采用WebAPI的方式提供,本来还在纠结着应该搬那些数据接口给用户使用,后来发现,所有数据接口都有其通用性,结合Excel灵活友好的输入方式,将其输入参数统一在Excel界面进行维护,最终实现了所有接口均可由用户自己去维护参数的方式发出查询获得所有的结果,非常完美. 此篇对应的Excel催化剂功能实现:第98波-零代码零距离轻松接触并拥有金融大数据 - 简书 https://www.jianshu.com/p/3cd41a48344

免费报表工具零代码零基础轻松搞定 web 报表

话说,能制作清单式报表的方式有千千万: 骨灰级的 Excel 控,如果能轻车熟路驾驭 VBA,也能玩出各种花来,再不济借助图表插件外援也能秒杀一众小白选手: 传说中的编程控,只要需求明确没什么做不了的,什么酷炫图形 Echarts 几十行代码,分分钟秀出新花样: 天外飞仙 R 语言控,玩的一手数据挖掘,可视化自不在话下: 爬数据达人 Python 控,手握 matplotlib 包闯天下…… 这么多工具,虽然都能满足我们的需要,但不是每一个报表开发人都能怀揣上述技能的,那么,有没有一款工具可以照

零代码如何打造自己的实时监控预警系统

概要 为什么要做监控 线上发布了服务,怎么知道它一切正常,比如发布5台服务器,如何直观了解是否有请求进来,访问一切正常.当年有一次将线上的库配置到了Beta,这么低级的错误,排错花了一个通宵,十几个人.某个核心服务挂了,导致大量报错,如何确定到底是哪里出了问题.SOA带来的问题,调用XX服务出问题,很慢,是否可以衡量? 由于业务系统数量大,每天都会产生大量的系统日志和业务日志,单流式业务的一台服务器产生的日志达400M 想直接查看内容打开可能几分钟,而且内容之多根本无法查看,给开发和运维带来诸多

ROCKET 零代码玩转数据可视化

Rocket 致力于使数据友好并且充满活力. 简单!简单!简单! 重要的事情说三遍. 图形化操作,布局灵活,所见即所得. 通过拖.拉.拽就可以灵活布局.  所有的属性配置均是所见即所得,不用操作完了还要刷新还要等待.  图表丰富 涵盖各行业图表,满足各种需求. 柱图.折线图.饼图.散点图.地图.雷达图.仪表盘.漏斗图.水球图.用户画像.字符云.进度条.嵌入.表格.列表.条列表.文本.数字.富文本.标题... 还有各种常用形式的快捷操作噢,看下面  而且Rocket是支持定制图表的噢!!! 多数据

代码中设置 actionbar 上home等图标显示跟隐藏

今天在做项目的时候,遇到了一个问题,就是要把home在代码中动态显示跟隐藏.现在把方法记录如下 我们可以使用 setDisplayOptions(mask, mask); 来设置home按钮显示的,它的具体用法如下 (1)如果只有一个参数,那么它就是直接设定显示项, 如, int options = DISPLAY_SHOW_HOME | DISPLAY_USE_LOGO: setDisplayOptions(options); 那么,actionbar就会显示home跟log按钮,也就是,里面

使用CSS清零

使用 CSS 清零(CSS Reset)可以实现跨浏览器兼容. CSS 清零可以消除不同浏览器对 margin,padding 这些属性的默认表现,可以更容易控制诸如对齐,间隙等等问题. 使用 Eric Meyer's CSS 清零代码.代码如下: 1 /* http://meyerweb.com/eric/tools/css/reset/ 2 v2.0 | 20110126 3 License: none (public domain) 4 */ 5 6 html, body, div, sp

DP:硬币找零

在现实生活中,我们经常遇到硬币找零的问题,例如,在发工资时,财务人员就需要计算最少的找零硬币数,以便他们能从银行拿回最少的硬币数,并保证能用这些硬币发工资.我们应该注意到,人民币的硬币系统是100,50,20,10,5,2,1,0.5,0.2,0.1,0.05,0.02,0.01元,采用这些硬币我们可以对任何一个工资数用贪心算法求出其最少硬币数. 但不幸的是:我们可能没有这样一种好的硬币系统,因此用贪心算法不能求出最少的硬币数,甚至有些金钱总数还不能用这些硬币找零.例如,如果硬币系统是40,30