yFilesajax基础开发教程PPT课件

by 郭冬冬郭冬冬北京宏景世纪软件有限公司北京宏景世纪软件有限公司yFiles Ajax开发说明开发说明1yFiles Ajax介绍介绍 yFiles Ajax是一款基于dojo js框架 和 java 的页面绘图展示工具，生成的页面风格比较漂亮，操作比较方便。官网demo：http:/ Ajax 开始开始1.熟悉Dojo Toolkit框架基础知识及组件使用。2.新建web工程，加入依赖jar包。（batik.jar、y.jar、yfiles-ajax.jar、ysvg.jar）3.工程中加入文件：*javascript:依赖js文件 resources:依赖样式文件 web.xml:内置servlet（不可去掉） yfiles-ajax-liscense.xml（秘钥）3yFiles Ajax 开始开始resources文件夹下新建graphs文件夹，并将需要显示的.graphml文件复制进去。*graphml格式的文件类似于svg文件，以xml格式存放图形元素属性、位置等信息 （此文件必须放置在/resource/graphs/目录下，程序默认）4yFiles Ajax 开始开始 4.web.xml *内置servlet，不可删除。否则 控件将无法使用5yFiles Ajax 开始开始5.客户端1.根目录下新建helloyFiles.jsp文件，引入js文件，并添加dojo组件：*path属性：页面加载时会从session中查找key为“computers.graphml”的对象(Graph2D)显示，如果没有，则会去/resources/graphs/目录下读取名字为“computers.graphml”的文件。6yFiles Ajax 开始开始6.访问helloyFiles.jsp页面：此处显示的即为resources/graphs下的computer.graphml结构：7基本类型介绍基本类型介绍服务器端： Graph2D 绘图对象 BaseServlet 封装了一系列对Graph2D类的操作方法。 Node 节点对象 GenericNodeRealizer 节点格式、样式对象 Edge 连接线对象 GenericEdgeRealizer 连接线格式、样式对象 Label 节点文字、图片对象 Layouter 展现形式对象（横向、纵向等）客户端： yfiles.client.tiles.widget.GraphCanvas dojo组件用于展示Graph2D 8yFiles Ajax 开发开发新建servlet类GetNewGraphServlet.java，继承BaseServlet：9yFiles Ajax 开发开发 绘制自己的图形界面web.xml添加servlet：10yFiles Ajax 开发开发修改helloyFiles.jsp:11yFiles Ajax 开发开发重新访问helloyFiles.jsp:12yFiles Ajax 开发开发 为节点添加属性、样式（NodeRealizer）13yFiles Ajax 开发开发*节点的图形、阴影、过度色等都是由painter生成的，不同的painter会有不同的效果 为节点添加属性、样式14yFiles Ajax 开发开发 Edge对象15yFiles Ajax 开发开发 Layouter布局16yFiles Ajax 开发开发 事件绑定17yFiles Ajax 开发开发点击节点添加下级节点点击节点添加下级节点18yFiles Ajax 开发开发 服务器端操作Graph2D常用方法19yFiles Ajax 开发开发 客户端常用方法20谢谢 谢！谢！北京宏景世纪软件有限公司北京宏景世纪软件有限公司地址：北京市海淀区西直门北大街甲地址：北京市海淀区西直门北大街甲4343号金运大厦号金运大厦B B座座8 8层层邮编：邮编：100044100044电话：电话：010-62210089010-62210089网址：网址：http:/http:/邮箱：邮箱：