TWaver可视化编辑器的前世今生(一)电信网管编辑器

走到今天,TWaver,一个致力于在技术领域(Technology)的弄潮儿(Waver),已经是第十二个年头。当年网吧的小网管都是IDC机房的运维人员了,TWaver也见证了这个时代的成长变迁。

萌芽于互联网的第一次革命,走过了一波又一波的互联网浪潮,TWaver也从最早一款网络管理可视化的产品(那时候甚至都没有可视化的概念),成长为今天为各行各业定制最前沿的可视化解决方案提供商。

在TWaver历年发布的产品里,一直有一个神秘的存在,他经常化身为各种形式,出现在TWaver的demo、产品和各个项目中,帮助企业更好地进行IT可视化管理。今天我们就来深度八一八这个神秘的存在:TWaver的编辑器

广义的编辑器,像文本编辑器,视频编辑器,代码编辑器等等,大家都喜闻乐见了,这里就按下不表。我们要说的是TWaver的编辑器,在IT行业里的各种应用。

2004年,各大IT公司都走出了互联网泡沫,浴火重生。全球的数据通信量开始超越语音通信,网络通信设备制造商们数钱数到手抽筋。

那时候,思科还是全球老大,但是华为的成长速度已经带来不小的威胁。2015年,华为超越思科成为全球最大的通信设备制造商,撒花。

硬件技术不断进步,而软件却是经常跟不上节奏,比如网络设备的管理软件,就是一个软肋。这也可以理解,软件总是跟随者硬件而发展,看看微软和oracle的今天就知道了。

对广大的设备制造商和IT运维厂商来说,无论是网络拓扑的呈现,还是设备面板的管理,都需要一个简单易操作的图形界面,而运营商的运营支撑系统和业务支撑系统,由于设备和业务数量巨大,对这样的图形界面的又提出了性能上的要求— 必须可以支撑海量的数据呈现。

于是,第一代TWaver诞生了:一款基于Java Swing的扩展组件包,包括了一系列可视化组件、数据箱容器、一套业务对象集合,专门为构建电信网管系统而设计,非常轻量,但是具有惊人的效率。组件中,除了大家很熟悉的Network、Tree、Table、Propertysheet外,便有我们今天要说的主角:editor组件,即编辑器

第一代的TWaver Editor能够做什么?

- 编辑网络拓扑图;
- 编辑设备面板图;
- 保存数据到XML文件;
- 读入XML数据文件;

组件虽早,五脏俱全。

工具条:包含了Network组件完整的功能按钮;
树图:显示数据的层次关系树;
对象面板:放置各种预定义数据对象,可用鼠标选择和拖放;
属性表:显示当前选择对象的属性,并提供编辑功能;
拓扑图:显示数据拓扑信息(包括设备面板信息);

小编感叹:Java Swing当年也是一枝花,征服了程序员你我他。
下次再讲基于Flex,.NetHTML5的那些编辑器们。

时间: 2024-11-05 20:29:53

TWaver可视化编辑器的前世今生(一)电信网管编辑器的相关文章

学习vi和vim编辑器(6):ex编辑器概述(1)

vi编辑器使用的底层编辑器就是ex行编辑器,可以认为vi编辑器是ex行编辑器的可视化模式.ex可以给你机动性更高,能力更强的编辑命令.ex以行为导向,在对文件做大规模改变时就成了优点. 打开文件: " ex filename "命令使用ex行编辑器打开文件,它列出来了文件的总行数及命令提示符(:),此时无法看到文件的任何一行,除非下达显示一行或多行的ex命令,如下图所示: ex命令由行地址(可以只是一个行号)以及相应的命令构成.最基本的命令就是p,代表打印(到屏幕),所以在命令提示符中

TWaver可视化编辑器的前世今生(四)电力 云计算 数据中心

插播一则广告(长期有效) TWaver需要在武汉招JavaScript工程师若干 要求:对前端技术(JavasScript.HTML.CSS),对可视化技术(Canvas.WebGL)有浓厚的兴趣基础不好的可培养,基础好的可共谋大事感兴趣的给我发邮件:[email protected] --------------------------------------------------------------------------------正文的分割线--------------------

数字图像处理技术在TWaver可视化中的应用

