1 Star 0 Fork 0

闫帆/jtopo

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

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文档补充

MIT License Copyright (c) 2024 闫帆 Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

暂无描述 展开 收起
JavaScript 等 5 种语言
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/yanfanVIP/jtopo.git
git@gitee.com:yanfanVIP/jtopo.git
yanfanVIP
jtopo
jtopo
master

搜索帮助

Cb406eda 1850385 E526c682 1850385