前台代码:

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<script src="/lib/go-js/assets/js/go.js"></script> <script id="code" th:inline="javascript">
/*<![CDATA[*/
function init() { var keynode, mapnode; keynode = eval([[${nodekey}]]);
mapnode = eval([[${nodemap}]]); console.log(keynode);
console.log(mapnode) if (window.goSamples) goSamples();
var $ = go.GraphObject.make;
myDiagram = $(go.Diagram, "myDiagramDiv",
{
initialContentAlignment: go.Spot.Center,
"undoManager.isEnabled": true
});
myDiagram.nodeTemplate =
$(go.Node, "Auto",
$(go.Shape, "RoundedRectangle", {strokeWidth: 1},
new go.Binding("fill", "color")),
$(go.TextBlock,
{margin: 20, width: 60, height: 20},
new go.Binding("text", "key"))
);
// myDiagram.model = new go.GraphLinksModel(
// [
// {key: "Alpha", color: "lightblue"},
// {key: "Beta", color: "orange"},
// {key: "Gamma", color: "lightgreen"},
// {key: "Delta", color: "pink"}
// ], [
// {from: "Alpha", to: "Beta"},
// {from: "Alpha", to: "Gamma"},
// {from: "Gamma", to: "Delta"},
// {from: "Delta", to: "Alpha"}
// ]
// ); myDiagram.model = new go.GraphLinksModel(keynode, mapnode);
} /*]]>*/
</script>
</head>
<body onload="init()">
<div id="sample">
<div id="myDiagramDiv" style="border: solid 1px black; width:800px; height:800px"></div>
</div>
</body>
</html>

后台代码:

package com.thunisoft.maybeemanagementcenter.controller;

import com.fasterxml.jackson.core.JsonProcessingException;
import com.thunisoft.maybeemanagementcenter.pojo.LinkMap;
import com.thunisoft.maybeemanagementcenter.pojo.LinkNode;
import com.thunisoft.maybeemanagementcenter.util.JsonHelper;
import com.thunisoft.maybeemanagementcenter.util.JsonStrUltil;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping; import java.util.ArrayList;
import java.util.List; @Controller
@RequestMapping("/sleuth")
public class SleuthController { /**
*
*/
@GetMapping("/index")
public String index(Model model) { List<LinkNode> nodekey = new ArrayList<>();
nodekey.add(new LinkNode("a"));
nodekey.add(new LinkNode("b"));
nodekey.add(new LinkNode("c"));
nodekey.add(new LinkNode("d")); List<LinkMap> nodemap = new ArrayList<>();
nodemap.add(new LinkMap("a", "b"));
nodemap.add(new LinkMap("a", "c"));
nodemap.add(new LinkMap("c", "d"));
nodemap.add(new LinkMap("d", "a")); JsonHelper jm = new JsonHelper();
String nodekeyjson = null;
String nodemapjson = null;
try {
nodekeyjson = jm.toJson(nodekey);
nodemapjson = jm.toJson(nodemap);
} catch (JsonProcessingException e) {
e.printStackTrace();
} model.addAttribute("nodekey", nodekeyjson);
model.addAttribute("nodemap", nodemapjson); return "link";
}
}

pojo:

package com.thunisoft.maybeemanagementcenter.pojo;

/**
* 链路中节点
*/
public class LinkNode {
private String key;
private String color = "lightblue"; /*背景颜色,默认亮蓝色*/ public LinkNode(String key) {
this.key = key;
} public LinkNode(String key, String color) {
this.key = key;
this.color = color;
} public String getKey() {
return key;
} public void setKey(String key) {
this.key = key;
} public String getColor() {
return color;
} public void setColor(String color) {
this.color = color;
}
}
package com.thunisoft.maybeemanagementcenter.pojo;

/**
* 链路之间节点映射
*/
public class LinkMap {
private String from;
private String to; public LinkMap(String from, String to) {
this.from = from;
this.to = to;
} public String getFrom() {
return from;
} public void setFrom(String from) {
this.from = from;
} public String getTo() {
return to;
} public void setTo(String to) {
this.to = to;
}
}

