如何使用gojs从数据库中查询

Question

我想从数据库中获取特定员工的姓名、职位和图片，并使用Gojs将其显示在图表中。我是 Gojs 的新手，我所知道的只是静态方面。我不知道在哪里放置查询。

<script>
var $ = go.GraphObject.make;

var myDiagram =
$(go.Diagram, "myDiagramDiv",
{
  initialContentAlignment: go.Spot.Center, // center Diagram contents
  "undoManager.isEnabled": true, // enable Ctrl-Z to undo and Ctrl-Y to redo
  layout: $(go.TreeLayout, // specify a Diagram.layout that arranges trees
            { angle: 90, layerSpacing: 40 })
});

// the template we defined earlier
myDiagram.nodeTemplate =
$(go.Node, "Vertical",
{ background: "#44CCFF" },
$(go.Picture,
  { margin: 10, width: 100, height: 100, background: "red" },
  new go.Binding("source")),
$(go.TextBlock, "Default Text",
  { margin: 12, stroke: "white", font: "bold 13px sans-serif" },
  new go.Binding("text", "name")),
$(go.TextBlock, "Default Text",
  { margin: 12, stroke: "white", font: "bold 13px sans-serif" },
  new go.Binding("text", "position"))
);

// define a Link template that routes orthogonally, with no arrowhead
myDiagram.linkTemplate =
$(go.Link,
{ routing: go.Link.Orthogonal, corner: 5 },
$(go.Shape, { strokeWidth: 3, stroke: "#555" })); // the link shape

var model = $(go.TreeModel);
model.nodeDataArray =
[
 { key: "1",              name: "JAMES BRYAN B. JUVENTUD", position: " (Regional Director)",  source: "james.jpg" },
{ key: "2", parent: "1", name: "VERGIL H. MEDIDAS", position: "OIC",   source:   "vergil.jpg" }

];
myDiagram.model = model;
</script>

Answer 1

在 java web 应用程序中，您可以使用会话 Bean 从数据库中提取所有节点并将它们转换为 JSON 格式并放置结果（通过 java 脚本和 CDI Beans）在你的 .xhtml 页面中，我的意思是最终显示你的图表的页面。此外，最好将所有与 GOJS 相关的代码（绘制图表的 gojs 命令）放在一个单独的 .js 文件中，并将其添加到您的 .xhtml 文件中，如下例所示。

例如，在您的 .xhtml 页面的头部放置如下内容：

<script type="text/javascript" > 
   ....
   var yournodeDataArray = JSON.parse('#{yourCDIBean.extractNodeArray()}');
   ....
</script>
 ..........
<script src="yourGojsDiagram.js"></script>
 ...........

并且在您的 CDIBean 中，您必须具有类似于以下代码的内容：

@Named ("yourCDIBean")
@SessionScoped
public class YourCDIBean implements Serializable {
    ......
    //inject your SessionBeans 
    @EJB
    private yoursessionBeanPackage.yourSessionBean  abean ;
    ..............

    public String extractNodeArray() {

       //accessing database by abean that is a SessionBean
       //converting result to jsonArray and then converting it to a string 
       //returning result
    }

对于具有 linkDataArray 的图表，您也可以使用这种方式，然后在 yourGojsDiagram.js 文件中使用简单的以下命令定义您的模型：

yourDiagram.model = new go.GraphLinksModel(yourNodedataarray, yourLinkdataarray);

希望对大家有所帮助。

如何使用gojs从数据库中查询

How to query from the database using gojs

gojs