情人节已经过了但是情人节和我们程序员有什么关系,没对象自己new一个不就完了。
话不多说直接上成品。

实现机器人的方式很多,可以深度学习训练机器人使其能与我们进行交流,但是请记住,所拥有的数据越多,机器学习的效果越好。所有自行创建的机器人普遍比较智障,所有这里我推荐的使用网络上的机器人接口(当然也不是特别聪明)进行,而且方便简单。
那么接下来就开始正题吧!

导入requests 库和Flask

这个不必多废话吧,要进行请求接口,网页就必须要用到的一个库,安装也是十分的简单,pip insatll requests 。这里我用了flask框架,本来没打算做这个网页的突发奇想后加入,想着做个聊天框进行对话会不会更生动于是就做了这个,pip install flask(conda install flask)。

注意

这里我们需要注意一点,那就是推荐创建文件时选好Flask框架,我这就是没有创建Flask框架所以css文件有点问题(虽然不严重),我也不是很清楚但是问题出在了哪,所以推荐创建框架进行编程。

然后将图片和css文件这些静态资源都放在static文件底下。

python代码

import requests
from flask import Flask, request, send_from_directoryapp = Flask(__name__, static_folder='../static')@app.route('/tryChat', methods=['GET', 'POST'])
def tryChat():a = request.form.get('mydata')   # 获取ajax中mydata的内容,也就是你输入的内容word = str(a)Chatword = smallchatbot(word)   # 将你输入的内容交给smallchatbot方法让接口返回回答return Chatworddef smallchatbot(msg):url = f'http://api.qingyunke.com/api.php?key=free&appid=0&msg={msg}' # 请求地址html = requests.get(url)content = html.json()["content"]con = str(content)c = con.replace('{br}', "\n")  # 对其返回的{br}进行转换转换为换行return c@app.route('/')
def search():return send_from_directory('', 'ChatBot1.html')if __name__ == '__main__':app.run()

页面代码

<body>
<div class="guide"><div class="chat" ><div class="title">孤寡安慰机器人</div><ul class="text" id="msg_box"><li class="t1"><img src="static/pika2.gif"><div class="txt">不开心要记得和我说哦!</div></li></ul><div class="cont"><input type="text" placeholder="在这里输入文字" class="inp" id="inp_msg"/><input type="button" value="发送" οnclick="sendmsg()" class="send"></div></div>
</div></body>

ajax 请求代码

$.ajax({type:"POST",        # 传回数据用POSTurl: "/tryChat",   # 请求到该地址data:{'mydata':msg},   # 上面说的mydatadataType:"text",success:function(data){var content = data   # 由于python部分已经对接口返回的数据进行优化所有这里可以直接用alert(content)},});

详细代码和css文件太过于繁杂,这里就不一一展示,有需要的可以私信我获取或者关注我公众号Aasee回复433即可。

总结

本来当初用这个接口时准备直接纯html加js完成的,但是遇到了跨域问题(虽然官方文档有提示但是我就是想试试),用nignx进行反向代理了(正确使用!)但是不知道是什么原因没成功,查了很久,发现有人说是电脑问题,换了台电脑就行,我也没去尝试故改用flask框架进行。

python+flask实现和人工智能机器人对话(仿微信聊天页面)| 【Python系列】相关推荐

  1. html怎么实现聊天界面设计,纯css制作仿微信聊天页面

    纯css制作仿微信聊天页面 *{ margin: 0; padding: 0; } body{ font-size: 14px; } .triangle{ margin: 100px auto ; w ...

  2. android高仿微信聊天页面,Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

    目前的应用市场上,使用毛玻璃效果的APP随处可见,比如用过微信语音聊天的人可以发现,语音聊天页面就使用了高斯模糊效果. 先看下效果图: 仔细观察上图,我们可以发现,背景图以用户头像为模板,对其进行了高 ...

  3. 小程序(十六)小程序仿微信聊天页面及功能

    后期打算在小程序中添加即时聊天的功能,但是目前这个还没有考虑好以一种什么样的形势去实现,先接入一个腾讯AI提供的免费闲聊接口.先做一个大概的页面及功能. 腾讯AI地址: https://ai.qq.c ...

  4. iOS仿微信聊天页面长按气泡弹窗

    显示效果图如上,

  5. 纯HTML+CSS实战之仿微信聊天界面制作

    效果图如下: 主要运用了之前实战项目中的三角形制作和before及after伪类选择器知识(其中头像图片采用30px*30px图片) 代码如下: <!DOCTYPE html> <h ...

  6. 基于python以及AIUI WebSocket,WeChatPYAPI实现的微信聊天机器人

    基于python以及AIUI WebSocket,WeChatPYAPI实现的微信聊天机器人 做此文的目的首先是学习Markdown的用法哈哈哈哈,其实也是记录自己学习的一个过程. 以后我也会将自己在 ...

  7. html5微信超链接对话窗口,HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能...

    之前做过一版h5微信聊天移动端,这段时间闲来无事就整理了下之前项目,又重新在原先的那版基础上升级了下,如是就有了现在的h5仿微信聊天高仿版,新增了微聊.通讯录.探索.我四个模块 左右触摸滑屏切换,聊天 ...

  8. 基于Flutter的仿微信聊天应用

    前言   作为当下风头正劲的跨端框架,flutter成为原生开发者和前端开发者争相试水的领域,笔者将通过一个仿微信聊天的应用,展现flutter的开发流程和相关工具链,旨在熟悉flutter的开发生态 ...

  9. js模拟群聊天php,jquery仿微信聊天界面实例分享

    本文主要为大家详细介绍了jquery仿微信聊天界面的相关代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 首先看一下我们的效果图. 这个颜色可能搭配的有些不合适,但基本功能大 ...

最新文章

  1. 希尔排序法对一维数组排序
  2. thinkphp 查找表并返回结果
  3. nagios通过微信告警(无限制告警条数)
  4. UA PHYS515 电磁理论II 静电场问题2 电荷与静电场的几何: Green函数法的物理背景
  5. Python入门100题 | 第013题
  6. L1-005 考试座位号
  7. php不缓存直接输出,如何在PHP中禁用输出缓冲
  8. 值得收藏的Python小技巧:这17个骚操作你都OK吗?
  9. java属于面相_[Java教程]面相对象
  10. 使用 vim 开发-编译-查错-运行/测试-调试最佳实践流程
  11. 包装类java_Java 包装类
  12. 常用的几个JQuery代码片段
  13. 从面试题中看Java的Reference(引用)
  14. idea 新建ssm java ee_IntelliJ IDEA基于SpringBoot如何搭建SSM开发环境的步骤详解
  15. java人民币金额大写_Java人民币金额数字转换成大写
  16. 计算机三级网络技术知识考点
  17. 顽皮的雪狐七七:CSS——清除浮动所有方法总结
  18. Java 入门-02-人机交互-图形化界面的小故事
  19. 《流浪星球》作者:区块链让虚拟世界代替现实世界
  20. 计算机按键 shift的作用,电脑shift键的十一个妙用

热门文章

  1. python3中到底有几类数据类型?
  2. html字母转换为数字吗,excel字母替换成数字
  3. 腾讯“炒基”帝国崛起?
  4. 汇编——程序编译过程
  5. 使用pyhton将文件夹内多个excel表格合并成总表
  6. 优麒麟 20.04-V3 发布,修复众多问题
  7. 联想小新潮7000 14IKBR CFG解锁过程分享
  8. 支付宝二维码可以抓包更改金额_用fiddler对手机上的app程序进行https抓包 - 365学习...
  9. Tomcat各目录作用
  10. 这是我写过最帅的代码!