使用SQLite和Flas搜索自动完成

Question

我到处看看，似乎找不到一个好的解决办法。我有一个简单的SQLite数据库，里面有电子产品，我有一个搜索框，你可以在里面输入产品的名称来搜索它。但是我想使用自动完成功能，这样用户就可以看到所有与他们输入的内容相关的产品。在

（即，如果他们输入“EOS”，它会有一个小下拉列表，显示所有带有EOS字样的产品，他们可以选择自己想要的产品）

我已经看到Ajaxx有一个自动完成功能，但是我找不到关于如何在我的应用程序中正确实现它的良好说明（我对编程还是相当陌生的，只有大约4个月）。在

Answer 1

考虑签出Datasette，它提供了一种从sqlite数据库获得搜索自动完成和REST支持的机制。在

Answer 2

jQueryUI将是实现这一点的最快方法。这确实是一个Javascript问题，但我将给您一些使用Flask实现这个问题的技巧。在

在view函数中，根据数据库创建产品列表，例如：

def index():
    products = [row.product for row in Products.query.all()]
    return render_template('index.html', products=products)

然后，在HTML/Javascript中使用以下Jinja2语法和过滤器将列表从Python转换成Javascript可以使用的东西（从jQueryUI Docs）：

^{pr2}$

除了这些代码以及jqueryui样式CSS之外，显然还需要构建并包含适当的jqueryui源javascript文件。在