# 微信小程序-智能机器人
项目为智能应答机器人,使用了图灵机器人接口,慢慢调戏吧
![image](http://images2015.cnblogs.com/blog/995265/201702/995265-20170206185751057-1491048847.gif)
- 首页,主要处理页:
```
//index.js
var app = getApp();
var that;
var chatListData = [];
Page({
data: {
askWord: '',
userInfo: {},
chatList: [],
},
onLoad: function () {
that = this;
//获取用户信息
app.getUserInfo(function (userInfo) {
that.setData({
userInfo: userInfo
});
});
},
onReady: function () {
//问候语
setTimeout(function () {
that.addChat('你好啊!', 'l');
}, 1000);
},
sendChat: function (e) {
let word = e.detail.value.ask_word ? e.detail.value.ask_word : e.detail.value;//支持两种提交方式
that.addChat(word, 'r');
//请求api获取回答
app.req('post', 'openapi/api', {
'data': { 'info': word, 'loc': '广州', 'userid': '123' },
'success': function (resp) {
that.addChat(resp.text, 'l');
if (resp.url) {
that.addChat(resp.url, 'l');
}
},
});
//清空输入框
that.setData({
askWord: ''
});
},
//新增聊天列表
addChat: function (word, orientation) {
let ch = { 'text': word, 'time': new Date().getTime(), 'orientation': orientation };
chatListData.push(ch);
that.setData({
chatList: chatListData
});
}
})
```
- 页面:
```
//index.wxml
<view class="container">
<scroll-view class="scrool-view" scroll-y="true">
<view class="chat-list">
<block wx:for="{{chatList}}" wx:key="time">
<view class="chat-left" wx:if="{{item.orientation == 'l'}}">
<image class="avatar-img" src="../../res/image/wechat-logo.png"></image>
<text>{{item.text}}</text>
</view>
<view class="chat-right" wx:if="{{item.orientation == 'r'}}">
<text>{{item.text}}{{item.url}}</text>
<image class="avatar-img" src="{{userInfo.avatarUrl}}"></image>
</view>
</block>
</view>
</scroll-view>
<form bindsubmit="sendChat">
<view class="ask-input-word">
<input placeholder="" name="ask_word" type="text" bindconfirm="sendChat" value="{{askWord}}" />
<button formType="submit" size="mini">发送</button>
</view>
</form>
</view>
```
- 网络请求方法:
```
//app.js
req: function (method, url, arg) {
let domian = 'http://www.tuling123.com/', data = { 'key': '9d2ff29d44b54e55acadbf5643569584' }, dataType = 'json';//为方便广大群众,提供key
let header = { 'content-type': 'application/x-www-form-urlencoded' };
if (arg.data) {
data = Object.assign(data, arg.data);
}
if (arg.header) {
header = Object.assign(header, arg.header);
}
if (arg.dataType) {
dataType = arg.dataType;
}
let request = {
method: method.toUpperCase(),
url: domian + url,
data: data,
dataType: dataType,
header: header,
success: function (resp) {
console.log('response content:', resp.data);
let data = resp.data;
typeof arg.success == "function" && arg.success(data);
},
fail: function () {
wx.showToast({
title: '请求失败,请稍后再试',
icon: 'success',
duration: 2000
});
typeof arg.fail == "function" && arg.fail();
},
complete: function () {
typeof arg.complete == "function" && arg.complete();
}
};
wx.request(request);
}
```
完!
lipi80
- 粉丝: 126
- 资源: 22
最新资源
- HTML5实现好看的水上运动俱乐部网站源码.zip
- HTML5实现好看的私人水疗会所网页模板.zip
- HTML5实现好看的外贸商务合作公司网站模板.zip
- HTML5实现好看的涂料粉刷公司官网网站源码.zip
- HTML5实现好看的外卖订餐平台网站模板.zip
- HTML5实现好看的野生动物园网站源码.zip
- HTML5实现好看的网红沙发茶几网站源码.zip
- HTML5实现好看的响应式蓝色商城网站源码.zip
- HTML5实现好看的在线课堂教育培训网站源码.zip
- HTML5实现好看的婴儿护理教育网站源码.zip
- HTML5实现好看的游戏门户新闻网站源码.zip
- HTML5实现好看的珠宝首饰电商网站源码.zip
- HTML5实现好看的智能家居互联网产品网站源码.zip
- 苹果、柠檬、人检测3-YOLO(v5至v11)、COCO、CreateML、Paligemma、TFRecord、VOC数据集合集.rar
- 使用Python编程实现圣诞树图形绘制
- 基于多时间尺度的灵活性资源优化配置 关键词:多时间尺度;模型预测控制;日内滚动优化; 1. 程序:matlab-yalmip-cplex 2.设备:以包含风力场、光伏电站、微型燃气轮机、蓄电池、余热锅
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