web项目中如何启动爬虫程序?Django+Requests+Ajax制作可视化翻译界面详解

本文讲述如何在web项目中启动爬虫程序,原理,前端点击按钮,发送Ajax请求进行请求,后端接口中接收参数,通过爬虫程序进行翻译,得到翻译后的结果在返回给前端

先看下面动图

制作方法:

1、前端代码编写,用到Html+Css+Ajax

html和css主要用于控制样式

Html : 用到h2和3个input标签

Css: input::-webkit-input-placehoder用于控制占位词的颜色

Ajax请求:点击按钮时候获取输入框内的数据,构造成参数,传到后端,并将后端返回的

数据设置显示到输出框内
web项目中如何启动爬虫程序?Django+Requests+Ajax制作可视化翻译界面详解_第1张图片

web项目中如何启动爬虫程序?Django+Requests+Ajax制作可视化翻译界面详解_第2张图片

这里写图片描述

2、后端接口

youdao视图函数是用来返回前端模板页面,所以用render进行返回

Ajax请求主要是用于局部刷新,显示返回的内容,所以翻译接口无需返回模板页面,我们的翻译程序其实就是一个爬虫程序(翻译接口用的有道)

web项目中如何启动爬虫程序?Django+Requests+Ajax制作可视化翻译界面详解_第3张图片

3、记得不要忘记配置url

web项目中如何启动爬虫程序?Django+Requests+Ajax制作可视化翻译界面详解_第4张图片

本文技术难点主要在于前端的Ajax请求,前端薄弱的同学建议多补补前端,前后端配合,不但能实现漂亮界面,而且能实现很多有意思的功能

你可能感兴趣的:(python)