makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

Building a Django Web App – Django I > Django functionality I

Django I에서 다루게 될 내용은 다음과 같습니다.

2-1 Django installation and configuration

2-2 Django overview and debugging

2-3 Django + Bootstrap

2-4 Django functionality I

2-5 Django functionality II


이번에는 Django functionality I 입니다.

2-4 Django functionality I

(1) Adding Bootstrap cards

home.html에 Bootstrap card 추가

다음과 같이 코드를 추가합니다.

mysite > main > templates > main > home.html

다음과 같이 Bootstrap card 코드를 추가합니다.

 

브라우저에서 확인해 봅니다.

 

(2) Creating a Django model

models.py 파일에 Product 모델 추가

다음과 같이 코드를 추가합니다.

mysite > main > models.py

 

models.py에 미디어 업로드 추가

다음과 같이 코드를 추가합니다.

 

admin display name 변경

다음과 같이 코드를 추가합니다.

mysite > main > models.py

 

settings.py에 media folder url 추가

다음과 같이 코드를 추가합니다.

 

urls.py에 media folder url 추가

다음과 같이 코드를 추가합니다.

mysite > mysite > urls.py

 

새 모델을 database에 적용

다음 명령어를 수행합니다.

>python manage.py makemigrations
>python manage.py migrate

 

admin.py에 모델 등록

다음과 같이 코드를 추가합니다.

mysite > main > admin.py

 

Django 관리자 로그인

슈퍼 관리자로 로그인하면 다음 그림처럼 모델이 등록된 것을 볼 수 있습니다.

 

Django admin에 Product 정보 등록

관리자 화면에서 Product를 등록합니다.

 

총 4개 Product를 등록합니다.

Product name Jaybird X3 Apple Airpods ASTRO A40 Beats Studio3 Wireless
Product type Wireless Earphones Wireless Earbuds Gaming Headset On-Ear Headphones
Product description Sports earbuds with a secure fit for athletic performance Active noise cancellation and quick access to voice assistant Adjustable & lightweight with removable mic Up to 22 hour battery life, noise cancelling headphones
Affiliate url        
Product image jaybird-x3.jpg apple-airpods.jpg astro-a40.jpg beats-studio3.jpg

 

(4) Displaying information with DTL

Product 모델을 출력하기 위한 views.py 설정

다음 코드를 추가합니다.

mysite > main > views.py

 

Product를 출력하기 위한 home.html 수정

다음 코드를 추가합니다.

mysite > main > templates > main > home.html

 

home.html 파일에 Product 필드 추가

다음 코드를 추가합니다.

mysite > main > templates > main > home.html

 

브라우저에서 확인해 봅니다.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함 1. Start with the system update sudo apt update...
Input error: k: Format of site key was invalid 에러 해결 방법
WP-Members 워드프레스 플러그인을 활용해서 회원가입 기능을 구현 하였는데, 다음과 같은 에러가 발생 하였습니다.         이는 WP-Members의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우 원인 파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다. 그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...