首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

快速开发基于 HTML5 网络拓扑图应用

采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/core/beginners/examples...结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分: // init data...当然真实的系统不会像上述代码这样写死内容,一般用户通过后台数据查询,然后再根据后台数据动态创建拓扑节点、连线、组、子网等图元内容,并填充如图元名字、连线颜色、告警内容等属性信息,而因为 HT 技术基于 HTML5...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考:http://www.hightopo.com/demos/index.html ?

2K80
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    快速开发基于 HTML5 网络拓扑图应用

    采用 HT 开发网络拓扑图非常容易,例如《入门手册》的第一个小例子麻雀虽小五脏俱全:http://www.hightopo.com/guide/guide/core/beginners/examples...结合 《数百个 HTML5 例子学习 HT 图形组件 – 拓扑图篇》可以容易理解构建一个拓扑界面基本上就是操作 DataModel 数据模型,以下为构建上图界面效果的模型代码部分: // init data...当然真实的系统不会像上述代码这样写死内容,一般用户通过后台数据查询,然后再根据后台数据动态创建拓扑节点、连线、组、子网等图元内容,并填充如图元名字、连线颜色、告警内容等属性信息,而因为 HT 技术基于 HTML5...以上创建网络图元、设置图元连线关系、配置图元风格属性、进行图元布局摆放就是构建拓扑图的几个基本步骤,其实熟悉了 HT 分分钟就能开发出像模像样的 HTML5 网络拓扑图应用,如果需要数据存储可参考《HT...更多 HTML5 拓扑图例子可参考:http://www.hightopo.com/demos/index.html ?

    1.9K60

    快速开发基于 HTML5 网络拓扑图应用1

    今天开始我们就从最基础解析如何构建 HTML5 Canvas 拓扑图应用,HT 内部封装了一个拓扑图形组件 ht.graph.GraphView(以下简称 GraphView)是 HT 框架中 2D 功能最丰富的组件...用 HT 开发一个网络拓扑图是非常容易的一件事,只需要短短几行代码就能完成一个简单的服务器与客户端的拓扑图: ? 这个例子非常基础,几乎完成了服务器与客户端在拓扑上的所有功能。...减去空行也就 50 行,我还做了很多样式部分的设计,毕竟给大家看的例子不能太丑嘛~ 我们在最开始就说明一下,HT 是基于 HTML5 标准的企业应用图形界面一站式解决方案, 其包含通用组件、拓扑组件和...3D 渲染引擎等丰富的图形界面开发类库,用户只需要引入 ht.js 即可,而且跟别的任何东西完全不冲突,因为 HT 只是声明了一个全局变量 ht,仅此而已。

    1.5K20

    HTML5快速设计网页

    HTML5快速设计网页 目录 一、认识web开发和软件安装 二、使用HTML/HTML5搭建页面骨架 ---- 一、认识web开发和软件安装 1、认识网页:商城网页比较经典,比如京东,淘宝、小米商城还有锤子官网等有图片...就像蜘蛛网一样织成一张大网 3、用户眼中的网页: 4、前端开发者眼中的网页: 5、web开发者看到的密密麻麻的标签是如何变成用户看到的页面的呢?...行为标准:行为是指网页模型的定义及交互的编写,咱们主要学的是 Javascript 6、做网页之前准备好自己的开发工具,我使用的是HBuilder 网页开发工具众多,有DW,sublime(轻量级的...(3) webkit(Safari) Safari 是苹果公司开发的浏览器,所用浏览器内核的名称是大名鼎鼎的 WebKit。...二、使用HTML/HTML5搭建页面骨架 1、HTML简介:HyperText Markup Language超文本标记语言,用HTML将内容用网页显示 2、HTML基本骨架或构成:头部+躯干 3、用

    2.3K20

    HTML5移动应用开发

    1.离线缓存为HTML5开发移动应用提供了基础 HTML5 Web Storage API可以看做是加强版的cookie,不受数据大小限制,有更好的弹性以及架构,可以将数据写入到本机的ROM中,还可以在关闭浏览器后再次打开时恢复数据...2.专为移动平台定制的表单元素 浏览器中出现的html5表单元素与对应的键盘: 类型 用途 键盘 Text 正常输入内容 标准键盘 Tel 电话号码 数字键盘 Email 电子邮件地址文本框 带有@和....丰富的交互方式支持 提升互动能力:拖拽、撤销历史操作、文本选择等 Transition – 组件的移动效果 Transform – 组件的变形效果 Animation – 将移动和变形加入动画支持 设计师要知道,HTML5...4.HTML5使用上的优势 更低的开发及维护成本; 使页面变得更小,减少了用户不必要的支出;而且,性能更好使耗电量更低; 方便升级,打开即可使用最新版本,免去重新下载升级包的麻烦,使用过程中就直接更新了离线缓存...设计师要知道,用户想要什么,HTML5能提供给用户什么。 5.CSS3 视觉设计师的辅助利器 CSS3支持了字体的嵌入、版面的排版,以及最令人印象深刻的动画功能。

    2.8K80

    快速开发

    如今,开发网站已经不是什么稀奇事了 那么如何快速进行网站的开发呢? 首先我推荐的是这款快速开发框架——《jeecgboot》 Jeecg-Boot 是一款基于BPM的低代码开发平台!...帮助Java项目解决70%的重复工作,让开发更关注业务逻辑,既能快速提高效率,节省研发成本,同时又不失灵活性!...各种低代码能力,在线开发:Online表单、Online图表、Online报表、表单设计器、流程设计器、报表设计器、大屏设计器 等等… 其次,是一款gitee上的一套解决方案——《人人开源》 包含了一款快速开发框架...每月28定期更新版本,为开发者提供上百套免费模板,同时提供适用的插件(文章、商城、微信、论坛、会员、评论、支付、积分、工作流、任务调度等…),一套简单好用的开源系统、一整套优质的开源生态内容体系。...铭飞的使命就是降低开发成本提高开发效率,提供全方位的企业级开发解决方案gitee上stars为8.4K,链接

    44730

    iOS平台快速发布HTML5拓扑应用

    iOS平台一直是封闭的生态圈,iOS开发者要缴纳年费加入开发者计划才可进行iOS平台的APP开发测试,所开发的APP需要上传到App Store经过苹果审核以后才可对外发布。...如果要开发企业内部应用,则要缴纳更高的费用购买企业账户才可以。      ...对于现在火如荼的HTML5应用,我们可以借助PhoneGap对其打包,然后像原生APP一样发布它们;或者要求用户直接通过浏览器访问。...大家可以看到我们的主屏幕上已经多了一个”APP”,如果细心优化,用户完全无法区分这是一个原生应用还是HTML5应用,极大提升了用户体验。       是不是很神奇?...缓存的用法也有两篇很好的文档:         1、HTML5离线缓存         2、在客户端存储数据     最后上一段操作视频,看一下最终效果,优酷链接:http://v.youku.com

    73620

    小白如何区分HTML5开发和前端开发

    近几年来随着移动互联网发展突飞猛进,越来越多的企业开始倾向移动互联网行业,在移动互联网行业中比较火热的当属HTML5开发。再加上HTML5相对于零基础的同学,是最适合其入门的编程语言。...由于移动互联网的快速发展,目前各类的互联网企业的前端开发都在向HTML5方向转型,所以企业急需HTML5开发人员,但是目前HTML5的市场情况整体上是供不应求的。 很多人不能分辨HTML5与前端。...自HTML5火热出炉,好像目前网上招聘的大部分前端开发一般是指html5开发,小白如何区分HTML5开发和前端开发HTML5,超文本标记语言HTML新标准,主要用于前端开发及游戏制作。...虽然开发这类的应用其实是以JS为主,但因为HTML5这个概念很流行,所以微网站开发、小游戏开发、WebAPP或是公众号等应用,很多人都会说使用HTML5开发。...前端包含HTML5HTML5其实只是前端开发中重要的一部分技术,是现在前端开发的标准组件,特别是在移动端的特效开发、游戏开发,以及APP的开发方向上非常流行。

    1.1K20

    Adobe Html5 Extension开发初体验

    在Adobe CC时代则提供了HTML5实现,这使得开发者们可以接口HTML5, CSS3, Javascript甚至是NodeJS来开发。...因为Adobe在PremierePro里面嵌入了CEF,可以高效的解析渲染HTML5、运行Nodejs程序。而Nodejs则能实现系统功能的调用,简直不要太叼!...在这篇文章中,我大概总结了一下使用HTML5开发一款Adobe扩展的心路历程。      ...类似的还有shutterstock开发的插件: 二、开发环境       Adobe官方基于eclipse推出了一个用于开发Adobe Html5 Extension的IDE。...生成的模板工程非常简单,面板里面只有一个默认的按钮: 三、工程配置  manifest.xml文件       Adobe Html5 Extension的开发,最重要的一个文件就是manifest.xml

    1.2K10
    领券