头图
程序员在写技术文档的时候,少不了要用到画图工具,而使用思维导图可以很快理清文档中的内容大纲。今天给大家分享一款功能强大,界面炫酷的思维导图工具Simple mind map,希望对你有所帮助!

简介

Simple mind map中文名称为思绪思维导图,是一款简单而强大的Web思维导图库和思维导图软件,目前在Github上已经有9.3k+star。它不仅提供了可以直接使用的思维导图客户端,而且可以集成到项目中去实现思维导图功能,功能非常强大!

mind map主要有如下特性:

  • 支持多种逻辑结构图:包括向左、向右逻辑结构图、思维导图、组织结构图、目录组织图、时间轴、鱼骨图等。
  • 内置多种主题:允许高度自定义样式或注册新主题。
  • 节点内容丰富:支持文本(普通文本、富文本)、图片、图标、超链接、备注、标签、概要等。
  • 支持导出为多种格式:涵盖json、png、svg、pdf、markdown、xmind、txt。
  • 支持从多种格式导入:涵盖json、xmind、markdown等。
  • 支持多种使用方式:在线使用、客户端、Docker部署等。

下面是使用mind map编辑思维导图的效果图,还是挺炫酷的!

安装

mind map支持多种安装方式,这里以Docker部署为例。
  • 首先我们使用如下命令下载镜像;
docker pull hraulein/mind-map:latest
  • 下载完成后使用如下命令运行容器;
docker run -p 8080:8080 --name mind-map -e GIN_MODE=release -d hraulein/mind-map:latest

使用

接下来我们来讲解下mind map的使用,这里以《mall学习教程》中的思维导图为例。

这里简单介绍下mall项目,mall项目是一套基于SpringBoot3 + Vue 的电商系统(Github标星60K),后端支持多模块和2024最新微服务架构 ,采用Docker和K8S部署。包括前台商城项目和后台管理系统,能支持完整的订单流程!涵盖商品、订单、购物车、权限、优惠券、会员、支付等功能!

项目演示:

  • 这里我们先来看下mind map中的思维导图效果,还是挺炫酷的!

  • 我们选中节点后,可以对节点样式进行调整,节点样式还是很丰富的;

  • 主题功能中我们可以切换思维导图的主题,包括经典、深色、朴素三种风格,还是挺丰富的;

  • 结构功能中我们可以对思维导图的结构进行切换;

  • 大纲功能中我们可以清晰地看到思维导图的大纲;

  • 设置功能中我们可以对思维导图进行一系列的设置,例如添加水印;

  • mind map中还有丰富的图标支持,点击图标按钮即可添加;

  • mind map支持思维导图的多种格式导出,例如可以导出为图片;

  • 还支持多种格式的导入,例如常见的xmind格式。

总结

今天带大家体验了一把Simple mind map的使用,功能确实挺全的,思维导图效果也不错,感兴趣的小伙伴可以尝试下它!

项目地址

https://github.com/wanglin2/mind-map


macrozheng
1.1k 声望1.3k 粉丝