使用Python和 Flask 自动完成输入建议

在本文中，我们将学习如何为从 Flask 传递的数据提供自动完成等功能。自动完成基本上意味着在用户键入内容时预测单词的其余部分。这样，每次正确的预测都会增加人际互动。让我们看看如何做同样的事情。

我们将使用 jquery 进行自动完成。

安装 ：

要安装烧瓶，请在终端中键入以下命令。

pip install flask

首先，为项目创建一个新目录。在里面创建一个新文件并将其命名为app.py。

应用程序

Python3

from flask import Flask, request, render_template
  
  
app = Flask(__name__)
  
  
@app.route("/", methods=["POST", "GET"])
def home():
    if request.method == "GET":
        languages = ["C++", "Python", "PHP", "Java", "C", "Ruby",
                     "R", "C#", "Dart", "Fortran", "Pascal", "Javascript"]
          
        return render_template("index.html", languages=languages)
  
  
if __name__ == '__main__':
    app.run(debug=True)

然后，在项目中创建一个新目录来保存所有 HTML 文件并将它们命名为templates 。在这个文件中，我们有一个输入字段，用户将在其中输入一个字符串，jquery函数将提供建议。

索引.html

HTML

    AutoComplete
      
      
    
      
      
    
      


    Welcome to GFG
    
    
    
  $( function() {
    var availableTags = [
        {% for language in languages %}
            "{{language}}",
        {% endfor %}
    ];
    $( "#tags" ).autocomplete({
      source: availableTags
    });
  } );
  
    

要运行此应用程序，请打开 cmd 或终端并运行以下命令。

python app.py

输出：