通过coze的最新更新，您可以创建应用程序并将其发布到小程序中。虽然coze应用程序还处于beta测试版本，但到目前为止我已经体验过它，感觉它确实很强大。

从此以后，从来不乱搞微信小程序的我，通过拖拽就可以轻松构建出自己想要的应用了。这种感觉实在是太棒了。

如果你有自己的想法，但是开发成本太高。

那么，现在！大家可以跟随我的脚步，尝试自己制作一个微信小程序！

今天的目标是教大家如何搭建页面，加油！

一、如何创建应用程序 1.输入coze，创建一个空白应用程序

2.点击创建并选择创建应用程序

3.然后单击“创建空白应用程序”

4.然后根据您的需求填写相关信息，点击确认。

2、规划功能

为了方便零基础搭建，我这里没有设计太复杂的功能。我只为这个海报生成器设计了两个功能点。

1.首页，是生成海报的页面

2.矿井，保存历史产生的记录。

上述功能的具体逻辑将使用工作流来实现。稍后我会详细阐述。今天的目标主要是完成页面的设计。

3. 如何构建移动UI界面

现在您已经有了应用程序，下一步是设计页面。

1.选择UI构建类型

进入应用后，点击顶部“用户界面”，选择“小程序和H5”，然后点击“开始构建”

2.设计“主页”，即海报生成页面①。添加用于生成请求的表单

②.设计形式

我的页面很简单，就是用户提供二十四节气的节气名称，然后填写生成图片的要求，然后点击生成海报。所以修改表单后，它看起来像这样：

修改内容非常简单，只需点击要修改的地方，右侧就会出现属性。基本上一看就明白了，就不详细说了。

③.添加生成图像的显示位置

点击后，会生成一张图片，所以我们需要设计一个预览图片的地方。我在这里就简单地做一下，不做多层。我会直接在表单下方添加图片进行显示。

因为我们是做手机壁纸，所以图片比例需要修改为9:16

这样一个简单的主页就完成了。有人可能会问，一进页面就有这张图片，看起来很奇怪。这是正确的，

确实很奇怪，所以我们后面做业务逻辑的时候，还需要控制图片的可见性。现在先别急着改。

3、设计“我的”页面，展示历史生成记录

海报生成后，我希望记录生成的数据，以便稍后可以看到之前生成的图像。这应该被认为是一个基本功能。

①.创建一个新页面

单击页面底部的此按钮创建一个新页面，我们将其命名为“我的”

②.将菜单项关联到“我的”

点击页面底部菜单栏，然后​​将“我的”按钮页面跳转与新页面关联

记住，首页首页的菜单也必须进行类似的设置，否则菜单会出现问题。

一切设置完毕后，点击预览，看看点击菜单切换是否正常。

③.添加垂直列表

用于显示历史生成的图像

④.添加标题和时间显示

我希望图片在上面，图片下面是节气名称加上生成时间。最后的效果是这样的。

那么该怎么办呢？

如果我们需要改变一些布局，就需要使用“容器”控件，它是专门用于我们灵活布局的。现在，我在内容下方添加一个容器，只需将其拖动到其中一个，其他列表也会出现。

接下来我们点击标题，不要松手，将其拖入容器中，现在看起来像这样：

由于我还需要显示时间，所以我还需要拖入一个文本显示

文字进来了，但是我们发现布局看起来有点奇怪，所以我需要再次调整一下，点击控制位置。

然后调整右边这些参数，将高度改为：适应内容，排列方向选择水平，将调整为0，大家可以自己改一下看看效果。稍后你就会知道每个函数的大致含义。

经过以上操作后，页面现在是这样的

⑤.添加图片显示

因为我们需要显示的是图片记录，所以我们还需要将内容替换为图片。我们把图片拖进去，删除原来的内容。

最终的效果就变成这样了：

至此，我们的页面搭建就基本完成了。当然，如果你要求高的话，可以自己美化一下。

有用的内容太多了，本期先分享一下页面搭建。下一期我将指导大家实现海报生成的业务逻辑。敬请关注！