Flask 项目实战教程——在线翻译应用
Echo_Wish
编辑于 2023年11月01日 16:56
收录于文集
共103篇

Flask 项目,构建一个在线翻译应用。用户可以输入文本,选择源语言和目标语言,然后查看翻译结果。这是一个实际的 Web 应用程序示例,适用于初学者和希望深入了解 Flask 的人。

步骤 1: 准备环境

首先,确保您已经安装了 Python 和 Flask。如果您尚未安装 Flask,可以使用以下命令进行安装:

代码块
JavaScript
自动换行
复制代码
pip install Flask
复制成功

步骤 2: 创建 Flask 应用

创建一个名为 "translator_app&#​34; 的文件夹,然后在其中创建一个名为 "app.py&#​34; 的 Python 文件。我们将在此文件中构建我们的 Flask 应用。

代码块
JavaScript
自动换行
复制代码
from flask import Flask, render_template, request
from googletrans import Translator

app = Flask(__name__)

translator = Translator()

@app.route('/')
def index():
    return render_template("index.html")

@app.route('/translate', methods=['POST'])
def translate():
    text = request.form['text']
    source_lang = request.form['source_lang']
    target_lang = request.form['target_lang']
    
    translation = translator.translate(text, src=source_lang, dest=target_lang)
    
    return render_template("index.html", translation=translation.text)

if __name__ == '__main__':
    app.run(debug=True)
复制成功

步骤 3: 创建 HTML 模板

接下来,需要创建模板文件夹 ,并在其中创建 文件。这是我们应用的前端视图。

代码块
JavaScript
自动换行
复制代码
<!DOCTYPE html>
<html>
<head>
    <title>在线翻译应用</title>
</head>
<body>
    <h1>在线翻译应用</h1>
    
    <form method="POST" action="/translate">
        <label for="text">请输入要翻译的文本:</label>
        <input type="text" name="text" id="text" required>
        <br>
        <label for="source_lang">选择源语言:</label>
        <select name="source_lang" id="source_lang">
            <option value="en">英语</option>
            <option value="es">西班牙语</option>
            <option value="fr">法语</option>
            <option value="de">德语</option>
        </select>
        <br>
        <label for="target_lang">选择目标语言:</label>
        <select name="target_lang" id="target_lang">
            <option value="en">英语</option>
            <option value="es">西班牙语</option>
            <option value="fr">法语</option>
            <option value="de">德语</option>
        </select>
        <br>
        <input type="submit" value="翻译">
    </form>
    
    {% if translation %}
    <h2>翻译结果:</h2>
    <p>{{ translation }}</p>
    {% endif %}
</body>
</html>
复制成功

步骤 4: 启动应用

运行应用:

代码块
JavaScript
自动换行
复制代码
python app.py
复制成功

访问 ,您将看到在线翻译应用的界面。输入文本、选择源语言和目标语言,然后点击“翻译”按钮,即可获得翻译结果。

这就是一个使用 Flask 创建的简单在线翻译应用的示例。您可以根据需求进行扩展和改进。希望这个教程对您有所帮助!