All Projects → wenyuan → Jtopo_topology

wenyuan / Jtopo_topology

基于 jtopo 二次封装,拓扑图编辑器

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Jtopo topology

Grassmann.jl
⟨Leibniz-Grassmann-Clifford⟩ differential geometric algebra / multivector simplicial complex
Stars: ✭ 289 (+46.7%)
Mutual labels:  topology
Mogutda
Topological Data Analysis in Python: Simplicial Complex
Stars: ✭ 77 (-60.91%)
Mutual labels:  topology
Compas
Core packages of the COMPAS framework.
Stars: ✭ 146 (-25.89%)
Mutual labels:  topology
Topogram
Continuous area cartograms with d3 and TopoJSON
Stars: ✭ 307 (+55.84%)
Mutual labels:  topology
D3.js Network Topology
网络拓扑图
Stars: ✭ 60 (-69.54%)
Mutual labels:  topology
Network traffic modeler py3
pyNTM - This is the network traffic modeler written in python 3: pip3 install pyNTM
Stars: ✭ 93 (-52.79%)
Mutual labels:  topology
Mather
zzllrr mather(an offline tool for Math learning, education and research)小乐数学,离线可用的数学学习(自学或教学)、研究辅助工具。计划覆盖数学全部学科的解题、作图、演示、探索工具箱。目前是演示Demo版(抛转引玉),但已经支持数学公式编辑显示,部分作图功能,部分学科,如线性代数、离散数学的部分解题功能。最终目标是推动专业数学家、编程专家、教育工作者、科普工作者共同打造出更加专业级的Mather数学工具
Stars: ✭ 270 (+37.06%)
Mutual labels:  topology
Swiftymath
Pure Math in Pure Swift.
Stars: ✭ 182 (-7.61%)
Mutual labels:  topology
Openwisp Network Topology
Network topology collector and visualizer. Collects network topology data from dynamic mesh routing protocols or other popular networking software like OpenVPN, allows to visualize the network graph, save daily snapshots that can be viewed in the future and more.
Stars: ✭ 67 (-65.99%)
Mutual labels:  topology
Ripser.py
A Lean Persistent Homology Library for Python
Stars: ✭ 139 (-29.44%)
Mutual labels:  topology
Affinity
Free 2D symbols for computer network diagrams
Stars: ✭ 294 (+49.24%)
Mutual labels:  topology
Nettopologysuite
A .NET GIS solution that is fast and reliable for the .NET platform.
Stars: ✭ 794 (+303.05%)
Mutual labels:  topology
Linchpin
ansible based multicloud orchestrator
Stars: ✭ 107 (-45.69%)
Mutual labels:  topology
Hwloc
Hardware locality (hwloc)
Stars: ✭ 289 (+46.7%)
Mutual labels:  topology
Pytda
Topological Data Analysis in Python
Stars: ✭ 156 (-20.81%)
Mutual labels:  topology
Topy
Topology Optimization using Python
Stars: ✭ 278 (+41.12%)
Mutual labels:  topology
Plexus
Polygonal mesh processing.
Stars: ✭ 90 (-54.31%)
Mutual labels:  topology
Mockedstreams
Scala DSL for Unit-Testing Processing Topologies in Kafka Streams
Stars: ✭ 184 (-6.6%)
Mutual labels:  topology
Topocm content
Course on topology in condensed matter
Stars: ✭ 161 (-18.27%)
Mutual labels:  topology
React Network Diagrams
Contains ESnet network mapping and circuit rendering code, as used in the ESnet portal.
Stars: ✭ 138 (-29.95%)
Mutual labels:  topology

jTopo Topology

基于jtopo二次封装,修复了一些bug。 便于直接使用,也可以稍作修改后应用到各前端框架中。 纯前端项目,所有ajax接口保留,采用模拟数据,实际开发过程中稍作修改即可对接后端。

预览

预览方式: 下载该项目代码,用webstorm打开即可预览(或用其他内置http服务器的IDE打开) image

实现功能

  • 拓扑图的加载
  • 工具栏、鼠标右键菜单
  • 多种类型节点、连线的添加/删除
  • 节点的图片的缩放与调整
  • 鼠标经过节点显示tooltip信息

项目依赖

项目结构

.
├── json                    // 模拟数据,实际使用中用ajax代替
├── screenshots             // 项目截图(无用)
├── static
|   ├── font-awesome-4.7.0
|   ├── jquery-3.3.1
|   ├── jtopo-0.4.8
|       ├── jtopo-0.4.8-dev.js                 // jtopo源码,已经过修改
|       └── jtopo-0.4.8-dev(带注释版报错).js    // 本项目优化了一部分源码,故不要使用这个包,仅辅助解读源码用
|   ├── layui-2.3.0
|   └── public             // 本项目的静态文件
|       ├── css                                // 样式文件,根据实际项目修改
|       ├── img                                // 拓扑图引用图片,根据实际项目修改
|       └── js                                 // jtopo-editor.js为二次封装代码,如需在vue等框架中使用,可适当进行修改
|
├── network_topology.html // demo页面
├── 其它
|

提交记录

  • 2019.03.22
    • 更新与修复demo页面的bug(本次提交未对jtopo源码做修改,仅是demo页面的更新)
  • 2018.08.23
    • 拓扑图连线(Link)属性编辑
    • 修改源码, 做反序列化保护,防undefined(之前需要在调用方做保护)
    • 修改源码, 新增以图片形式导出拓扑图
  • 2018.08.02
    • 修改源码, 使序列化的时候支持节点属性值为json对象
  • 2018.07.04
    • 拓扑图节点(Node)属性编辑
    • 节点tooltip的触发与显示
    • 编辑和非编辑模式切换
    • 代码部分重构
  • 2018.06.29
    • 节点和连线的添加删除
    • 拓扑图序列化
    • 右键菜单和功能
    • 前端页面部分组件化整理

Vue版本拓扑图

等有时间了从项目中剥离出来,将在本项目基础上另起一个分支

vue版本预览

image

官方API文档补充

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].