数据结构
网络
关系数据库管理系统 (RDBMS)
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C语言编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
服装设计
法律学如何在你的Django项目中实现django-material？
Material Design是一种在开发者中非常流行的设计模板。它在前端作为CDN使用。在这篇文章中，我们将了解如何在表单部件上使用Material Design，并从视图中渲染该表单。
Django-material是一个库，它将Material Design应用于渲染的HTML文件或表单部件，无需CDN。
首先，安装**django-material**包。
pip install django-material
设置项目、应用和URL。
在**settings.py**中：
INSTALLED_APPS+=['material']
我的应用名称是**"myapp"**。
示例
在**models.py**中：
from django.db import models # Create your models here. class Data(models.Model): Name=models.CharField(max_length=100) salary = models.CharField(max_length=20)
在这里，我们创建了一个简单的Django模型，我们将在表单中使用它。
在**urls.py**中：
from django.urls import path
from . import views
urlpatterns = [
path('', views.home,name="home"),
]在这里，我们在主页URL中渲染了我们的视图。
在**views.py**中：
from django.shortcuts import render
from django import forms
from .models import Data
class 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})在这里，我们创建了一个表单并在前端渲染它。
不要忘记创建一个**templates**文件夹和其中的**home.html**文件。
在**home.html**中：
{% include 'material/includes/material_css.html' %} #These
two include
{% include 'material/includes/material_js.html' %} # will
import material design
<!DOCTYPE html>
<html>
<head>
<title>
TUT
</title>
<style>
</style>
</head>
<body>
<h2>FORM</h2>
<form action="/" method="post">
{% csrf_token %}
{{ form }}
<input type="submit" value="Submit">
</form>
</body>
在这里，我们创建了前端并加载了Django Material的CSS和JS，它将自动为我们的表单添加设计。
输出
你可以使用<style>标签覆盖Material CSS。
更新于：2021年8月26日
2K+ 次浏览
广告