[Django Homepage] Project Setup

[App 구조]

project
   homepage # APP

[Homepage관련 Django APP 설치]

 django-filer
django-ckeditor
django-sass-processor
django-user-agents
django-crum
django-next-prev
django-bootstrap-modal-forms
django-widget-tweaks
geoip2
celery


[Homepage App 생성]

cd
cd [project]
python manage.py startapp homepage
[Homepage App 설정]

project/project/settings.py에 아래 내용 추가

--- 시작 ---
INSTALLED_APPS = [
    'homepage.apps.HomepageConfig', 
]

--- 끝 ---


[App Directory 구조]

project
    homepage
        __init__.py
        migrations
        templates (신규생성 필요)
            homepage (신규생성 필요)
        static (신규생성 필요)
            homepage (신규생성 필요)
        admin.py
        apps.py
        models.py
        tests.py
        views.py
        urls.py (신규생성 필요 - 추후)


[models.py 생성]
project/homepage/models.py 에 아래 링크의 내용을 복사하여 저장

Homepage models.py

python manage.py makemigrations homepage
python manage.py migrate homepage

models.py 수정 시 마다 makemigrations, migrate 수행 필요


[admins.py 생성]

project/homepage/admin.py 에 아래 링크의 내용을 복사하여 저장

Homepage admin.py



[admin에서 기초 코드 데이터 생성]

admin으로 로그인하여 code에 아래 코드 데이터를 등록한다.

 --- 아래 시작 ---

content_type
   - site content
      - main_banner : 메인배너
      - menu_main : 메인메뉴
      - menu_top_left : 상단왼쪽메뉴
      - menu_top_right : 상단오른쪽메뉴
      - menu_bottom : 하단메뉴
      - footer_menu : 꼬리말메뉴
      - footer_address : 꼬리말주소
      - related_site : 관련사이트
      - sns : 소셜네트워크
      - main_popup : 메인팝업
   - service content
      - board : 공지사항
      -
content_style
   - title_home : 홈표시 제목
   - title_list : 목록표시 제목
   - message : 컨텐츠

content_category : 내용에 따라 상이함

url_type
   - internal : 내부 url
   - external : 외부 url
   - section : 특정페이지의 섹션
   - class : 특정클래스
   - modal : 모달팝업
   - page : 특정페이지 (url : url, url_parameter : 컨텐츠 id)

--- 아래 끝 ---


[bootstrap4 template 적용]

1. bootstrap4 template의 파일들을 아래의 디렉토리에 복사한다.

 project/app/static/app/
   css
   scss
   images
   js
   font

 project/app/tempates/app/template/
   *.html

 2. site.scss 파일을 아래의 디렉토리에 생성한다.

 project/app/static/app/scss/theme/
   site.scss
   
3. project/app/static/app/scss/main.scss 에 아래의 내용을 추가한다. 
// Site Scss 
@import "theme/site";

4. site.js 파일을 아래의 디렉토리에 생성한다.

 project/app/static/app/js/
   site.js
   
5. project/app/static/app/templates/app/base.html 에 아래의 내용을 추가한다. 
<!-- Start Site js -->
    <script src="{% static 'app/js/site.js' %}"></script>
<!-- End Site js -->


 [Template 구조 만들기]

Template은 공통 내용을 포함하는 base.html과 이를 include하여 화면을 구현하는 *.html로 나누어진다.

base.html파일을 아래의 디렉토리에 생성한다.

project/app/templates/app/   base.html

-- bsae.html 구조 시작 ---
{% load static %}
{% load sass_tags %}
    
<!DOCTYPE html>

<html lang="zxx" class="no-js">

<head>
   meta tags
   include css
</head>

<body>

{% block content %}

  다른 template 구현

{% endblock %}

   include javascript library

</body>

</html>

-- bsae.html 구조 끝 ---


*.html파일을 아래의 디렉토리에 생성한다.


project/app/templates/app/

 -- *.html 구조 시작 ---
{% extends 'homepage/base.html' %}

{% block content %}

필요한 tag 로딩

화면 구현 로직 추가


{% endblock %}

 -- *.html 구조 끝 ---

댓글

댓글 쓰기

