




版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡介
1、by 郭冬冬郭冬冬北京宏景世紀(jì)軟件有限公司北京宏景世紀(jì)軟件有限公司yFiles Ajax開發(fā)說明1yFiles Ajax介紹 yFiles Ajax是一款基于dojo js框架 和 java 的頁面繪圖展示工具,生成的頁面風(fēng)格比較漂亮,操作比較方便。官網(wǎng)demo:http:/ Ajax 開始1.熟悉Dojo Toolkit框架基礎(chǔ)知識及組件使用。2.新建web工程,加入依賴jar包。(batik.jar、y.jar、yfiles-ajax.jar、ysvg.jar)3.工程中加入文件:*javascript:依賴js文件 resources:依賴樣式文件 web.xml:內(nèi)置servlet(不
2、可去掉) yfiles-ajax-liscense.xml(秘鑰)3yFiles Ajax 開始resources文件夾下新建graphs文件夾,并將需要顯示的.graphml文件復(fù)制進(jìn)去。*graphml格式的文件類似于svg文件,以xml格式存放圖形元素屬性、位置等信息 (此文件必須放置在/resource/graphs/目錄下,程序默認(rèn))4yFiles Ajax 開始 4.web.xml *內(nèi)置servlet,不可刪除。否則 控件將無法使用5yFiles Ajax 開始5.客戶端1.根目錄下新建helloyFiles.jsp文件,引入js文件,并添加dojo組件:*path屬性:頁面加載
3、時(shí)會從session中查找key為“computers.graphml”的對象(Graph2D)顯示,如果沒有,則會去/resources/graphs/目錄下讀取名字為“computers.graphml”的文件。6yFiles Ajax 開始6.訪問helloyFiles.jsp頁面:此處顯示的即為resources/graphs下的computer.graphml結(jié)構(gòu):7基本類型介紹服務(wù)器端: Graph2D 繪圖對象 BaseServlet 封裝了一系列對Graph2D類的操作方法。 Node 節(jié)點(diǎn)對象 GenericNodeRealizer 節(jié)點(diǎn)格式、樣式對象 Edge 連接線對象
4、GenericEdgeRealizer 連接線格式、樣式對象 Label 節(jié)點(diǎn)文字、圖片對象 Layouter 展現(xiàn)形式對象(橫向、縱向等)客戶端: yfiles.client.tiles.widget.GraphCanvas dojo組件用于展示Graph2D 8yFiles Ajax 開發(fā)新建servlet類GetNewGraphServlet.java,繼承BaseServlet:9yFiles Ajax 開發(fā) 繪制自己的圖形界面web.xml添加servlet:10yFiles Ajax 開發(fā)修改helloyFiles.jsp:11yFiles Ajax 開發(fā)重新訪問helloyFil
5、es.jsp:12yFiles Ajax 開發(fā) 為節(jié)點(diǎn)添加屬性、樣式(NodeRealizer)13yFiles Ajax 開發(fā)*節(jié)點(diǎn)的圖形、陰影、過度色等都是由painter生成的,不同的painter會有不同的效果 為節(jié)點(diǎn)添加屬性、樣式14yFiles Ajax 開發(fā) Edge對象15yFiles Ajax 開發(fā) Layouter布局16yFiles Ajax 開發(fā) 事件綁定17yFiles Ajax 開發(fā)點(diǎn)擊節(jié)點(diǎn)添加下級節(jié)點(diǎn)點(diǎn)擊節(jié)點(diǎn)添加下級節(jié)點(diǎn)18yFiles Ajax 開發(fā) 服務(wù)器端操作Graph2D常用方法19yFiles Ajax 開發(fā) 客戶端常用方法20謝謝 謝!謝!北京宏景世紀(jì)軟件有限公司北京宏景世紀(jì)軟件有限公司地址:北京市海淀區(qū)西直門北大街甲地址:北京市海淀區(qū)西直門北大街甲4343號金運(yùn)大廈號金運(yùn)大廈
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 人性化管理在事業(yè)單位房屋管理中的應(yīng)用
- 工業(yè)園區(qū)創(chuàng)新環(huán)境的優(yōu)化路徑
- 農(nóng)業(yè)大數(shù)據(jù)與精準(zhǔn)農(nóng)業(yè)的創(chuàng)新發(fā)展
- 心血管疾病患者的運(yùn)動干預(yù)與臨床治療協(xié)同
- 貨場倉儲物流項(xiàng)目選址
- 老舊廠區(qū)改造項(xiàng)目建設(shè)條件
- 強(qiáng)化學(xué)院文化建設(shè)的協(xié)同模式探索
- 畢業(yè)答辯成功指南
- 守護(hù)校園安全
- 2025合作協(xié)議模板加盟連鎖合同示范
- 2025年初中學(xué)業(yè)水平考試地理模擬卷:地震、臺風(fēng)等自然災(zāi)害防治措施試題及答案
- 重癥醫(yī)學(xué)科醫(yī)院感染控制原則專家共識(2024)解讀
- 2025年江蘇省無錫市惠山區(qū)中考三模歷史試題(含答案)
- 福建三明經(jīng)開區(qū)控股集團(tuán)有限公司子公司招聘筆試題庫2025
- 游泳館會員合同協(xié)議書
- 鐵磁材料漏磁信號高效計(jì)算與缺陷精準(zhǔn)反演的關(guān)鍵技術(shù)探索
- 分公司收回協(xié)議書
- 中醫(yī)拔罐減肥理論與實(shí)踐
- 《數(shù)據(jù)分析與可視化綜合實(shí)驗(yàn)》課件
- 2025年公牛插座市場調(diào)研報(bào)告
- 2024-2030全球旅行用便攜式WiFi熱點(diǎn)行業(yè)調(diào)研及趨勢分析報(bào)告
評論
0/150
提交評論