游逗网,重度移动游戏垂直门户!

最新游戏|最新软件|游戏更新|电脑软件|电脑游戏|专题合集|合集排行
您当前位置:首页 > 资讯教程 > 软件教程 >  如何在微信小程序中实现问答机器人?

如何在微信小程序中实现问答机器人?

作者:浅殇发布时间:

  今天小编就带大家来共同学习如何在微信小程序中实现问答机器人? 希望可以帮助到有需要的小伙伴哦,下面就是详细完整的操作步骤。

  实例主要功能

  风格类似聊天窗口

  用户发送信息时,调用机器人接口返回回答信息

  将所有信息记录到本地存储中

  每次打开都显示最近的问答数据

  当发送空信息时有相应提示

  先看效果图

  微信小程序 - 问答机器人

  关键代码分析

  提示信息

  wx.showToast({

  title: \'请输入您的问题\',

  icon: \'loading\'

  });

 说明:icon可以接收loading、success(默认)存储数据到本地

  setContent2Storage: function(data) {

  wx.setStorage({

  key: \'content\',

  data: data,

  success: function(res){

  // success

  //console.log("=====保存成功=====");

  }

  })

  }

  说明:数据存储是以键值对的形式存在,key表示键,data表示值,可以是字段串,也可以是对象从本地存储中取值

  loadContent: function() {

  var page = this;

  wx.getStorage({

  key: \'content\',

  success: function(res){

  // success

  console.log(res);

  page.setData({content:res.data});

  }

  })

  }

  说明:上面的setContent2Storeage和loadContent都是属于自己在本例中的封装,微信所封装的方法分别是wx.setStorage和wx.getStorage,通过键即可获取出数据,并将数据设置到page的data中,这样即可更新页面中的数据。

  index.wxml

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  发送

  

  

  

  说明:在这个实例中增加使用了scroll-view可滚动的视图容器。详细说明可参考官方scroll-view,也使用了wx:if用于判断该使用哪个视图模板视图模板

  

  

  

  

  {{item.date}}

  {{item.text}}

  

  

  

  以上只是贴出了一些相对关键的代码,直接使用无法运行。

  以上就是如何在微信小程序中实现问答机器人的全部内容了,大家都学会了吗?

复制本文链接攻略文章为游逗网所有,未经允许不得转载。
系统教程更多
相关资讯更多
热门资讯更多
  1. 1如何在AutoCAD中选框选图形?在AutoCAD中选框选图形的方法
  2. 2QQ如何使用面对面快传?QQ使用面对面快传的方法
  3. 3怎么使用AutoCAD中的快速标注?
  4. 4如何在会声会影10中插入字幕?
  5. 5微信电脑版如何视频聊天?微信电脑版视频聊天的方法
  6. 6微信电脑版如何无限多开?微信电脑版无限多开的方法
  7. 7微信电脑版撤回消息的具体操作步骤介绍
  8. 8会声会影X7功能优势是什么?会声会影X7功能优势详解
火爆软件榜更多
精选资讯更多
热门专题全部>
热门分类全部>