需求分析

以前做項(xiàng)目寫文檔經(jīng)常用Visio，自己買了一臺電腦的授權(quán)，用在了自己常用的工作電腦上。后來出差有點(diǎn)多，用筆記本寫文檔寫的就有點(diǎn)多了，又舍不得再買一臺電腦的Visio授權(quán)，所以就想找一個(gè)免費(fèi)的、好用的繪制流程圖的軟件。

成都創(chuàng)新互聯(lián)公司是專業(yè)的清河網(wǎng)站建設(shè)公司，清河接單;提供成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行清河網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

后來找到ProcessOn，一個(gè)免費(fèi)的繪制流程圖的網(wǎng)站，上面有不少免費(fèi)模板，最多可以云存儲(chǔ)9張圖。但是9張圖對我來說實(shí)在太少了，我就買了一年的會(huì)員，不記得是多少錢了，反正不多。后來會(huì)員到期，再想買，發(fā)現(xiàn)怎么都漲價(jià)到160一年了。于是我想，能不能用開源的的東西，快速做一個(gè)類似ProcessOn的網(wǎng)站，具體需求就兩個(gè)：

• 可以繪制流程圖
• 能夠云存儲(chǔ)

所以就可以從這兩方面找輪子了。

尋找輪子

免費(fèi)的流程圖，首先我找到了draw.io。需要自己配置云存儲(chǔ)，不過只支持國外的比如OneDrive或者Dropbox等，國內(nèi)都不太好用。后了解到draw.io以及其他大部分流程圖網(wǎng)站都是根據(jù)mxGraph的示例程序GraphEditor做出來的，因此他們的界面都基本一樣，所以我也決定以這個(gè)為基礎(chǔ)，輔以draw.io的部分組件。

然后就是云存儲(chǔ)了，找一個(gè)開源的網(wǎng)盤系統(tǒng)就可以了，這樣的系統(tǒng)很多，比如，Seafile，nextCloud等等。不過有一些條件，第一是要純粹的Web系統(tǒng)，方便跟GraphEditor集成，第二是最好跨平臺，第三是方便集成七牛云、阿里云OSS等大型公有云存儲(chǔ)系統(tǒng)。最終采用了Cloudreve

系統(tǒng)架構(gòu)

系統(tǒng)架構(gòu)其實(shí)就挺簡單了：

數(shù)據(jù)層，首先是Cloudreve是用MySQL數(shù)據(jù)庫的，因此系統(tǒng)使用MySQL數(shù)據(jù)庫并繼承了Cloudreve的絕大部分?jǐn)?shù)據(jù)結(jié)構(gòu)。本地文件存儲(chǔ)和七牛云都可以拿來當(dāng)做文件存儲(chǔ)，這是可以共存的，目前本系統(tǒng)流程圖文件使用本地文件存儲(chǔ)，圖片使用七牛云。

服務(wù)層主要繼承于Cloudreve系統(tǒng)，簡單修改了其中的文件和分享部分，更好的支持流程圖文件。添加了圖形處理和支付服務(wù)。

應(yīng)用層分為基于Cloudreve的文件管理系統(tǒng)和基于GraphEditor的流程圖編輯系統(tǒng)，兩個(gè)系統(tǒng)基本獨(dú)立，同時(shí)調(diào)用服務(wù)層的文件服務(wù)和圖形服務(wù)。

整合細(xì)節(jié)

整合過程中有幾個(gè)細(xì)節(jié)：

1. GraphEditor是使用xml明碼存儲(chǔ)流程圖的，因此需要對Cloudreve進(jìn)行改造，只支持xml文件，并且對xml文件進(jìn)行特殊處理，比如編輯、預(yù)覽等。
2. 網(wǎng)盤系統(tǒng)沒有新建文件這說，只有上傳下載，因此需要在Cloudreve網(wǎng)盤系統(tǒng)中使用上傳接口來做一個(gè)新建流程圖功能。
3. xml文件實(shí)際上是純文本，因此在GraphEditor的流程圖編輯界面，只需要調(diào)用Cloudreve網(wǎng)盤系統(tǒng)中的文本編輯接口直接編輯xml即可。
4. php版本的mxGraph接口已經(jīng)很久沒有更新過，無法根據(jù)比較復(fù)雜的流程圖xml文件生成預(yù)覽圖片，因此需要前臺生成，然后上傳到后臺。
5. 中文庫以及模板可以直接使用draw.io的。

源碼
示例站

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

文章標(biāo)題：開源流程圖繪制網(wǎng)站數(shù)字繪技術(shù)路線-創(chuàng)新互聯(lián)
網(wǎng)頁路徑：http://chinadenli.net/article18/doodgp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站改版、品牌網(wǎng)站設(shè)計(jì)、域名注冊、網(wǎng)站營銷、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)