Cách tạo ứng dụng web trên điện thoại của bạn - Hướng dẫn sử dụng ứng dụng Android Python &Pydroid

Này, bạn thế nào rồi? Tôi 18 tuổi, một nhà phát triển phụ trợ và một Kỹ sư Máy học đầy tham vọng. Và trong bài viết này, tôi sẽ viết về cách tạo một ứng dụng web trên điện thoại của bạn bằng Python 😁. Hãy đi sâu vào nó.

Yêu cầu

Điều đầu tiên chúng ta cần ở đây là một chiếc điện thoại Android, ít nhất là phiên bản 6.0 trở lên. Nhưng nếu tôi nói với bạn đó là tất cả những gì chúng ta cần? Có vẻ quá tốt để trở thành sự thật.

Bây giờ, việc tiếp theo chúng ta cần làm là cài đặt một ứng dụng di động trên điện thoại của mình có tên là pydroid3.

Như bạn có thể thấy, pydroid3 là một ứng dụng di động cho phép bạn viết Python trên điện thoại di động của mình, vì vậy hãy tiếp tục và cài đặt nó.

Điều tiếp theo chúng ta cần làm là cài đặt Django. Nếu bạn không quen thuộc với Django, vui lòng xem tài liệu Django tại đây.

Để cài đặt Django, chúng ta cần mở điều hướng bên trong pydroid3 và chọn Terminal:

Sau đó nhấp vào nó và chúng ta sẽ thấy điều này:

Sau khi hoàn tất tất cả những gì bạn cần làm là gõ lệnh sau:

pip install django

Và bạn sẽ nhận được những điều bên dưới. Tôi nhận được thông báo "đáp ứng các yêu cầu" vì tôi đã cài đặt nó.

Nó đã được cài đặt thành công, nhưng hãy xác nhận điều đó. Trong loại thiết bị đầu cuối django-admin và nhấn enter.

Bạn sẽ nhận được điều này:

Điều này có nghĩa là nó thực sự đã được cài đặt.

Cách xây dựng dự án của chúng tôi

Vì vậy, hãy bắt đầu với việc xây dựng dự án của chúng tôi. Mở thiết bị đầu cuối của bạn và nhập lệnh sau:

django-admin startproject myapp

Điều này tạo ra một ứng dụng Django có tên là myapp trong thư mục gốc của bạn.

Thay đổi thư mục thành nó bằng cách nhập cd myapp và nhập python manage.py runserver . Sau đó, bạn sẽ nhận được điều này:

Bây giờ máy chủ đã bắt đầu. Tiếp theo, để kiểm tra nó trong trình duyệt, hãy truy cập 127.0.0.1:8000.

Và bùm! Bạn sẽ thấy rằng Django đã được thiết lập thành công.

Điều tiếp theo chúng ta cần làm là tạo ứng dụng Django. Trong Django, thư mục dự án đóng vai trò là thư mục gốc trong khi ứng dụng đóng vai trò là chính ứng dụng.

Để tạo ứng dụng Django, hãy đảm bảo rằng bạn vẫn ở trong thư mục, sau đó nhập python manage.py startapp todo . Điều này tạo ra một ứng dụng Việc cần làm trong dự án myapp của chúng tôi như sau:

Sau đó, bên trong thư mục todo, chúng ta sẽ thấy một cái gì đó như thế này:

Chúng tôi sẽ xem xét thêm các tệp khi chúng tôi bắt đầu làm việc với chúng.

Cách Định cấu hình Ứng dụng của chúng tôi

Bây giờ, hãy làm cho ứng dụng có thể được phục vụ bởi dự án Django. Trước hết, hãy mở settings.py của bạn tệp trong thư mục myapp và thêm 'todo' vào các ứng dụng đã cài đặt như thế này:

Tiếp theo, chúng ta cần mở urls.py và thêm phần sau vào mã của bạn:

from django.urls import path, include

path('', include('todo.urls'))

Điều thực sự xảy ra là tôi đã thêm include đến từ django.urls đường dẫn nhập khẩu. Và bên dưới đường dẫn (admin ), chúng tôi đã tạo một đường dẫn trống trỏ đến hoặc bao gồm urls.py tệp trong thư mục ứng dụng việc làm. Tôi hy vọng điều đó rõ ràng.

