LiteGraph实现类似ai智能体工作量编排添加节点拖拽连线导出导入试运行代码-html代码-BFW代码库

LiteGraph实现类似ai智能体工作量编排添加节点拖拽连线导出导入试运行代码

代码语言：html

所属分类：图表

代码描述：LiteGraph实现类似ai智能体工作量编排添加节点拖拽连线导出导入试运行代码，其中后端的试运行代码在这里，是php版本的，https://blog.bfw.wiki/user12290/17178363519436740056.html

代码标签： LiteGraph 类似 ai 智能体工作量编排添加节点拖拽连线导出导入试运行代

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LiteGraph Workflow</title>
    <style>
    </style>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/litegraph_mini.js"></script>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/litegraph.1.0.css">

</head>

<body>
    <div class="header">
        <h1>LiteGraph 工作流</h1>
    </div>
    <div class="container">
        <div class="buttons">
            <button onclick="addHttpNode()">添加HTTP节点</button>
            <button onclick="addFormatNode()">添加格式化节点</button>
            <button onclick="exportWorkflow()">导出工作流</button>
            <button onclick="loadWorkflow()">加载工作流</button>

            <button onclick="testrunWorkflow()">测试运行工作流</button>
        </div>
        <canvas id="graph-container" width='1024' height='720'></canvas>

    </div>
    <script>
        // 创建LiteGraph图表
        var gr.........完整代码请登录后点击上方下载按钮下载查看