'장고' 태그의 글 목록

장고

[Django CSS] Bootstrap Pagination 2018.09.06
[Django CSS] Bootstrap Dropdowns 2018.09.06
[Django CSS] 장고 CSS로 테이블 꾸미기 2018.08.31
[Django Paginator] 장고 paginator로 페이지 생성 2018.07.12
[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용 2018.07.12
[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py) 2018.07.11
[Django] 장고 프로젝트 데이터 베이스 생성 (models.py) 2018.07.11
[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py) 2018.07.10
[Django] 장고 프로젝트 생성하기 2018.07.10

[Django CSS] Bootstrap Pagination

2018. 9. 6. 18:03

1. Paginator 함수로 아이템 분할

vi views.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

from django.shortcuts import render

from django.views import View

from .models import *

# Create your views here.

class basic(View):

def get(self, request, *args, **kwargs):

#data = Product.objects.all()

catid = '000006'

if 'catid' in kwargs:

catid = kwargs['catid']

data = Product.objects.filter(cat1id=catid)

# item number per page

num_page = 10

paginator = Paginator(data, num_page)

page = request.GET.get('page')

try:

contacts = paginator.page(page)

except PageNotAnInteger:

# If page is not an integer, deliver first page.

contacts = paginator.page(1)

except EmptyPage:

# If page is out of range (e.g. 9999), deliver last page of results.

contacts = paginator.page(paginator.num_pages)

return render(request, 'brand/basic.html', context={'catid':catid,'contacts':contacts})

2. 기본 html 에 pagination 생성

{% extends "brand/basic_frame.html" %}

{% block content %}

{% if contacts.has_previous %}

{% endif %}

<li><a href="#"> Page {{ contacts.number }} of {{ contacts.paginator.num_pages }}. </a></li>

{% if contacts.has_next %}

{% endif %}

</ul>

</span>

</div>

{% for d in contacts %}

</div>

<h4> {{d.pname}} </h4>

<p> {{d.brand}} </p>

</div>

{% endfor %}

</div>

{% endblock %}

3. pagination 동작 확인

- Reference

https://www.w3schools.com/bootstrap/bootstrap_pagination.asp

'Programming > Django' 카테고리의 다른 글

[Django DataBase] json 파일 데이터 베이스(DB) 생성하기 (0)	2018.09.07
[Django CSS] Bootstrap Templates (0)	2018.09.07
[Django CSS] Bootstrap Dropdowns (0)	2018.09.06
[Django CSS] 장고 CSS로 테이블 꾸미기 (0)	2018.08.31
[Django Paginator] 장고 paginator로 페이지 생성 (0)	2018.07.12

[Django CSS] Bootstrap Dropdowns

2018. 9. 6. 16:50

1. 기본 프레임 html에 드롭다운 생성

cd demo ($app_name)

vi templates/demo/basic_frame.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#">Brand Demo</a>

</div>

</nav>

<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">Category

</ul>

</div>

{% block content %}{% endblock %}

</div>

</body>

</html>

2. 기본 html 작성

vi templates/demo/basic.html

{% extends "brand/basic_frame.html" %}

{% block content %}

{% for d in data%}

</div>

<h4> {{d.pname}} </h4>

<p> {{d.brand}} </p>

</div>

{% endfor %}

</div>

{% endblock %}

3. 드롭다운에서 얻는 카테고리 id (href="/basic/000004") url 주소로 파싱

vi urls.py

from django.conf.urls import url

from . import views

urlpatterns = [

url(r'^basic/$',views.basic.as_view(), name='basic'),

url(r'^basic/(?P<catid>[-\w]+)/$',views.basic.as_view(), name='basic'),

]

4. url 주소에서 얻은 카테고리 id의 데이터 반영

vi views.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.shortcuts import render

from django.views import View

from .models import *

# Create your views here.

class basic(View):

def get(self, request, *args, **kwargs):

#data = Product.objects.all()

catid = '000006'

if 'catid' in kwargs:

catid = kwargs['catid']

data = Product.objects.filter(cat1id=catid)

return render(request, 'brand/basic.html', context={'catid':catid,'data':data})

5. 드롭다운 동작 확인

https://~:8080/basic

- Reference

https://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp

'Programming > Django' 카테고리의 다른 글

[Django CSS] Bootstrap Templates (0)	2018.09.07
[Django CSS] Bootstrap Pagination (0)	2018.09.06
[Django CSS] 장고 CSS로 테이블 꾸미기 (0)	2018.08.31
[Django Paginator] 장고 paginator로 페이지 생성 (0)	2018.07.12
[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용 (0)	2018.07.12

[Django CSS] 장고 CSS로 테이블 꾸미기

2018. 8. 31. 11:37

1. html 에서 css 정의하여 사용하기

vi templates/demo/base.html

<!doctype html>

<head>

<title>MyDjangoApp</title>

</head>

<span class="sr-only">Toggle navigation</span>

</button>

<a class="navbar-brand" href="#">Django Pagination</a>

</div>

</nav>

{% block content %}{% endblock %}

</div>

</body>

</html>

vi templates/demo/home.html

{% extends "demo/base.html" %}

{% block content %}

{% csrf_token %}

</form>

</select>

<label>Search Keyword: </label>

</div>

</article>

<thead>

<tr>

<th>Image</th>

<th>Brand</th>

</tr>

</thead>

{% for d in data %}

<tr>

<td> {{d.pname}} </td>

<td> {{d.brand}} </td>

</tr>

{% endfor %}

</tbody>

</table>

</div>

{% endblock %}

2. 기본 홈페이지에서 확인

http://~:8080/home

- Reference -

Python – Django AJAX Pagination with Search and Sort [Tutorial]

'Programming > Django' 카테고리의 다른 글

[Django CSS] Bootstrap Pagination (0)	2018.09.06
[Django CSS] Bootstrap Dropdowns (0)	2018.09.06
[Django Paginator] 장고 paginator로 페이지 생성 (0)	2018.07.12
[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용 (0)	2018.07.12
[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11

[Django Paginator] 장고 paginator로 페이지 생성

2018. 7. 12. 15:33

1. 장고 뷰에서 데이터 베이스 paginator로 설정

cd demo

vi views.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.shortcuts import render

from django.views import View

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

from .models import *

# Create your views here.

class catetc_base(View):

def get(self, request, *args, **kwargs):

products = Product.objects.all()

# 한 페이지에 보여줄 아이템 개수

page_item_num = 5

paginator = Paginator(products, page_item_num)

page = request.GET.get('page')

items = None

try:

items = paginator.page(page)

except PageNotAnInteger:

items = paginator.page(1)

except EmptyPage:

items = paginator.page(paginator.num_pages)

return render(request, 'demo/demo_base.html', context={'items':items})

2. html 에서 페이지 표시 구현

vi templates/demo/demo_base.html

<!doctype html>

<html>

<head>

<title>Paginator Demo</title>

</head>

<body>

<a>Products</a> <br>

<table>

<thead>

<tr>

<th> pname </th>

</tr>

</thead>

<tbody>

{% for w in items %}

<tr>

<td> {{ w.pname }} </td>

</tr>

{% endfor %}

</tbody>

</table>

{% if items.has_previous %}

<a href="?page={{ items.previous_page_number }}{% for key, value in request.GET.items %}{% if key != 'page' %}&{{ key }}={{ value }}{% endif %}{% endfor %}">previous</a>

{% endif %}

Page {{ items.number }} of {{ items.paginator.num_pages }}.

</span>

{% if items.has_next %}

<a href="?page={{ items.next_page_number }}{% for key, value in request.GET.items %}{% if key != 'page' %}&{{ key }}={{ value }}{% endif %}{% endfor %}"> next </a> &nbsp

{% endif %}

</span>

</div>

</body>

</html>

'Programming > Django' 카테고리의 다른 글

[Django CSS] Bootstrap Dropdowns (0)	2018.09.06
[Django CSS] 장고 CSS로 테이블 꾸미기 (0)	2018.08.31
[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용 (0)	2018.07.12
[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11

[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용

2018. 7. 12. 11:47

1. 템플릿태그 폴더에 사용할 함수 생성

cd demo

mkdir templatetags

vi templatetags/util.py

# -*- coding: utf-8 -*-

from django.template.defaulttags import register

@register.filter

def div( value, arg ):

'''

Divides the value; argument is the divisor.

Returns empty string on any error.

'''

try:

value = int( value )

arg = int( arg )

if arg: return value / arg

except: pass

return ''

2. html 에 템플릿태그 함수 로드 후 사용

vi templates/demo/demo_base.html

<!doctype html>

{% load util %}

<html>

<head>

<title>Templatetags Demo</title>

</head>

<body>

10 / 2 = {{ 10|div:2 }}

</body>

</html>

* html templatetags format : $value | ${func_name} : $arg

3. 마이그레이션 하기 (make migration)

cd ..

python manage.py makemigrations demo

python manage.py migrate

4. 기본 홈페이지에서 결과 확인

* 서버를 리셋해줘야함

10 / 2 = 5

'Programming > Django' 카테고리의 다른 글

[Django CSS] 장고 CSS로 테이블 꾸미기 (0)	2018.08.31
[Django Paginator] 장고 paginator로 페이지 생성 (0)	2018.07.12
[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py) (0)	2018.07.11

[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py)

2018. 7. 11. 13:23

1. 데이터 베이스 전달

cd demo

vi views.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.shortcuts import render

from django.views import View

from .models import *

# Create your views here.

class catetc_base(View):

def get(self, request, *args, **kwargs):

data = Product.objects.all()

return render(request, 'catetc/catetc_base.html', context={'data':data})

2. html 에서 데이터 베이스 표시

vi templates/demo/demo_base.html

<!doctype html>

<html>

<head>

<title>Category Demo</title>

</head>

<body>

<table>

<thead>

<tr>

<th> pname </th>

</tr>

</thead>

<tbody>

{% for w in data %}

<tr>

<td> {{ w.pname }} </td>

</tr>

{% endfor %}

</tbody>

</table>

</body>

</html>

3. 기본 홈페이지에서 데이터 확인

http://~:8080/demo

'Programming > Django' 카테고리의 다른 글

[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 생성 (models.py) (0)	2018.07.11
[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py) (0)	2018.07.10
[Django] 장고 프로젝트 생성하기 (0)	2018.07.10

[Django] 장고 프로젝트 데이터 베이스 생성 (models.py)

2018. 7. 11. 11:57

1. 데이터 베이스 프레임 생성 (models.py)

cd demo

vi models.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.db import models

from django.db.models import *

# Create your models here.

class Product(Model):

# primary_key : only one value in this class

pid = BigIntegerField(primary_key=True)

# db_index : group value for searching faster

cat1id = BigIntegerField(db_index=True)

cat2id = BigIntegerField(db_index=True)

cat3id = BigIntegerField(db_index=True)

pname = TextField(default='-')

status = TextField(default='none')

def set_status(self, value):

self.status = value

self.save()

2. 새로운 모델의 migrations 생성 및 적용

cd ..

python manage.py makemigrations demo

python manage.py migrate demo

3. 데이터 베이스 생성

vi test.db

12345 001 002 003 Poorman T-shirts

12346 001 002 004 Poorman Boots

12347 001 003 003 Poorman Cap

12348 002 003 004 Poorman Watch

vi make_db.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

import os, sys, django

os.environ.setdefault("DJANGO_SETTINGS_MODULE", "mysite.settings")

django.setup()

from catetc.models import *

class ModelObjects():

def __init__(self, model):

self.model = model

def create(self, line):

line = line.strip()

words = line.split('\t')

pid = words[0]

cat1id = words[1]

cat2id = words[2]

cat3id = words[3]

pname = words[4]

self.model.objects.create(pid=pid, cat1id=cat1id, cat2id=cat2id, cat3id=cat3id, pname=pname)

def delete(self):

self.model.objects.all().delete()

def main():

db = ModelObjects(Product)

db.delete()

for line in sys.stdin:

line = line.strip()

if not line: continue

db.create(line)

# main

if __name__ == '__main__':

main()

cat test.db | python make_db.py

5. admin (관리자) 모드에서 볼 수 있게 admin 등록

vi demo/admin.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.contrib import admin

from .models import *

# Register your models here.

admin.site.register(Product)

6. admin 홈페이지에서 데이터 베이스 확인

http://~:8080/admin

'Programming > Django' 카테고리의 다른 글

[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py) (0)	2018.07.11
[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py) (0)	2018.07.10
[Django] 장고 프로젝트 생성하기 (0)	2018.07.10

[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py)

2018. 7. 10. 20:07

1. Django 프로젝트 urls 설정

vi mysite/urls.py

from django.conf.urls import url, include

from django.contrib import admin

urlpatterns = [

url(r'^admin/', admin.site.urls),

url(r'', include('demo.urls')),

]

cd demo

vi urls.py

from django.conf.urls import url

from . import views

urlpatterns = [

url(r'^demo/$',views.demo_base.as_view(), name='demo_base'),

]

2. Django 프로젝트 views 설정

vi views.py

# -*- coding: utf-8 -*-

from __future__ import unicode_literals

from django.shortcuts import render

from django.views import View

# Create your views here.

class demo_base(View):

def get(self, request, *args, **kwargs):

return render(request, 'demo/demo_base.html', context={})

3. Django 프로젝트 html 생성

mkdir -p templates/demo

vi templates/demo/demo_base.html

<!doctype html>

<html>

<head>

<title>Django Demo</title>

</head>

<body>

<img src="https://t1.daumcdn.net/cfile/tistory/2368C93A587F63331A"> &nbsp

Poorman Tistory

</a>

</body>

</html>

- 결과

http://~:8080/demo

'Programming > Django' 카테고리의 다른 글

[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py) (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 생성 (models.py) (0)	2018.07.11
[Django] 장고 프로젝트 생성하기 (0)	2018.07.10

[Django] 장고 프로젝트 생성하기

2018. 7. 10. 19:08

0. Django 장고 프로젝트 경로 설정

project_path = './demo'

app_name = 'demo'

1. Django 장고 프로젝트 생성

django-admin startproject mysite $project_path

2. Django 장고 프로젝트 APP 생성

cd $project_path

python manage.py migrate

python manage.py startapp $app_name

vi mysite/settings.py

ALLOWED_HOSTS = [

'192.168.0.1',

]

INSTALLED_APPS = [

'django.contrib.admin',

'django.contrib.auth',

'django.contrib.contenttypes',

'django.contrib.sessions',

'django.contrib.messages',

'django.contrib.staticfiles',

'demo',

]

TIME_ZONE = 'Asia/Seoul'

python manage.py makemigrations $app_name

python manage.py migrate $app_name

3. Django 장고 프로젝트 슈퍼 유저 생성

python manage.py createsuperuser

4. Django 장고 프로젝트 실행

python manage.py runserver 0:8000

- 결과

http://~:8080/

'Programming > Django' 카테고리의 다른 글

[Django Web Frame] 장고 프로젝트 웹 프레임 활용 (0)	2018.07.11
[Django Web Frame] 장고 프로젝트 웹 프레임 나누기 (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py) (0)	2018.07.11
[Django] 장고 프로젝트 데이터 베이스 생성 (models.py) (0)	2018.07.11
[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py) (0)	2018.07.10

PREV 1 NEXT

poorman

장고

[Django CSS] Bootstrap Pagination

'Programming > Django' 카테고리의 다른 글

[Django CSS] Bootstrap Dropdowns

'Programming > Django' 카테고리의 다른 글

[Django CSS] 장고 CSS로 테이블 꾸미기

'Programming > Django' 카테고리의 다른 글

[Django Paginator] 장고 paginator로 페이지 생성

'Programming > Django' 카테고리의 다른 글

[Django Templatetags] 장고 템플릿태그 함수 생성 및 활용

'Programming > Django' 카테고리의 다른 글

[Django] 장고 프로젝트 데이터 베이스 활용 (models.py, views.py)

'Programming > Django' 카테고리의 다른 글

[Django] 장고 프로젝트 데이터 베이스 생성 (models.py)

'Programming > Django' 카테고리의 다른 글

[Django] 장고 프로젝트 기본 홈페이지 만들기 (urls.py, views.py)

'Programming > Django' 카테고리의 다른 글

[Django] 장고 프로젝트 생성하기

'Programming > Django' 카테고리의 다른 글

+ Recent posts

티스토리툴바