数字图像处理(Digital Image Processing)又称为计算机图像处理,它是指将图像信号转换成数字信号并利用计算机对其进行处理的过程.常用的图像处理方法有图像增强.复原.编码.压缩等,数字图像处理应用领域非常广泛.具体关于数字图像处理的介绍可以参考书籍<冈萨雷斯 数字图像处理>. TWaver作为可视化的利器,如果在展示网元的时候,融入图像处理技术,将会对网元图标的显示增加了灵活性,是一件非常有意思的事情.那么我们不妨来试试,如何将图像处理技术融入进来. 首先我们重写一个网元CN

Html在线编辑器--基于Jquery的xhEditor轻量级编辑器

xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器,基于网络访问并且兼容IE 6.0-8.0.Firefox 3.0.Opera 9.6.Chrome 1.0.Safari 3.22 Features(特点): Small:初始加载5个文件,包括:1个js(36k)+2个css(6k)+2个图片(4k),总共46k.若js和css文件进行gzip压缩,可以进一步缩减为18k左右. Fast:基于jQuery引擎开发,提供高效的代码执行效率 Simple:简单的调

学习vi和vim编辑器(7):ex编辑器概述(2)

接着上一篇文章,学习ex编辑器. 更改缓冲区名称: 可以使用" :w new_file_name"的方式将当前编辑缓冲区保存为新的文件.这样就可以使得当前的编辑结果得以保存,同时又不修改原来的文件(前提是没有对当前文件进行过保存). 保存一部分文件: 通过使用ex的行寻址命令和写入命令w,可以将文件中的一部分保存为新的文件.例如通过" :20 ,$ w new_file_name "命令将当前文件的第20行到文件的结尾保存为新的文件,文件名为new_file_nam

Vim编辑器 Visual Interface iMproved 全屏编辑器

Vim模式: 1.命令模式(编辑模式) 2.输入模式 3.末行模式 模式转换 编辑模式-->输入模式 i:在当前光标所在字符的前面插入字符 a:在当前光标所在字符的后面插入字符 o: 在当前光标所在字符的行下面插入字符 I:行首 A:行尾 O:上方新插入一行 输入模式-->编辑模式 ESC 键 编辑模式-->末行模式 输入: 末行模式-->编辑模式 ESC 键 一.打开文件 #vim +n FILE  打开文件,定位于第n行 #vim + FILE   打开文件,定位最后一行 #v

百度编辑器上传视频以及视频编辑器预览bug解决

百度编辑器目前来讲是运用比较广泛的一个编辑器了,不仅开源还有中文的文档,所以很受欢迎,不过里面也有许多地方需要开发人员自己调试,其中一个比较常见的问题就是上传视频了,上传视频本身有一些小bug,这个基本最大的体现就是编辑器内无法预览上传的视频问题. 我搜集了网上的解决方案,发现基本都一样,大多数都是复制黏贴的答案,虽说一定程度解决了编辑器上传不显示的问题,但却造成了新的bug,例如上传视频框无法关闭,还有只要等切换源码模式再返回来又看不到预览的视频了等. 所以最后还是自己动手丰衣足食,最后终于找

Linux 第八天: (08月09日) Linux文本编辑器vim

sed 行编辑器 stream EDitor sed -n 不输出模式空间内容的自动打印sed -e 多点编辑sed -f /PATH/TO/SCRIPTFILEsed -i 原处编辑 script单地址 # 指定的行/pattern/ 所能匹配到底每一行 地址范围#,##,+#/pat1/,/pat2/#,/pat1/~ 步进1~2 奇数行2~2 偶数行 sed d 删除模式空间匹配的行sed p 显示模式空间中的内容sed a \text 在行后追加文件, 支持\n多行追加sed i \te

关于VIM编辑器

vim编辑器             vi 是一种文本编辑器,所谓文本数据是基于字符编码的文件,常见的编码有ASCII编码, UNICODE编码等 文本编辑种类分为:                行编辑器:所谓航编辑器就是至一行一行来编辑处理的工具,比如sed                全屏编辑器:编辑空间占据整个屏幕,比如 nano ,vi                 vim 就相当于vi的增强版,vim是模式化的编辑              vim 在工作过程中有三种模式: