本文讲述如何在网络项目中启动爬虫程序,原理,前端点击按钮,发送的Ajax请求进行请求,后端接口中接收参数,通过爬虫程序进行翻译,得到翻译后的结果在返回给前端
先看下面动图
制作方法:
如图1所示,前端代码编写,用到HTML + CSS + Ajax的
HTML和CSS主要用于控制样式
Html:用到h2和3个输入标签
Css:input :: - webkit-input-placehoder用于控制占位词的颜色
Ajax的请求:点击按钮时候获取输入框内的数据,构造成参数,传到后端,并将后端返回的
数据设置显示到输出框内
2,后端接口
有道视图函数是用来返回前端模板页面,所以用渲染进行返回
AJAX请求主要是用于局部刷新,显示返回的内容,所以翻译接口无需返回模板页面,我们的翻译程序其实就是一个爬虫程序(翻译接口用的有道)
3,记得不要忘记配置网址
本文技术难点主要在于前端的Ajax的请求,前端薄弱的同学建议多补补前端,前后端配合,不但能实现漂亮界面,而且能实现很多有意思的功能
本人经验有限,不足之处欢迎指正
本人各种精选的学习资料,源码等已传技术群,可免费下载,欢迎添加微信好友,添加成功发送:资料, 拉你进群下载
公众号精选教程:
LINUX + Nginx的+ Uwsgi + Django的部署文档