TappoCloud/doc/docs/.vuepress/.temp/pages/guide/create-workflow.html.vue

<template><div><h1 id="创建工作流" tabindex="-1"><a class="header-anchor" href="#创建工作流"><span>创建工作流</span></a></h1>
<h2 id="工作流编辑器" tabindex="-1"><a class="header-anchor" href="#工作流编辑器"><span>工作流编辑器</span></a></h2>
<p>工作流编辑器是 Tappo 的核心功能，通过拖拽节点来构建自动化流程。</p>
<h2 id="创建新工作流" tabindex="-1"><a class="header-anchor" href="#创建新工作流"><span>创建新工作流</span></a></h2>
<ol>
<li>点击左侧「新建工作流」</li>
<li>输入工作流名称</li>
<li>进入编辑器</li>
</ol>
<h2 id="添加节点" tabindex="-1"><a class="header-anchor" href="#添加节点"><span>添加节点</span></a></h2>
<p>从左侧指令面板拖拽节点到画布：</p>
<ol>
<li><strong>浏览器</strong> - 启动浏览器</li>
<li><strong>打开网页</strong> - 访问指定 URL</li>
<li><strong>点击元素</strong> - 点击页面元素</li>
<li><strong>输入文本</strong> - 填写表单</li>
<li><strong>提取数据</strong> - 获取页面内容</li>
</ol>
<h2 id="连接节点" tabindex="-1"><a class="header-anchor" href="#连接节点"><span>连接节点</span></a></h2>
<p>点击节点的连接点，拖拽到下一个节点，建立执行顺序。</p>
<h2 id="保存工作流" tabindex="-1"><a class="header-anchor" href="#保存工作流"><span>保存工作流</span></a></h2>
<p>点击工具栏「保存」按钮保存工作流。</p>
</div></template>