在 Django 中实现输入字段的搜索自动完成

Django 是一个基于Python的高级 Web 框架，允许快速开发和干净、实用的设计。它也被称为包含电池的框架，因为 Django 为一切提供了内置功能，包括 Django 管理界面、默认数据库 - SQLlite3 等。今天我们将在 django 中创建笑话应用程序。

在本文中，我们将学习如何从 django 模型中获取数据并为其提供自动完成等功能。我们将使用 jquery 进行自动完成。

安装 ：

Ubuntu

pip3 install django

首先我们将创建新项目

django-admin startproject AutoC

cd AutoC

然后我们将创建新的应用程序

python3 manage.py startapp main

然后在 INSTALLED_APPS 中的settings.py中添加应用程序名称

模型.py

Python3

from django.db import models
  
# Create your models here.
class Language(models.Model):
    name = models.CharField(max_length=20)
  
    def __str__(self):
        return f"{self.name}"

然后要创建数据库表，我们必须进行迁移

python3 manage.py makemigrations

python3 manage.py migrate

我在表中添加了这些语言。

蟒蛇3

from django.shortcuts import render
from .models import Language
  
# Create your views here.
def home(request):
    languages = Language.objects.all()
    return render(request,'main/index.html',{"languages":languages})

然后在 app模板里面创建新目录，创建另一个目录main

然后创建新文件index.html

HTML

    AutoComplete
      
      
    
      
      
    
      


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

然后创建新文件urls.py

蟒蛇3

from django.urls import path
from .views import  *
  
urlpatterns = [
    path('', home,name="home")
]

然后在我们的 project/urls 中添加 app/urls

AutoC/urls.py

蟒蛇3

from django.contrib import admin
from django.urls import path,include
  
urlpatterns = [
    path('admin/', admin.site.urls),
    path('',include("main.urls"))
]

然后运行这个应用程序

视窗

python manage.py runserver

Ubuntu

python3 manage.py runserver