search

baitaploncnpm66 / Major-Assignment-INT2208-5

Bài tập lớn môn Công nghệ phần mềm của nhóm 66 lớp INT2208 5
0 stars 5 forks source link

Giao diện & khả năng tích hợp FE và BE #35

Closed NinhDT22022522 closed 4 months ago

NinhDT22022522 commented 4 months ago

Tìm hiểu thiết kế Django, tách biệt phần FE và BE, ví dụ người code BE thì có sẵn folder chỉ để viết code theo yêu cầu đưa ra, không cần tìm hiểu về FE

NinhDT22022522 commented 4 months ago

phần FE và BE tách biệt là khả thi, nên tích hợp CI/CD để tránh xung đột

NinhDT22022522 commented 4 months ago

37

Đảm bảo bạn đã cài đặt Python và Django trên máy tính của mình. Sau đó, hãy thực hiện các bước sau:

Bước 1: Tạo một dự án Django mới

Mở Terminal và di chuyển đến thư mục nơi bạn muốn tạo dự án mới. Sau đó chạy lệnh sau để tạo một dự án Django mới:

django-admin startproject IntelliPurchase

Trong đó, "IntelliPurchase" là tên dự án của bạn.

Bước 2: Tạo một ứng dụng Django

Di chuyển vào thư mục dự án mới tạo và tạo một ứng dụng Django:

cd IntelliPurchase
python manage.py startapp main

Ở đây, "main" là tên ứng dụng của bạn.

Bước 3: Tạo các template HTML cho giao diện

Trong thư mục của ứng dụng main, tạo một thư mục mới có tên là templates:

mkdir templates

Trong thư mục templates, bạn có thể tạo các file HTML để xây dựng giao diện của bạn.

Bước 4: Xác định URL

Mở file urls.py trong ứng dụng main và định tuyến URL của bạn. Ví dụ:

from django.urls import path
from . import views

urlpatterns = [
    path('', views.home, name='home'),
    # Thêm các URL khác tại đây
]

Bước 5: Định nghĩa các view

Trong file views.py của ứng dụng main, bạn có thể định nghĩa các hàm view để xử lý các yêu cầu và render các template HTML tương ứng.

Bước 6: Tạo và sử dụng các file CSS và JavaScript

Bạn có thể tạo các file CSS và JavaScript trong thư mục static của ứng dụng để tùy chỉnh giao diện của bạn.

Sau khi hoàn thành, bạn có thể chạy máy chủ phát triển Django bằng cách sử dụng lệnh:

python manage.py runserver

Điều này sẽ khởi chạy máy chủ và bạn có thể truy cập vào ứng dụng của mình từ trình duyệt web tại http://127.0.0.1:8000/ hoặc http://localhost:8000/.

Tiếp theo, bạn có thể tùy chỉnh và phát triển giao diện của mình dựa trên các yêu cầu cụ thể của dự án IntelliPurchase.

NinhDT22022522 commented 4 months ago

Hiện tôi đã viết một số mẫu template trong mục "main" nhưng khi chạy thử phát sinh một số vấn đề thế nên tôi đã thử chuyển folder template sang thư mục "IntelliPurchase" và đã khắc phục được