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

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

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

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