Computer >> 컴퓨터 >  >> 프로그램 작성 >> Python

Django 프로젝트에서 django-material을 구현하는 방법은 무엇입니까?

<시간/>

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

{% csrf_token %} {{ 양식 }} <입력 유형="제출" 값="제출">

여기에서 프론트엔드를 만들고 Django Material의 CSS와 JS를 로드했습니다. 그러면 양식에 디자인이 자동으로 추가됩니다.

출력

Django 프로젝트에서 django-material을 구현하는 방법은 무엇입니까?