Làm cách nào để thêm jQuery vào Python?

Trước khi tìm các tệp tĩnh, chúng ta hãy thiết lập Thư mục mẫu cho dự án và giữ tệp html của chúng tôi bên trong nó

Thư mục mẫu

Chúng tôi có một thư mục mẫu là my_templates và hãy để chúng tôi giữ một đăng ký. tập tin html bên trong nó. Trong tệp cài đặt của chúng tôi ( settings. py ), chúng tôi phải nói với Django về thư mục mẫu của chúng tôi

cài đặt. py

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'my_templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

Bên trong thư mục my_templates, chúng tôi đã lưu sổ đăng ký của mình. html, tệp này là tệp chính của chúng tôi, nơi chúng tôi sẽ kết nối các tệp tĩnh Bootstrap và JQuery của mình

Hiểu các url

Trong hướng dẫn Django Basic của chúng tôi, chúng tôi đã giải thích về cấu trúc url Django để hiển thị các trang. Ở đây nó được giải thích một lần nữa

Hãy để chúng tôi bắt đầu với các url dự án. py nằm trong thư mục plus2net (tên dự án của chúng tôi là plus2net)

from django.contrib import admin
from django.urls import path,include

urlpatterns = [
    path('admin/', admin.site.urls),
	path('', include('jq.urls'))
]

Vì vậy, bất kỳ lệnh gọi nào đến trang chủ ( http. //127. 0. 0. 1. 8000/register ) sẽ hướng đến các url. py bên trong jq. url của chúng tôi. py bên trong jq ở đây.

from django.urls import path,include
from . import views
urlpatterns = [
	path('register',views.register,name='register'),
	path('',views.blank,name='blank'),
]

Điều này sẽ gọi chức năng đăng ký bên trong chế độ xem. py. Bây giờ chúng ta hãy kiểm tra quan điểm. py.

from django.shortcuts import render
from django.http import HttpResponse 

# Create your views here.

def register(request):
	return render(request, 'register.html')
	
def blank(request):
	return HttpResponse('Welcome to plus2net')

Đăng ký của chúng tôi ở đâu. trang html?

kiểm tra cài đặt. tập tin py

STATIC_URL = '/static/'

Ở đây chúng tôi đang xác định STATIC_URL của chúng tôi, chúng tôi sẽ sử dụng điều này để tham khảo trong các trang của chúng tôi.

STATICFILES_DIRS = [
	os.path.join(BASE_DIR,'static')
]

Ở đây, chúng tôi đã đặt trang URL tĩnh của mình để có thể sử dụng trang tương tự cho các mẫu của chúng tôi. Bây giờ hãy tạo một thư mục có nội dung tĩnh. Chạy lệnh này. ________ 6 Bây giờ chúng ta đã sẵn sàng để thêm các trang tĩnh vào các trang html của bạn. Chúng tôi đã tạo đăng ký. trang html bên trong thư mục my_templates. Bây giờ sửa đổi mã

Đăng ký. html

{% load static %}





I am from inside my_templates dir , register.html page
 

Đầu tiên chúng tôi đã tải thẻ tĩnh. Thẻ này chúng tôi đã sử dụng để báo cho Django biết các tệp của tôi cần liên kết ở đâu. Lưu ý dòng liên kết các. tập tin css. Tập tin này được lưu trữ bên trong thư mục tĩnh. Đường đi của nó là đây.

Bây giờ, tương tự, chúng tôi sẽ giữ các tệp JavaScript, tệp hình ảnh của mình trong các thư mục khác nhau bên trong thư mục tĩnh. «JQuery là gì ?
Chúng tôi sẽ liên kết tệp JQuery của mình dưới dạng bất kỳ tệp JavaScript bên ngoài nào trong sổ đăng ký của chúng tôi. trang html. Chúng tôi có thể sử dụng nhiều tệp JavaScript hơn, vì vậy hãy để chúng tôi giữ chúng trong một thư mục mới và đặt tên là js. Tạo một thư mục js bên trong thư mục tĩnh. (nó sẽ song song với thư mục CSS mà chúng ta đã tạo sẵn)

Tải xuống tệp Jquery từ https. // jquery. com/download/ , lưu dưới dạng jquery-3. 4. 1. js bên trong thư mục tĩnh/js. Tên tệp có thể thay đổi dựa trên phiên bản đã tải xuống của bạn

Chúng tôi sẽ liên kết đến tập tin này như thế này

________số 8

Kiểm tra mã JQuery

Chúng tôi sẽ kiểm tra mã JQuery của mình bằng cách thực thi một tập lệnh sự kiện nhấp vào nút đơn giản. Đây là mã hoàn chỉnh hoặc đăng ký của chúng tôi. trang html.

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR,'my_templates')],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

1

Thêm Bootstrap

«Bootstrap là gì?
Tải xuống Bootstrap từ đây.
https. //getbootstrap. com/docs/4. 0/getting-started/download/ , liên kết này có thể thay đổi dựa trên phiên bản bạn đang tải xuống. Thu thập bootstrap. js và bootstrap. css và đặt chúng vào các thư mục tương ứng ( bootstrap. js bên trong thư mục js & bootstrap. css bên trong thư mục css)

Bây giờ chúng ta hãy thêm lớp bootstrap vào nút của chúng ta. ( thay đổi mã html cho nút bên trong thanh ghi. tệp html)

Làm cách nào để nhập jQuery vào Python?

jQuery có hoạt động với Python không?

Làm cách nào để chèn jQuery vào HTML?