Material Design은 개발자들 사이에서 매우 인기 있는 디자인 템플릿입니다. 프론트엔드에서 CDN으로 사용됩니다. 이 기사에서는 양식 위젯에서 머티리얼 디자인을 사용하고 뷰에서 해당 양식을 렌더링하는 방법을 살펴보겠습니다.
Django-material은 CDN 없이 렌더링된 html 파일 또는 양식 위젯에 머티리얼 디자인을 적용하는 라이브러리입니다.
먼저 django-material을 설치합니다. 패키지.
pip install django-material
프로젝트와 앱, URL을 설정하세요.
settings.py에서 -
INSTALLED_APPS+=['자료']
내 앱 이름은 "myapp"입니다. .
예시
models.py에서 -
from django.db import models# 여기에서 모델 생성여기에서 양식에 사용할 간단한 Django 모델을 만들었습니다.
url.py에서 -
django.urls에서 import pathfrom . import viewsurlpatterns =[경로('', views.home,name="home"),]여기에서 홈 URL에서 보기를 렌더링했습니다.
view.py에서 -
django.shortcuts에서 import renderfrom django import formsfrom .models import Dataclass SalaryForm(forms.ModelForm):class Meta:model=Data fields="__all__"def home(request):if request.method=='POST':form=SalaryForm(request.POST) if form.is_valid():form.save() else:form=SalaryForm()return render(request,'home.html',{'form':form})여기에서 양식을 만들고 프런트엔드에서 렌더링했습니다.
템플릿을 만드는 것을 잊지 마세요. 폴더 및 home.html 그 안에.
home.html에서 -
{% include 'material/includes/material_css.html' %} #Thesetwo include{% include 'material/includes/material_js.html' %} # 머티리얼 디자인을 임포트합니다 <제목> TUT <스타일>FORM
여기에서 프론트엔드를 만들고 Django Material의 CSS와 JS를 로드했습니다. 그러면 양식에 디자인이 자동으로 추가됩니다.
출력