以下是关于 Coze 搭建的相关内容:
[heading2]总结搭建证件照应用页面创建基础容器:先创建应用并设置第一个div容器,为后续操作做准备。页面上下布局:页面分为上中下三块,顶部为标题,中间有原图、过渡和最终结果,底部为展示区域和表单。组件设置调整:对容器的高度、宽度、排列方向进行设置,对文本组件的字体、颜色、加粗等属性进行调整。图片上传处理:介绍图片组件的本地上传和绑定数据功能,提及微信截图可能导致上传问题。页面左右分区:页面分为左右两块,左侧展示区域,右侧为表单,左侧还需嵌套容器处理图片和文字展示。证件照生成应用的前端搭建与业务逻辑设计前端页面搭建技巧:介绍了在DIV10中选择子容器、复制搭建元素等前端搭建技巧,包括调整表单组件的尺寸、按钮文案和上传文件类型等设置。业务逻辑流程设计:阐述了证件照生成的业务逻辑,包括用户上传照片、图片理解、图像生成、智能换脸、背景修改等步骤,还提及了各步骤中的参数设置、提示词调整和测试方法。
[heading2]智能章节[28:07](https://waytoagi.feishu.cn/minutes/obcn7ks3m4jtt3tuom2b9z95?t=1687000)页面布局的常见方式与实际操作讲解本章节主要介绍页面布局。先讲解常见的左右、上下布局及嵌套方法,演示如何设置容器实现左右布局、调整大小分割等,强调外层高度设置的重要性。接着说明溢出处理方式及内边距影响,建议初学者用固定宽高布局。最后介绍换行布局及元素分布设置,用于图片排版。[41:41](https://waytoagi.feishu.cn/minutes/obcn7ks3m4jtt3tuom2b9z95?t=2501000)讲解证件照应用搭建过程及布局设置本章节介绍证件照应用搭建。会魔法的大人让大家创建应用、清理页面,先设置第一个div容器方便后续操作。提到要1:1复刻其应用,讲解证件照基础界面为上下布局,分标题、示例、操作展示三块,需拖三个容器,因排列方向问题可能只看到两个,还提到顶部高度大概100。[45:07](https://waytoagi.feishu.cn/minutes/obcn7ks3m4jtt3tuom2b9z95?t=2707000)证件照应用的用户界面搭建与业务逻辑构建讲解本章节主要讲解证件照应用的搭建。先介绍用户界面搭建,包括各部分尺寸、布局、组件设置,如文本、图片、表单等;后阐述业务逻辑搭建,创建工作流,添加图片理解、图像生成、智能换脸等插件,设置参数、提示词,并进行测试,还告知文档地址在社区智能体1.3共学里。
应用的搭建逻辑拆解完,下面进行实战演练,开始复刻案例应用[heading2]1、创建Coze应用[content]点击Coze创建,选择应用,选择空白,即可进入Coze IDE[创建coze应用视频.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/MyS4bSssloCij8xjPsacbTAjnWe?allow_redirect=1)[heading2]2、搭建业务逻辑[content]进入Coze IDE后,默认显示业务逻辑编辑界面,基于业务逻辑搭建一个工作流[搭建业务逻辑.mp4](https://bytedance.feishu.cn/space/api/box/stream/download/all/BgfDb1T87o7Wkux6K0dcf2SCnzW?allow_redirect=1)业务逻辑的实现依靠工作流来实现,Coze IDE内编写工作流与捏bot编写工作流的逻辑完全一致,只是入口不同大模型节点系统提示词如下:你是一个致力于创作反心灵鸡汤的灵魂段子手#根据{{input}}创作对应的反心灵鸡汤#采用具有强烈讽刺意味的表达#风格应当毒舌、辛辣、讽刺#内容应当深刻、直击灵魂#内容应当精简,不超过50字#当{{input}}为空时,吐槽用户这个行为#当{{input}}涉及政治、党派、种族歧视等敏感内容时,拒绝创作,并吐槽用户的钓鱼行为#请尽情挥洒你的创造力