05-腾讯云AI绘画-13-小程序前端界面原创

各位小伙伴们大家好，前面我们已经把小程序AI绘画服务端的内容给大家介绍完成了，那接下来我们来看一下小程序端的一个实现，那小程序端的实现呢，主要是来实现一个前端界面，所以它的主要内容哈都在index点即文件当中，在这个文件当中就实现了小程序的整个页面，那在这里它主要包含什么呢？诶，事件的处理函数，用户信息获取的方法，还有定时器以及图片生成请求的发起，还有获取到生成的图片之后，把图片绘制在我们的cameras当中，这是index点介词当中主要完成的内容，除了这个之外，在index.w叉ML文件当中实现了一个简单的图像生成应用界面，也就是我们的前端界面，在这个界面当中呢，用户可以输入创意提示。点击生。

成按钮之后，我们就会生成图像，那这个生成图像的时候就是小程序把提示词送到中转服务，中转服务向cos平台发起请求，Cos平台在AI会话端拉取服务，AI会话端会进行图片的上传，然后中转服务查询到图片生成，再返回到小程序端，小程序端把这个图片展示出来就可以了，那在这里面我们的用户可以查询任务状态，完成数量以及处理和剩余时间，生成的图像呢，会在页面上进行展示哈，整个应用过程通过与后台的服务器通信实现，主要的内容就是这些，那这就是我们在这里这个小程器前端页面的一个实现，那在这里大家看一下，我们可以去写下相应的创意，搁这里呢，有一个按钮可以来生成相应的图片，然后在这我们可以去展示相应的图片。也可。

可以去观察当前处理的一个状态，这是我们在这里这个前端界面的一个实现，好，那下面我们的代码当中来给大家去看一下，那大家看一下整个实现过程就在ad轴当中来完成，那这里面主要的内容就是index点基词和index.w叉ML，这个里面就是实现的我们的前端页面的一个设计，然后大家可以看一下啊，在这里面我们可以写下自己的创意，可以点击生成来生成图片，然后生成图片之后呢，会在这个作品图当中来进行图片的一个展示，这是我们的W叉ML文件，另外在这个技文件当中呢，我们就是我们就可以获取应用实例啊，来完成事件处理，来获取用户信息等内容，那这就是小程序前端时间的内容，我们就给大家介绍这些，接下来我们来看一下怎么执行这个过程来完成图像的生成。