Tiếp theo, chúng ta cần tạo một tệp mới trong thư mục tệp todo có tên urls.py và thêm mã sau vào đó:

from django.urls import path
from . import views

urlpatterns = [
	path('', views.index, name='home')
 ]

Chúng tôi đã nhập path từ Django.urls và cũng được nhập views từ thư mục gốc. Sau đó, chúng tôi tạo urlpatterns của mình với phần đầu tiên là liên kết gốc. Như bạn có thể thấy, views.index chỉ có nghĩa là chúng tôi đang trỏ chế độ xem này tới hàm chỉ mục trong views.py tập tin. Bạn sẽ thấy nó hoạt động như thế nào trong tích tắc.

Hãy tiếp tục đến với views.py của chúng tôi tệp và thêm một số mã.

Ở trên cùng, nhập HttpResponse như thế này:

from django.http import HttpResponse

Và thêm cái này bên dưới nó:

def index(request):
	return HttpResponse('Hello')

Như bạn có thể thấy, chúng tôi đã tạo hàm chỉ mục mà chúng tôi đã gọi trong urls.py của chúng tôi và chúng tôi đã chuyển một tham số yêu cầu vào đó. Sau đó, chúng tôi trả về một HttpResponse .

Nhưng trước HttpResponse có thể hoạt động, chúng tôi phải nhập nó từ django.http import HttpResponse - đơn giản như ABC. Hãy thử cách này:mở terminal và cd của bạn vào myapp và nhập python manage.py runserver để kiểm tra nó.

Như bạn có thể thấy, nó đã trả lại phản hồi. Vì vậy, tiếp theo, chúng tôi sẽ tải các tệp HTML mẫu của mình.

Để tải các tệp HTML của chúng tôi, chúng tôi cần tạo một thư mục như thế này trong thư mục việc làm theo thứ tự sau:

todo/templates/todo

Trong thư mục việc làm, hãy tạo một thư mục có tên là các mẫu. Bên trong thư mục đó, hãy tạo một thư mục có tên là todo, đơn giản như vậy.

Sau đó, hãy tiếp tục và tạo một tệp HTML đơn giản có tên là index.html và viết vào đó:

<h1>Hello world</h1>

Để tải nó, hãy đặt views.py của bạn mã trông như thế này:

def index(request):
	return render(request, 'todo/index.html')

Bây giờ thay vì trả lại phản hồi, chúng tôi trả lại một chế độ xem kết xuất cho phép chúng tôi hiển thị mẫu HTML của mình ngay bây giờ, hãy lưu tệp này mở cd đầu cuối của bạn vào myapp và chạy nó. Chúng ta nên có cái này

Như bạn có thể thấy, nó hoạt động tốt - chuyển sang bước tiếp theo.

Cách thiết lập tệp tĩnh

Bây giờ để thiết lập các tệp tĩnh, hãy tạo một thư mục mới trong thư mục việc làm của bạn và đặt tên là tĩnh. Bên trong thư mục đó, hãy tạo một thư mục và đặt tên cho nó là việc cần làm.

Vì vậy, nó sẽ như thế này:/static/todo/ .

Trong thư mục todo, tạo một tệp và đặt tên cho nó là main.css . Sau đó, hãy viết một chút phong cách trong đó:

body {
background-color: red;
}

Và lưu nó.

Bây giờ, hãy chỉnh sửa lại index.html của chúng tôi gửi bằng cách viết mã này:

{% load static %}
<!Doctype html>
<html>
<head>
<title>My page</title>
<link rel="stylesheet" href="{% static 'todo/main.css' %}" >
</head>
<body>
Hello
</body>
</html>

Và bây giờ hãy chạy nó:

Nếu bạn đã theo dõi tôi, thì bạn nên có những điều trên.

Cách tải Mô hình và Bảng điều khiển Quản trị

Bây giờ để tải bảng quản trị của chúng ta, chúng ta cần tạo một superuser. Điều này rất đơn giản để thực hiện - chỉ cần mở terminal và cd của bạn vào thư mục myapp, sau đó nhập python manage.py createsuperuser và nhấn enter. Bạn sẽ thấy điều này:

