基于AngularJS的流程圖應(yīng)用框架的設(shè)計與實現(xiàn).pdf

1、眾所知周，流程圖在日常工作生活中發(fā)揮了重要的作用，所以制作流程圖的工具就顯得特別重要。而目前已經(jīng)產(chǎn)生的流程圖制作軟件大都工作在操作系統(tǒng)之上，這些軟件使用起來很方便，不過都有著桌面應(yīng)用軟件的缺點。同時，現(xiàn)在的趨勢是B/S架構(gòu)的軟件正在漸漸取代傳統(tǒng)桌面應(yīng)用軟件，所以瀏覽器端的流程圖制作框架也出現(xiàn)了一些，但是都有明顯的缺點，使用起來不如桌面應(yīng)用軟件方便。所以本文的內(nèi)容就是做出一個結(jié)合桌面軟件和瀏覽器端軟件優(yōu)點的框架，也就是graph.js，既

2、擁有桌面軟件方便的操作，又可以在瀏覽器端直接運行。
　　本文首先介紹了graph.js的產(chǎn)生背景:桌面端軟件用起來方便，但是有著諸多的限制條件，并且不符合當前的趨勢;已有的瀏覽器端軟件使用不方便，所以想做出一個結(jié)合兩者的優(yōu)點的流程圖制作軟件。接著分析了實現(xiàn)graph.js所用到的技術(shù)，這些技術(shù)包括AngularJS、d3.js、SVG等等，同時將這些技術(shù)與現(xiàn)有的其他技術(shù)進行比較，說明了選用的這些技術(shù)所具有的優(yōu)勢。
　　然后說

3、明了graph.js是如何將AngularJS的指令功能將d3.js的操作封裝到指令之中，形成了一個個新的圖形標簽，實現(xiàn)了構(gòu)造流程圖的基礎(chǔ)，并且對整個構(gòu)造過程的代碼進行了分析和解釋。緊接著介紹了如何在已有的圖形的基礎(chǔ)上實現(xiàn)了流程圖中相應(yīng)的功能:拖動、刪除、修改大小、添加自定義屬性和彈框以及上傳和下載數(shù)據(jù)，并結(jié)合代碼描述了在實現(xiàn)這些功能的過程中遇到的問題以及解決方案。最后通過graph.js實現(xiàn)了三種流程圖，意味著graph.js基本達到