本文讲述如何在web项目中启动爬虫程序,原理,前端点击按钮,发送Ajax请求进行请求,后端接口中接收参数,通过爬虫程序进行翻译,得到翻译后的结果在返回给前端
先看下面动图
制作方法:
1、前端代码编写,用到Html+Css+Ajax
html和css主要用于控制样式
Html : 用到h2和3个input标签
Css: input::-webkit-input-placehoder用于控制占位词的颜色
Ajax请求:点击按钮时候获取输入框内的数据,构造成参数,传到后端,并将后端返回的
2、后端接口
youdao视图函数是用来返回前端模板页面,所以用render进行返回
Ajax请求主要是用于局部刷新,显示返回的内容,所以翻译接口无需返回模板页面,我们的翻译程序其实就是一个爬虫程序(翻译接口用的有道)
3、记得不要忘记配置url
本文技术难点主要在于前端的Ajax请求,前端薄弱的同学建议多补补前端,前后端配合,不但能实现漂亮界面,而且能实现很多有意思的功能