tornado框架学习及借用有道翻译api做自动翻译页面-不止于python - 不止于python

趁着这几天有时间，就简单的学了一下tornado框架，简单做了个自动翻译的页面

仅为自己学习参考，不作其他用途

文件夹目录结构如下：

.
├── server.py
├── static
│   └── css
│       └── bootstrap.min.css
└── templates
    └── index.html

static：主要存放一些css，js及图片文件

templates：主要存放html页面文件

页面如下：（可能有点丑）

主要思路是：

本地启动tornado框架服务 - 浏览器访问127.0.0.1:8888(可自定义端口号) - 返回首页页面 - 输入想要翻译的内容 - 点击翻译 - 后台调用有道翻译的api并将结果返回 - 将结果显示在第二个框中

主要解释就放在代码中

服务端代码：

文件server.py

#coding=utf-8
import os
import json
import time
import hashlib
import random
import requests
import tornado.ioloop
import tornado.web

# 首次请求直接返回index.html页面
class MainHandler(tornado.web.RequestHandler):
    def get(self):
        self.render("index.html")
# 这是下面点击翻译按钮触发的请求类
class EnglineHandler(tornado.web.RequestHandler):  
　　# 通过get()函数，可以获取get请求的参数，还有post()函数
    def get(self):  
　　　　 # get_argument()是用来获取get请求的参数
        msg = self.get_argument('msg', 'msw')  
　　　　 # 调用有道翻译的api，并接受翻译结果
        result = self.req_data(msg)  
　　　　 # 将结果返回给请求的地方
        self.write(result)

    def req_data(self, kw):  
　　　　 # 以下是破解和获取有道翻译api的过程
        salt = str(random.randint(1, 10) + time.time() * 1000)
        s = "fanyideskweb%s%ssr_3(QOHT)L2dx#uuGR@r" % (kw, salt)
        sign = self.md5Encode(s)
        youdao_url = "http://fanyi.youdao.com/translate_o?smartresult=dict&smartresult=rule"
        data = {
            "i": kw,
            "from": "AUTO",
            "to": "AUTO",
            "client": "fanyideskweb",
            "salt": salt,
            "sign": sign,
            "keyfrom": "fanyi.web",
        }
        headers={
            "Cookie": "OUTFOX_SEARCH_USER_ID=-536406613@103.255.228.99; JSESSIONID=aaa3-OEP9rPK9_KECL_Cw; OUTFOX_SEARCH_USER_ID_NCOO=1519777863.8355908; ___rl__test__cookies=%s" % str(time.time()*1000),
            "Referer": "http://fanyi.youdao.com/",
            "User-Agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36",
        }
        res = requests.post(youdao_url, headers=headers, data=data).text

        return self.filter_content(res)
　　 # 将但会结果进行处理
    def filter_content(self, value):
        res = json.loads(value)
        result = ''
        result += res.get('translateResult')[0] + '\n\n\n'
        if not res.get('smartResult'):
            return result
        result += '相关内容：\n'
        for data in res.get('smartResult')['entries']:
            result += (data + '\n')
        return result
　　# 将参数加密
    def md5Encode(self,msg):
        m = hashlib.md5()
        m.update(msg.encode('utf-8'))
        return m.hexdigest()
#
if __name__ == "__main__":  
　　 # 运行tornado服务配置
    settings = {
        "template_path":os.path.join(os.path.dirname(__file__), "templates"),  #模板路径
        "static_path":os.path.join(os.path.dirname(__file__), "static") , #静态文件路径
        "debug":True
    }
    app = tornado.web.Application([
        (r"/", MainHandler),
        (r"/engline", EnglineHandler)
    ], **settings)
    app.listen(8888)
    tornado.ioloop.IOLoop.instance().start()

开启命令：直接运行 python3 server.py，然后打开浏览器就可以看到页面

index.html部分代码：

<html>
 
<head>
    <title>fanyi-m</title>
    <link type="text/css" rel="stylesheet" href="/static/css/bootstrap.min.css" />

</head>  

<style type="text/css">
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
.buttonc button{
    margin:20px 10px;
}
</style>

<script src="http://runjs.cn//js/sandbox/jquery/jquery-1.8.2.min.js"></script>
 
    <body>
        <nav class="navbar navbar-inverse">
            <ul class="nav navbar-nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
        </nav>
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <textarea id="lineso" class="form-control" rows="8"></textarea>
                </div>
                <div class="col-md-2 buttonc" style="text-align:center">
                    <button type="button" class="btn btn-default btn-lg active">auto</button>
                    <button onclick="engline()" type="button" class="btn btn-primary btn-lg active">翻译</button>
                </div>
                <div class="col-md-5">
                    <textarea id="linest" class="form-control" rows="8"></textarea>
                </div>
            </div>
            
        </div>
    </body>
 
<script>
// 没什么用，主要是美化导航栏的
$('.navbar-nav li').click(function(){
    $(this).addClass('active').siblings().removeClass('active')

})
// 翻译按钮的单击事件
function engline(){
    var oldmsg = $('#lineso').val()  
　　// 判断输入框是否为空
    if(oldmsg == null || oldmsg == '' || oldmsg == undefined){
        alert('input content Please')
    }else{
    　　//alert(oldmsg)  
　　　　// 不为空则向该地址，发起ajax的get请求
        $.ajax({
            url:"http://127.0.0.1:8888/engline",
            data : {'msg':oldmsg},
            type : 'GET',
            timeout : 3000,
            success: function(data){
                if(data){
                    $('#linest').val(data)
                }else{
                    alert('not result')
                }
            },
            error: function(XMLHttpRequest, textStatus, errorThrown){
                //查看错误信息
                alert(XMLHttpRequest.status);
                alert(XMLHttpRequest.readyState);
                alert(textStatus);
            }
        })

    };
}

</script>
 
</html>

以上内容：仅为个人学习参考，不得用于商业用途