이 블로그의 인기 게시물

[Django Install] 11. Install Python3 for Centos8/RedhatLinux8

  [install python3] # python -bash: python: command not found # python3 -bash: python3: command not found # sudo yum install python3 # python3 --version [install  virtualenv virtualenvwrapper] # sudo pip3 install virtualenv virtualenvwrapper # cd $HOME # vi .bashrc 아래 내용을 마지막 라인에 추가한다. # Virtualenvwrapper settings: export VIRTUALENVWRAPPER_PYTHON=/usr/bin/python3 export WORKON_HOME=$HOME/.virtualenvs source /usr/local/bin/virtualenvwrapper.sh export PATH=.:$PATH 로그아웃하고 다시 로그인한다. # workon 아무것도 나오지 않는다. # mkvirtualenv virtualenvname (가상환경 생성하고 가상환경에 들어간다.) (virtualenvname) # deactivate (가상환경 빠져나오기) # workon (가상환경 리스트 조회) virtualenvname # workon project name (가상환경 들어가기) (virtualenvname) # cd $HOME (virtualenvname) # mkdir projectname (virtualenvname) # cd projectname [install mysql driver] (virtualenvname) # pip install mysqlclient 에러발생 시 아래의 내용을 설치한다. (virtualenvname) # sudo yum install python-devel mysql-devel (virtualenvname) # sudo yum install gcc (virtual...
자세한 내용 보기

[windows] filebeat 스케쥴링 테스트

 [windows server 2021 설치] aws에 windows server 2021 Basic 설치 rdp로 접속 (키 필요) [windows server 2021 ftp 설치] iis설치 ftp Enable (windows 방화벽 자동 설정) 참조사이트 : http://blog.servis.co.kr/index.php/2019/10/08/windows-server-2012-ftp/ [windows server 2021 task scheduler 설치] task scheduler 실행 create basic task 실행 Create a Basic Type : name 입력 - next Trigger : 주기 선택 - next Action : Start a program 선택 - next Start a Program :     - Program/script : 실행파일명만 입력    - Start in (optional) : 실행파일이 있는 Full Path 입력 [batch] cd C:\elastic\filebeat-7.9.2-windows-x86_64 rmdir /s /q data timeout /t 5 .\filebeat run --once -c filebeat.yml [logstash] input {   beats {     # host => "1.234.25.136"     port => 30001   } } output {   elasticsearch {     hosts => ["http://192.168.0.136:49100"]     index => "ra_program-%{+YYYY.MM.dd}"     user => "elastic"     password => "nadaimma"     # ...
자세한 내용 보기

[Django Install] 9.1 sc제일은행 nginx-django 연결

[Django 설치] Django는 이미 설치된 것으로 가정하고 진행. 프로젝트명 : sc 프로젝트 디렉토리 : /datanode/datashare/sc [Django static 파일 마이그레이션] nginx에서 사용할 static 파일을 만들어 준다. python manage.py collectstatic  (static_root만 영향을 준다.) STATIC_ROOT   =   os . path . join ( BASE_DIR ,   "staticfiles/" ) 에 설정된  staticfiles  디렉토리 하위에 app별 폴더가 만들어진다. (app의 static 폴더의 images, js, css 파일에 변경이 있으면 실행이 필요하다) MEDIA_ROOT = os.path.join(BASE_DIR, 'mediafiles') 에 설정된 디렉토리에는 첨부파일이나 업로드 이미지 파일이 만들어진다. (위 명령어와 관련이 없으며, 관리자나 사용자가 업로드한 파일들이 저장된다.) [uwsgi 설치] 파이썬 가상화 환경에 로그인한 후 실행 pip install uwsgi [Nginx 설치] sudo apt-get install nginx 설치 후 자동적으로 Nginx가 Start 된다. 프로세스 시작 : sudo service nginx start 프로세스 종료 : sudo service nginx stop 프로세스 재시작 : sudo service nginx restart 프로세스 상태 : sudo service nginx status [ Nginx - Django 연동 ] /datanode/datashare/web/nginx/nginx.conf 파일수정 (아래 내용으로 수정) # the upstream component nginx needs to connect to      upstream django {         server un...
자세한 내용 보기