Chúng tôi gặp lỗi vì chúng tôi chưa chạy python manage.py migrate nhưng. Vì vậy, hãy nhập nó và nhấn enter, và bạn sẽ có một cái gì đó như sau:

Bây giờ, hãy nhập python manage.py createsuperuser và nhấn enter:

Chỉ cần điền thông tin đăng nhập. Điều tiếp theo chúng ta cần làm là chạy máy chủ của mình và trỏ đến 127.0.0.1:8000/admin.

Đăng nhập và bạn sẽ được chuyển đến trang tổng quan:

Bây giờ chúng ta đã hoàn thành bảng quản trị, hãy làm việc với mô hình (cơ sở dữ liệu). Chúng tôi sẽ tạo một mô hình thu thập nội dung. Vì vậy, hãy mở models.py của bạn tệp và nhập mã này:

class Post(models.Model):
	content = models.CharField(max_length=255, null=False)
    
    def __str__(self):
    	return self.content

Chúng tôi tạo một lớp có tham số models.Model và đưa ra một biến content chứa CharField() , giống một trường văn bản hơn. Cuối cùng, chúng tôi tạo ra một str kỳ diệu trả về tên của mô hình thay vì một đối tượng.

Vì vậy, tiếp theo chúng ta cần chạy quá trình di chuyển. Mở thiết bị đầu cuối của bạn, cd vào myapp và nhập python manage.py makemigrations . Bạn sẽ thấy điều này:

Điều đó có nghĩa là nó đã tạo bảng Đăng trong cơ sở dữ liệu của chúng tôi. Sau đó, cũng chạy python manage.py migrate điều này sẽ dẫn đến những điều sau:

Điều này có nghĩa là tất cả đều rõ ràng. Bây giờ để thêm nó vào trang quản trị, hãy mở admin.py và nhập mã này:

from .models import *

admin.site.register(Post)

Chúng tôi đã nhập tất cả các lớp mô hình từ mô hình và đăng ký mô hình đăng trong bảng quản trị. Bây giờ, nếu chúng ta mở bảng quản trị, chúng ta sẽ thấy bài đăng và lưu một số dữ liệu.

Lưu ý rằng nó hiện nằm trong danh sách ứng dụng việc cần làm:

Sau khi nhấp vào nó, bạn sẽ thấy điều này:

Sau đó, bạn có thể tạo một bài đăng nếu bạn thích.

Cách kết xuất dữ liệu từ DB sang chế độ xem

Cuối cùng, chúng tôi sẽ tìm nạp dữ liệu của chúng tôi từ DB. Để làm như vậy, chúng tôi cần cập nhật views.py của mình như sau:

from .models import *

def index(request):
	content = Post.objects.all()
    context = {'content': content}
    return render(request, 'todo/index.html', context)

Đơn giản như vậy:chúng tôi đã nhập tất cả từ models.py , đã tạo một biến có tên là content và truy xuất tất cả dữ liệu từ bảng Đăng. Sau đó, chúng tôi chuyển nó như một cuốn từ điển để xem của chúng tôi. Vì vậy, trong index.html của chúng tôi để làm cho nó hoạt động, chỉ cần thêm cái này:

{% for contents in content %}
{{content.content}}
{% endfor %}

Ở đây, chúng tôi đã viết một vòng lặp bằng cách sử dụng thẻ mẫu và tìm nạp tất cả nội dung dữ liệu. Bây giờ, hãy mở terminal của bạn, cd vào myapp và chạy máy chủ để xem điều kỳ diệu xảy ra:

Nó hoạt động, nhưng hãy xác nhận rằng nó hoạt động:

Và kết quả sẽ như sau:

Violà - nó hoạt động tốt. Cuối cùng, bạn chỉ cần thêm dấu ngắt dòng để có thể đọc rõ ràng hơn. Và chúng tôi đã hoàn thành!

Cảm ơn bạn đã đọc. Nếu bạn muốn xem hướng dẫn chuyên sâu về Django, vui lòng truy cập kênh YouTube Devstack của tôi và đăng ký.