韦恩:扣子"AI应用"进阶,带你搭建价值万元的邮票收藏馆应用
韦恩:扣子"AI应用"进阶,带你搭建价值万元的邮票收藏馆应用
韦恩:扣子"AI应用"进阶,带你搭建价值万元的邮票收藏馆应用 韦恩:扣子"AI应用"进阶,带你搭建价值万元的邮票收藏馆应用 Modified August 1, 2025 4、开发设计展示 具体的工作流和变量设置如下: 4.1、生成邮票: 大模型提示词: Code block Plain Text Copy 你是一位极具创造力的超燃画师,拥有敏锐的洞察力,能够从用户的只言片语中精准把握其意图,迅速生成符合用户需求的画风以及画面内容所对应的完整提示词。你的作品充满活力与激情,总能给人带来强烈的视觉冲击。你不断探索新的绘画风格和表现手法,以满足不同用户的独特需求。同时,你对各种绘画风格了如指掌,无论是写实、抽象、卡通还是奇幻风格,都能轻松驾驭。你还善于运用色彩和光影,营造出独特的氛围和情感。在创作过程中,你会充分考虑用户的喜好和要求,确保最终的提示词能够准确地传达用户的想法,帮助用户实现心中的完美画面。 用户输入 启动 请结合用户输入,和你对艺术的理解,生成AI作画的提示词,同时取出邮票主体的名字 注意 提示词长度不超过200个汉字 人物角色基于东方人的特点描述 符合社会要求 强调邮票风格 只输出提示词,没有任何分析,没有任何引导 输出前,再次确认提示词为200字以内 名字示例"南瓜" 示例 邮票风格,一枝寒梅傲立雪中,枝干苍劲有力,梅花朵朵绽放,花瓣上带着点点晶莹的雪花,尽显清冷高洁之态。背景为简约的中式雪景,以淡墨色渲染出朦胧的天地,营造出孤寂又高雅的氛围。整体色调以冷色为主,突出寒梅的坚韧与不屈,展现东方韵味,如同传统国画中的工笔细描,每一处细节都精致入微,充满艺术感染力。 图像生成提示词: Code block Plain Text Copy 画一幅画,画面的边缘是邮票锯齿形状,邮票占满整个画面,镀金底色,超高清细节,32k,3D, {{prompt}} 此处的{{prompt}}是大模型节点输出的内容 4.2、收藏邮票: Code block SQL Copy INSERT INTO stamp (prompt, img url, input, create date) VALUES ('{{prompt}}', '{{url}}', '{{input}}', NOW()) 4.3、查询收藏 Code block SQL Copy SELECT prompt, img url, input, create date FROM stamp where img url!='' and input!='' order by create date desc 4.4、数据库设计 4.5、变量设计 四、变现&二创 🍞 1、在公司给自己贴AI大神标签 2、社交网络进行分享,扩大影响力 3、承接项目开发 二创方向 1、增加画板节点,结合公司Logo,生成一系列公司主题的产品邮票 2、承接类似需求,扩充工作流,以适应更复杂的业务 3、可修改提示词为:调整生图内容方向 五、总结 🍰 技术很关键 创意更重要 好技术+好创意=好产品 祝大家在AI应用之路越走越远,增加自己的收入。 公众号(韦恩AI智能体) 微信号请注明来意 4、开发设计展示 具体的工作流和变量设置如下: 4.1、生成邮票: 大模型提示词: 图像生成提示词: 此处的{{prompt}}是大模型节点输出的内容 4.2、收藏邮票: 4.3、查询收藏 4.4、数据库设计 4.5、变量设计 四、变现&二创 🍞 1、在公司给自己贴AI大神标签 2、社交网络进行分享,扩大影响力 3、承接项目开发 二创方向 1、增加画板节点,结合公司Logo,生成一系列公司主题的产品邮票 2、承接类似需求,扩充工作流,以适应更复杂的业务 3、可修改提示词为:调整生图内容方向 1、在公司给自己贴AI大神标签 2、社交网络进行分享,扩大影响力 3、承接项目开发 二创方向 1、增加画板节点,结合公司Logo,生成一系列公司主题的产品邮票 2、承接类似需求,扩充工作流,以适应更复杂的业务 3、可修改提示词为:调整生图内容方向 五、总结 🍰 技术很关键 创意更重要 好技术+好创意=好产品 技术很关键 创意更重要 好技术+好创意=好产品 祝大家在AI应用之路越走越远,增加自己的收入。 公众号(韦恩AI智能体) 微信号请注明来意 ⛱️ 讲师介绍 韦恩 • 智能体创业者 • WayToAGI共建者 • 微软提示词工程师 • 爱问AI智能体交付专家 • 企业级AI Agent定制专家 • 荣获多家AI开发平台的比赛奖项 • 13年程序开发背景,多家企业的AI落地顾问 承接业务: • 1v1辅导 • 智能体培训 • 智能体定制开发 • 企业AI项目落地 讲师介绍 韦恩 • 智能体创业者 • WayToAGI共建者 • 微软提示词工程师 • 爱问AI智能体交付专家 • 企业级AI Agent定制专家 • 荣获多家AI开发平台的比赛奖项 • 13年程序开发背景,多家企业的AI落地顾问 承接业务: • 1v1辅导 • 智能体培训 • 智能体定制开发 • 企业AI项目落地 一、课程计划 DAY1:入门: 搭建证件照应用,需要有一定的智能体搭建基础,传送门 传送门 课程回放: DAY2:进阶: 邮票收藏馆搭建,需要有第一天的AI应用搭建基础 课程回放: 二、你将收获 1. 完整构建一个中等复杂的扣子AI应用学习 2. 解决应用构建过程中的卡点:页面布局、页面跳转、数据绑定、页面复用等 3. 获得一个价值万元的邮票收藏馆AI应用 三、开始搭建 1、业务背景与逻辑梳理 这个Idea是源于一个客户,客户想做产品邮票的需求,然后后来没成交。随着即梦2.1生图模型的出现,让这件事成为可能,直接生图,生成邮票样式的图片,还是很好玩的,我做好了之后,抽了一堆卡。 言归正传,说一下这个AI应用的功能,生成邮票、收藏邮票、收藏列表、查看藏品详情,然后页面上规划了两个页面,一个是生成相关的,一个是查看相关的,这样体验会好一些,交互也好做。 现阶段,不适合做特别复杂的应用交互,咱们开始吧。 Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet Unable to load the board. Please refresh and try again.Copy ErrorRefresh Nothing on the board yet 2、页面设计 2.1、第一页 导航栏:应用名称、查看收藏入口、用户头像 陈列展示:上传一些生成的图片,让用户看到邮票的可能性 生成和收藏:输入邮票关键字,然后立即生成,下面展示生成效果,满意就点理解收藏 查看收藏:收藏之后,点击顶部查看收藏入口,进入新页面 2.2、第二页 收藏列表:在进入页面时会加载用户的所有收藏,现在最大数量是100,再多了需要优化一下,加翻页 收藏详情:点击收藏的邮票,可以查看邮票的大图、邮票生成的关键字、收藏时间,时间格式带了东八区的标识 返回首页:点击返回首页。 3、AI应用卡点 3.1、列表加载 先使用事件,加载时去通过工作流读取数据 然后给列表容器的属性上绑定工作流返回的列表数据 去掉原有列表容器的组件,拖进去一个图片组件,进行数据绑定 完成以上就可以了,列表数据展示正常,不支持的可以检查检查数据结构是不是对,是不是已经存进去数据了。 3.2、查看详情 点击邮票,右侧显示详情