03-界面介绍 📅 2026/7/21 12:00:19 Dify 界面介绍适用版本Dify Community Editionv1.16.0面向读者零基础刚装好 Dify、第一次进控制台阅读时长约 15 分钟前置已完成 02-安装与部署.md能登录控制台。0. 阅读说明本篇用「文字 区域标注」的方式带你认识界面。由于我无法替你截图文中【截图占位】处请你在自己屏幕上对照查看看到对应区域即可。Dify 的界面主要分两大块控制台Console你「搭建、配置、管理」应用的地方。Web 应用 / 对话框WebApp最终给用户用的对话页面可发布出去。本篇重点讲控制台。1. 控制台首页登录后第一眼┌──────────────────────────────────────────────────────────┐ │ Dify 搜索 环境 头像 │ ← 顶部栏 ├────────────┬─────────────────────────────────────────────┤ │ 左侧导航 │ 应用 (Apps) │ │ ─────── │ ┌────────┐ ┌────────┐ ┌────────┐ │ │ 探索 │ │ 聊天助手 │ │ 工作流 │ │ 创建 │ │ │ 我的应用 │ │ │ │ │ │ │ │ │ 知识库 │ └────────┘ └────────┘ └────────┘ │ │ 工具 │ │ │ 插件市场 │ 工作室 / 监控 / 标注 ... │ │ ⚙️ 设置 │ │ └────────────┴─────────────────────────────────────────────┘【截图占位】登录后默认进入「我的应用 / Apps」页面这里列出你创建的所有应用卡片。顶部栏右上角 搜索 / 快速跳转v1.15 起增强的「go to anything」命令面板按快捷键可快速跳到任意应用或设置。 环境标识显示当前是本地还是云端。 头像账号、工作空间切换、退出登录。左侧导航核心菜单菜单干什么用 探索社区 / 市场里的公开应用模板可一键导入 我的应用你创建的所有应用首页就是它 知识库上传资料、管理 RAG 数据集 工具配置可被应用调用的工具搜索、代码、HTTP 等 插件市场安装模型、工具、数据源等插件Marketplace⚙️ 设置模型供应商、成员、安全、API Key2. 创建应用向导点「 创建应用」或卡片上的创建按钮会让你选应用类型回顾 01-产品介绍.md 第 4 节┌─ 创建应用 ──────────────────────────────┐ │ ① 聊天助手 Chatbot │ │ ② 智能体 Agent │ │ ③ 文本生成 Text Generator │ │ ④ 工作流 Workflow │ │ ⑤ 对话流 Chatflow │ │ │ │ 应用名称[__________] 图标[] │ │ 描述[________________________] │ │ [ 创建 ] │ └──────────────────────────────────────────┘ 新手选① 聊天助手最容易出成果。后面的 05、06 篇会带你做工作流和知识库。3. 应用工作室Studio—— 你最常待的地方创建应用后进入Studio编排页这是核心工作区。以「聊天助手」为例┌──────────────────────────────────────────────────────────┐ │ ← 返回 我的客服机器人 [预览/调试] [发布] │ ← 应用顶栏 ├──────────────────┬───────────────────────────────────────┤ │ 左侧编排配置 │ 右侧预览 / 对话测试区 │ │ ───────────── │ ─────────────────────────────── │ │ 提示词 (Prompt)│ 这里能直接和 AI 对话测试 │ │ 模型 (Model) │ │ │ 上下文(知识库) │ 你好 │ │ 工具 (Tools) │ 你好我是您的智能助手… │ │ 开场白/建议 │ │ │ ⚙️ 其他设置 │ │ └──────────────────┴───────────────────────────────────────┘关键区块说明聊天助手提示词Prompt给 AI 的「人设 / 指令」比如「你是一个礼貌的客服只回答公司制度相关问题」。模型Model选择用哪个大模型通义千问 / DeepSeek / Ollama…。上下文 / 知识库把你在「知识库」里上传的资料挂上来AI 回答时就会参考它RAG。工具Tools给 AI 加上能力如联网搜索、运行代码。开场白 / 问题建议用户打开对话页时先看到的欢迎语和推荐问题。预览 / 调试区右侧随时和 AI 对话测试效果不用发布就能调。【截图占位】Studio 左侧「编排」面板 右侧「预览」对话框。试着在右侧输入一句话看 AI 怎么回。4. 工作流 / 对话流编辑器功能最强当你创建的是Workflow或ChatflowStudio 会变成「画布」┌──────────────────────────────────────────────────────────┐ │ 开始 ──▶ [LLM] ──▶ [知识检索] ──▶ [条件分支] ──▶ 结束 │ │ │ │ │ └─▶ [代码] ──▶ 结束│ │ │ │ [ 节点] 面板在左侧LLM / 知识检索 / 条件 / 迭代 / 代码… │ └──────────────────────────────────────────────────────────┘节点Node图上每一个小方块代表一个步骤。连线Edge箭头表示数据流向A 的输出给 B 当输入。开始 / 结束每个工作流都有固定的入口和出口。调试点「运行 / 预览」可单步看每个节点的输入输出v1.15 支持思维链可视化能看到模型「思考过程」。节点类型大全和实战见 05-工作流编排.md。5. 知识库页面从左侧「 知识库」进入┌─ 知识库 ──────────────────────────────────┐ │ [ 创建知识库] │ │ ┌─────────────┐ ┌─────────────┐ │ │ │ 公司制度.pdf │ │ 产品手册.docx│ │ │ │ 文档数:120 │ │ 文档数:45 │ │ │ │ 状态:已索引 │ │ 状态:索引中 │ │ │ └─────────────┘ └─────────────┘ │ └────────────────────────────────────────────┘创建知识库时的关键步骤上传文件 → 选切分策略 → 选 Embedding 模型 → 开始索引。详见 06-知识库与RAG实战.md。6. 工具与插件市场 工具列出已配置的工具搜索、HTTP 请求、代码执行等应用里可直接调用。 插件市场Marketplace像手机应用商店一样一键安装模型供应商、工具、数据源插件。国内模型通义千问、DeepSeek也在这里接入。【截图占位】插件市场里搜索「通义千问」「DeepSeek」「Ollama」点安装。7. 设置页重要点左下角⚙️ 设置选项卡你要用的模型供应商添加通义千问 / DeepSeek / Ollama 的 Key最常用成员邀请同事一起协作团队版安全敏感词、数据保留策略API 密钥给程序调用 Dify 用见 08-API集成与进阶.md8. 监控与日志发布后看效果应用发布后在应用内点「监控 / 日志 / 标注」页日志每次对话的记录可回放、可看消耗。标注把回答标「好 / 坏」用来改进模型或知识库。用量Token 消耗、调用次数统计。这些功能帮你持续改进应用而不是「发布完就不管了」。9. 名词速查表本篇出现过的词意思控制台 Console你搭建和管理应用的后台工作室 Studio单个应用的编排页面节点 Node工作流里的一个步骤方块预览 Preview不发布就能测试对话插件 Plugin可安装扩展模型/工具/数据源WebApp发布后给用户用的网页对话界面10. 动手练习登录控制台点「 创建应用」选「聊天助手」随便起个名。在 Studio 里找到「提示词」「模型」「预览」三个区域分别点开看一眼。在右侧预览框输入一句话确认能正常对话此时还没接模型可能报错——下一篇就解决。完成后进入 04-核心概念与基础使用.md我们正式接入模型、做出第一个能用的 Chatbot。下一步04-核心概念与基础使用.md —— 接入通义千问 / DeepSeek / Ollama做第一个机器人。