Gojs简单例子的更多相关文章

  1. Hibernate4.2.4入门(一)——环境搭建和简单例子

    一.前言 发下牢骚,这段时间要做项目,又要学框架,搞得都没时间写笔记,但是觉得这知识学过还是要记录下.进入主题了 1.1.Hibernate简介 什么是Hibernate?Hibernate有什么用? ...

  2. AgileEAS.NET SOA 中间件平台.Net Socket通信框架-简单例子-实现简单的服务端客户端消息应答

    一.AgileEAS.NET SOA中间件Socket/Tcp框架介绍 在文章AgileEAS.NET SOA 中间件平台Socket/Tcp通信框架介绍一文之中我们对AgileEAS.NET SOA ...

  3. spring mvc(注解)上传文件的简单例子

    spring mvc(注解)上传文件的简单例子,这有几个需要注意的地方1.form的enctype=”multipart/form-data” 这个是上传文件必须的2.applicationConte ...

  4. ko 简单例子

    Knockout是在下面三个核心功能是建立起来的: 监控属性(Observables)和依赖跟踪(Dependency tracking) 声明式绑定(Declarative bindings) 模板 ...

  5. mysql定时任务简单例子

    mysql定时任务简单例子 ? 1 2 3 4 5 6 7 8 9     如果要每30秒执行以下语句:   [sql] update userinfo set endtime = now() WHE ...

  6. java socket编程开发简单例子 与 nio非阻塞通道

    基本socket编程 1.以下只是简单例子,没有用多线程处理,只能一发一收(由于scan.nextLine()线程会进入等待状态),使用时可以根据具体项目功能进行优化处理 2.以下代码使用了1.8新特 ...

  7. 一个简单例子:贫血模型or领域模型

    转:一个简单例子:贫血模型or领域模型 贫血模型 我们首先用贫血模型来实现.所谓贫血模型就是模型对象之间存在完整的关联(可能存在多余的关联),但是对象除了get和set方外外几乎就没有其它的方法,整个 ...

  8. [转] 3个学习Socket编程的简单例子:TCP Server/Client, Select

    以前都是采用ACE的编写网络应用,最近由于工作需要,需要直接只用socket接口编写CS的代码,重新学习这方面的知识,给出自己所用到的3个简单例子,都是拷贝别人的程序.如果你能完全理解这3个例子,估计 ...

  9. jsonp的简单例子

    jsonp的简单例子 index.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8&q ...

随机推荐

  1. java类中serialversionuid 作用 是什么?举个例子说明(转)

    serialVersionUID适用于Java的序列化机制.简单来说,Java的序列化机制是通过判断类的serialVersionUID来验证版本一致性的.在进行反序列化时,JVM会把传来的字节流中的 ...

  2. 如何使用git 提交作业 收作业

    如何使用git 提交作业 收作业 方法论: 今天就来用一个通俗易懂的自然模型来解释Git的commit,pull和push.不过,我们首先要理解两个名词,remote,local. remote,翻译 ...

  3. 如何在Android Studio中添加注释模板信息?

    如何在Android Studio中添加注释模板信息? 在开发程序的时候,我们一般都会给文件自动添加上一些关于文件的注释信息,比如开发者的名字,开发的时间,开发者的联系方式等等.那么在android ...

  4. 微信小程序,开发中几个重要的知识点(加密解密,转发,进入场景,session_key)

    小程序的授权信息:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/authorize.html 小程序的 ...

  5. C# string和byte[]的转换

    转自 http://www.cnblogs.com/Mainz/archive/2008/04/09/String_Byte_Array_Convert_CSharp.html string类型转成b ...

  6. Tomcat7环境下面MySQL 56/Oracle数据库连接池的配置

    环境: Tomcat7 MySQL56 mysql-connector-java-3.1.10-bin.jar 步骤: 1. 配置context.xml 此文件位于~\tomcat7\conf目录下面 ...

  7. 在vultr中安装coreos

    1.coreos必须使用key文件. 2.生成ssh key -C "your_email@mail.com" 3.拷贝ssh公钥文件内容.默认为id_rsa.pub 4.编辑vu ...

  8. ASP.NET MVC中全局异常处理

    以前不知道从哪里找到的处理全局异常的,觉得蛮好用就记下来了. 1, 建立MyExecptionAttribute.cs类,写入如下代码: using System; using System.Coll ...

  9. Java Web(六) EL表达式

    这也是属于JSP范围内的知识,使用EL表达式,能更好的使用JSP中的各种内置对象和作用域,说点闲话,马上要出去实习了,有点恐慌,可能这是马上要出去工作的学生的通病,继续努力把,兵来将挡水来土掩, -- ...

  10. sql索引唯一

    alter table et_tb_1111 add constraint tbunique unique (itemid) alter table 表名 add constraint 约束名 uni ...