MxGraph從入門到精通之1:運行HelloWorld示例程序

前言

相信很多人和我一樣,使用mxgraph是爲了在瀏覽器上根據後端數據生成有向圖,來實現數據可視化的效果,甚至在瀏覽器上添加一些暫停快進的按鈕,來控制後端程序的執行過程。但是千里之行,始於足下,這個mxgraph到底要怎麼跑起來看看效果先呢?官方文檔雖然有寫,但是官方文檔寫的東西太多了,很多同學可能根本找不着!好在,經過我的一番研(zhe)究(teng),發現這東西跑起來非常容易,分分鐘搞定的事,而且用Java就可以跑!按照本文步驟一步一步來,幾分鐘跑起MxGraph不再是夢!先看效果圖:
在這裏插入圖片描述

步驟

1 下載項目源碼

這步簡單,使用git直接下載源碼:

git clone https://github.com/jgraph/mxgraph.git

2 使用Idea打開項目

實際上使用Eclipse也可以,官方文檔說明就是用Eclipse的,但我用Idea打開用起來也完全沒問題。這一步也簡單,打開Idea,點擊File->Open->選擇上一步下載的源碼根目錄,打開後如下圖:
在這裏插入圖片描述

3 運行目錄下的示例程序

這一步也很簡單,點擊項目目錄java->examples->com.mxgraph.examples->web->Main,Main是個Java文件,點進來看到有個main方法,很開心,這是個可以直接運行的文件!所以點擊運行main方法,如下:

在這裏插入圖片描述

4 打開瀏覽器

如果上一步運行順利的話,就可以在下面的控制檯中看到以下輸出:在這裏插入圖片描述
直接Ctrl+點擊一下即可跳到瀏覽器界面:

在這裏插入圖片描述
點擊任意連接就可以進入到相應的示例程序中,示例程序中的流程圖還可以拖着玩:
在這裏插入圖片描述
好了,就這麼簡單,後面如果對這個東西有更深的研究,再來和大家分享吧~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章