【前端教程】如何创建一个属于自己的在线思维导图网站

什么是思维导图

思维导图,英文是The Mind Map,又叫心智导图,是表达发散性思维的有效图形思维工具 ,它简单却又很有效同时又很高效,是一种实用性的思维工具。
思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像、颜色等建立记忆链接。思维导图充分运用左右脑的机能,利用记忆、阅读、思维的规律,协助人们在科学与艺术、逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能。思维导图因此具有人类思维的强大功能。
思维导图是一种将思维形象化的方法。我们知道放射性思考是人类大脑的自然思考方式,每一种进入大脑的资料,不论是感觉、记忆或是想法——包括文字、数字、符码、香气、食物、线条、颜色、意象、节奏、音符等,都可以成为一个思考中心,并由此中心向外发散出成千上万的关节点,每一个关节点代表与中心主题的一个连结,而每一个连结又可以成为另一个中心主题,再向外发散出成千上万的关节点,呈现出放射性立体结构,而这些关节的连结可以视为您的记忆,就如同大脑中的神经元一样互相连接,也就是您的个人数据库。

【引用自百度百科-思维导图

思维导图网站源代码

本文将使用drawio的源代码创建思维导图网站,代码已在GitHub开源。

开发团队

步骤

[v_blue]本文要求您有一个服务器,如果没有,可以前往腾讯云购买。[/v_blue]

1. 下载源代码

您可以前往https://github.com/jgraph/drawio/releases下载源代码

由于国内环境,GitHub速度较慢,可使用以下链接下载。

[dltable file=”draw.war” size=”38.7 MB” link=”https://static.cszj.wang/2021/03/21/kdG4ck.war”]

2.上传至服务器并解压

可以用服务器的文件管理系统或ftp上传。注意将文件名改为draw.zip

注意,若服务器支持解压,建议上传后解压;不支持解压请解压后上传

3.访问文件

访问您上传的文件中的index.html即可体验思维导图了!

[v_blue]提示:第一次访问由于加载文件,可能比较慢!出现如图界面请耐心等待[/v_blue]

4.使用技巧

1.关于如何更改语言

点击右上角的地球图标即可更改语言

成品

本文章由lvshujun原创,转载请联系作者并写明页面链接(https://cszj.wang/1599.html
暂无评论

发送评论 编辑评论

|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