makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

Building a Django Web App – Django II > Creating a blog

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

3-1 Django user registration

3-2 Python packages + Django messages

3-3 User login + logout

3-4 Creating a blog

3-5 Updating the homepage


3-4 Creating a blog

(1) Installing the TinyMCE package

Install TinyMCE

다음 명령어로 TinyMCE 패키지를 설치합니다.

>pip install django-tinymce4-lite

 

TinyMCE를 settings.py에 추가

다음 코드를 추가합니다.

mysite > mysite > settings.py

 

TinyMCE를 settings.py에 추가

다음 코드를 추가합니다.

mysite > mysite > settings.py

 

tinymce 경로를 mysite > urls.py에 추가

다음 코드를 추가합니다.

mysite > mysite > urls.py

 

(2) Adding an article model

Article 모델 생성

다음 코드를 추가합니다.

mysite > main > models.py

 

필드를 Article 모델에 추가

다음 코드를 추가합니다.

mysite > main > models.py

 

New 모델을 DB에 migrate

다음 명령을 수행합니다.

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

 

Article 모델을 admin.py에 추가

다음 코드를 추가합니다.

mysite > main > admin.py

 

Article을 Django admin에 추가

브라우저에서 확인을 합니다.

 

(3) Creating a blog page

blog.html 파일 생성

다음 파일을 생성합니다.

mysite > main > templates > main > (New File) blog.html

 

blog.html 파일 편집

다음 코드를 추가합니다.

mysite > main > templates > main > blog.html

 

경로를 urls.py에 추가

다음 코드를 추가합니다.

mysite > main > urls.py

 

Blog 기능을 views.py에 추가

다음 코드를 추가합니다.

mysite > main > views.py

 

Loop를 blog.html에 추가

다음 코드를 추가합니다.

mysite > main > templates > main > blog.html

 

모델을 blog.html에 추가

다음 코드를 추가합니다.

mysite > main > templates > main > blog.html

 

Blog 링크를 navbar.html에 추가

다음 코드를 추가합니다.

mysite > main > templates > main > includes > navbar.html

 

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

 

Article에 링크 추가

다음 코드를 추가합니다.

mysite > main > templates > main > blog.html

 

Pagination을 article.html에 추가

다음 코드를 추가합니다.

mysite > main > templates > main > blog.html

 

(4) Creating an article page

article.html 파일 생성

다음 코드를 추가합니다.

mysite > main > templates > main > (New File) article.html

 

article.html 파일 편집

다음 코드를 추가합니다.

mysite > main > templates > main > article.html

 

Article 경로를 urls.py에 추가

다음 코드를 추가합니다.

mysite > main > urls.py

 

Article 기능을 views.py에 추가

다음 코드를 추가합니다.

mysite > main > views.py

 

Article 변수 적용 적용되도록 article.html 업데이트

다음 코드를 추가합니다.

mysite > main > templates > main > article.html

 

브라우저에서 확인을 합니다.

 

커버 이미지를 article.html에 추가

다음 코드를 추가합니다.

mysite > main > templates > main > article.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일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다. 그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...