笨笨v泡泡：DeepSeek v3+飞书构建一个完整前后端，【智能作业分发系统】直接上线

笨笨v泡泡：DeepSeek v3+飞书构建一个完整前后端，【智能作业分发系统】直接上线 笨笨v泡泡：DeepSeek v3+飞书构建一个完整前后端，【智能作业分发系统】直接上线 Modified March 27, 2025 点击开始调试按钮后，你会看到输出结果中会包括你的所有数据表，复制你需要的表id 拼接请求体 这个比较复杂，但是又不难，所以自己看文档吧查询记录 服务端 API 开发文档 飞书开放平台 主要涉及的参数：view id(还是得自己获取)、field names(你要搜索的字段)、filter(判断条件) 完成这个后就可以通过接口调用到你的表数据了。 2、获取请求参数 第一步测试成功后，在示例代码中已经帮你拼接好了完整的请求参数和请求体。直接复制使用吧。 前后端创建 因为我在写这篇教程的时候Trae还没有上线V3最新版，所以我是直接在DeepSeek官网搭建的，现在有了Trae更方便了。 Code block Shell Copy 这里我不会给出具体的提示词，只会说方法。 提示词：第一部分描述你想象中网站的样子；第二部分给出它飞书API接口的请求样例（否则它不知道你要获取哪些内容）； 第三部分给出飞书API调用后的返回参数（否则它不知道你到底要什么） 在它给出你完整的代码后，按照它给出的代码目录结构分别创建对应的文件（如果用Trae这步就省略了） 在第一次运行的时候有可能会遇到问题。 问题原因：飞书API可能没有正确配置CORS，导致浏览器拦截请求 V3对此也会给出你修改意见，反正我也不懂代码，它说了我就听。 好了，前端也构建完成了。开始测试，此时你会发现它并不能一次性生成全部你需要的内容，没关系。继续提问（对应当下的AI产品，一定要记得继续提问，不要希望它一次性生成让你满意的方法） 到此本文结束。 AI时代生存法则： 会提需求比会写代码更重要 会开脑洞比会复制粘贴更值钱 真正的大佬都是让AI当乙方！ 查询记录 服务端 API 开发文档 飞书开放平台 点击开始调试按钮后，你会看到输出结果中会包括你的所有数据表，复制你需要的表id 拼接请求体 这个比较复杂，但是又不难，所以自己看文档吧查询记录 服务端 API 开发文档 飞书开放平台 查询记录 服务端 API 开发文档 飞书开放平台 主要涉及的参数：view id(还是得自己获取)、field names(你要搜索的字段)、filter(判断条件) 完成这个后就可以通过接口调用到你的表数据了。 2、获取请求参数 第一步测试成功后，在示例代码中已经帮你拼接好了完整的请求参数和请求体。直接复制使用吧。 前后端创建 因为我在写这篇教程的时候Trae还没有上线V3最新版，所以我是直接在DeepSeek官网搭建的，现在有了Trae更方便了。 在它给出你完整的代码后，按照它给出的代码目录结构分别创建对应的文件（如果用Trae这步就省略了） 在第一次运行的时候有可能会遇到问题。 问题原因：飞书API可能没有正确配置CORS，导致浏览器拦截请求 V3对此也会给出你修改意见，反正我也不懂代码，它说了我就听。 好了，前端也构建完成了。开始测试，此时你会发现它并不能一次性生成全部你需要的内容，没关系。继续提问（对应当下的AI产品，一定要记得继续提问，不要希望它一次性生成让你满意的方法） 到此本文结束。 AI时代生存法则： 会提需求比会写代码更重要 会开脑洞比会复制粘贴更值钱 真正的大佬都是让AI当乙方！ V3的能力再更新后大幅增强，但是对于普通人来说还是不够，因为我不是程序员/(ㄒoㄒ)/ 在给出命令后它确实生成了很炫的前端页面，但它还是静态的。只有好看毫无用途，有没有什么办法破局呢？必须有，今天分享的文章让大家可以把自己生成的漂亮前端变成真实的系统。 本次结合自己的实际项目【智能作业分发系统】来给大家说明，如何使用DeepSeek v3制作网页，加上飞书多维表格让你的网页变为真实的系统。 话不多说，先看效果 系统整体介绍 系统整体包括： 1）用户登陆（可以再加一个飞书调查表的二维码，注册直接就有了） 2）作业类型 3）作业详情 连连看游戏（英语和汉语匹配） AI智能问答 考试系统（样例中这部分没有开发） 实现逻辑： 用户登陆系统→进入页面后看到老师今日分配的作业分类（3种）→选择一种分类进入作业详情页面 在详情页可学习单词的中英文发音，下面有3个模块（中英文对照连连看、AI问答、考试） 对于很多小白，数据库的门槛太高了，别说搭建数据库，很多人SQL语句估计就会头大了（即便现在有AI）因此用飞书来当作数据源，使用飞书自动化流程自动生成对应内容。 通过飞书API接口来获取对应内容，用v3来制作前端+后端（用Trae更方便）。 接下来分步说明。 数据库构建（飞书多维表） 1、飞书多维表创建 1、作业类型表 这个表是作业分发人员唯一需要操作的内容，定时更新内容，可以增加多条记录，当前生效的记录状态为0； 状态下拉列表：1失效；0在用； 内容1、内容2、内容3：这3个字段为作业主题，希望今天留什么类型的作业（当前只配置了3个，可以再增加） 2、作业内容表 内容列：自动化流程AI生成，自动化流程读取“作业类型”表的内容，自动生成相关题目。 分类：AI自动识别，字段捷径功能（也可以在上一步的自动化中直接生成） 英语：AI生成，这列可以不要，字段捷径功能 日期：选择对应类型即可，用于记录作业生成时间 状态：每天定时更新，确保用户看到的都是最新的数据。 3、用户登陆表 2、飞书自动化工作流创建 🏕️ 本次用到5条工作流 本次用到5条工作流 1）消息通知 1条 这个工作流主要是给老师使用的（也可以调整为通知组内所有用户） 每天定时触发→查找表中是否存在满足条件的数据→消息通知自定义人员 2）历史记录更新 1条 主要作用，分别今日新生成的单词是什么，在前端页面获取时容易区分。 3）作业生成 3条 根据作业主题划分，3条流程配置相同只是获取不同的作业主题。 定时触发→查找当前生效的作业分类→查找作业表当前已经生成过的内容→AI生成内容→插入作业表； 多维表API使用说明 很多人认为，我是小白，API对于我来说太难了，不用害怕，飞书API配置说明很人性化。 1、使用飞书API获取多维表数据 今日飞书开放平台，进入管理控制台，选择服务端API，如下图： 点击右侧的“创建应用”。 为应用开通多维表权限。 在左侧列表找到“查询记录”，此时右侧会有各种需要填写的参数。 主要需要的参数包括：Authorization\app token\table id Authorization 可以点击右侧的按钮直接获取 app token 多维表格 App 的唯一标识。不同形态的多维表格，其 app token 的获取方式不同： • 如果多维表格的 URL 以 feishu.cn/base 开头，该多维表格的 app token 是下图高亮部分： feishu.cn/base • 如果多维表格的 URL 以 feishu.cn/wiki 开头，你需调用知识库相关获取知识空间节点信息接口获取多维表格的 app token。当 obj type 的值为 bitable 时，obj token 字段的值才是多维表格的 app token。 feishu.cn/wiki 获取知识空间节点信息 feishu.cn/base feishu.cn/base app token获取方式很简单，不再赘述； feishu.cn/wiki feishu.cn/wiki 点击上文中的“获取知识空间节点信息”进入配置页面，在这个页面中有两个值需要填写 获取知识空间节点信息 Authorization：点击右侧“获取token” token：复制你的飞书url，wiki后面的一串就是了。 示例：wiki/ ? 部分的内容就是token 填写完成后点击“开始调试”按钮，返回参数obj token后面的值就是你需要的app token table id 如果你的url是wiki的，那么恭喜你，又要麻烦了。。。无语 通过列出数据表接口获取 table id 列出数据表 进入列出数据表后，继续填写参数，好在需要的两个参数都已经获取到了。