coze最近迎来了重大更新,其应用功能已能被开发并发布到小程序平台上了。虽然coze应用目前还处于beta测试阶段,但经过我的体验,其强大功能令人惊叹。
现在,即使像我这样从未涉足过微信小程序开发的人,也能通过简单的拖拽操作,轻松搭建出自己想要的应用。这种体验真是令人愉悦。
如果你也拥有独特的创意,却因开发成本高昂而犹豫不决,那么现在,不妨跟随我的步伐,尝试亲手制作一个微信小程序吧!
今日的教程重点在于小程序的页面建设。为了方便零基础的用户,我将从基础出发,逐步引导大家完成页面的设计。
在此次示例中,我们将打造一个简易的海报生成器应用。该应用的设计非常简单直观:
1. 首页设计:展示一个生成海报的页面。
2. 我的页面:保存用户历史生成的记录。
我们将使用工作流来实现以上功能的逻辑。接下来,我们将专注于页面的设计部分。
进入coze应用后,选择“用户界面”中的“小程序和H5”,然后点击“开始搭建”。
我的页面设计非常简单:用户只需输入节气名称和相关的图像生成要求,然后点击生成按钮,即可获得一报。
生成的海报图片,我们需要在页面上预览。为此,我直接在表单下方添加了一个图片展示区域。
考虑到手机壁纸的比例需求,我们需要将图片比例设置为9:16。
如此一来,一个简洁的首页就搭建完成了。有人可能会问,一进入页面就看到图片会不会觉得奇怪?确实,因此我们需要在后续的业务逻辑中控制图片的可见性。
当海报生成后,我希望能够记录下生成的数据,以便用户可以随时查看之前的生成图像。这一功能应该算是基础中的基础。
接着,我们创建一个新的页面,并将其命名为“我的”。
在页面下方的菜单栏中,将“我的”按钮与新建页面进行关联。
别忘了在首页的菜单中也进行同样的设置,否则菜单可能会出现问题。
完成所有设置后,点击预览查看菜单切换是否正常。
在“我的”页面上,我们将展示历史生成的图片。我期望图片在上方显示,下方则是节气名称和生成时间。
为了实现这样的布局,我们需要使用“容器”控件进行灵活排版。现在,我们在内容下方添加一个容器控件。
接下来,我们单击标题并拖动到容器中。然后根据需要调整文本和图片的排版参数。
经过一番调整和操作后,页面现在看起来就像这样了。
最后一步是替换内容为图片。我们将图片拖入并替换原来的内容。
至此,我们的页面搭建工作基本完成。如果大家有更高要求,可以自行进行美化。