我确信我非常密集,但花了几天时间试图找出我做错了什么。
我有
- 安装 django-crispy-forms (使用 pip)
- 在我的设置中添加了“CRISPY_TEMPLATE_PACK”
- 在我的应用程序中添加了“crispy_forms”
- 从下载的 tar 文件中完成了“collectstatic”(因为模板和 CSS 不包含在 pip 中)
- 将 '{% Krispy_forms_tags %} 添加到我的表单 html 文件中
- 从crispy_forms.helper 和crispy_forms.layout 导入到我的forms.py
我正在使用 Bootstrap 3,我直接编码而不是使用 bootstrap-toolkit
Bootstrap 在我的所有页面上呈现良好,表单字段也是如此,但按钮不会出现。
我的html如下:
{% extends 'base.html' %}
{% load crispy_forms_tags %}
<html>
<title>Add Guest</title>
<div class='container'>
{% block col1 %}
<div class='row'>
<div class="span3">
{% endblock %}
{% block col2 %}
<div class="span9">
<ul>
{% crispy form %}
</ul>
</div><!--/span9-->
{% endblock %}
</div><!--row-->
</div><!--/container-->
</html>
如果我将脆皮标签更改为 {% crispy MyForm MyForm.helper %} 我会得到“VariableDoesNotExist at”以及许多(真实)语言的连续性。如上所示,出现表单字段但不显示按钮。
我的 forms.py 看起来像这样:
from django.forms import ModelForm
from django import forms
from crispy_forms.helper import FormHelper
from crispy_forms.layout import Layout, Fieldset, ButtonHolder, Submit
from .models import Author
class NewAuthorForm(forms.ModelForm):
class Meta:
model = Author
# If you pass FormHelper constructor a form instance
# It builds a default layout with all its fields
helper = FormHelper()
helper.form_method = 'post'
helper.add_input(Submit('save', 'save', css_class = 'btn-primary'))
我知道在进口方面存在一些冗余,但认为这不是问题。
最后,我的 base.html 是:
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 101 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap -->
<link href="{{ STATIC_URL }}css/bootstrap.min.css" rel="stylesheet">
<!-- note that there’s also blue.uni-form.css and dark.uni-form.css available if you want to try chan-->
<link rel="stylesheet" href="{{ STATIC_URL }}crispy_forms/static/uni_form/uni-form.css" type="text/css" />
<link rel="stylesheet" href="{{ STATIC_URL }}crispy_forms/static/uni_form/default.uni-form.css" type="text/css" />
<!-- uni-form JS library, optional -->
<script src="{{ STATIC_URL }}crispy_forms/static/uni_form/uni-form.jquery.js" type="text/javascript"></script>
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class='container'>
{% block col1 %}
<div class='row'>
<div class="span3">
{% endblock %}
{% block col2 %}
<div class="span9">
</div><!--/span9-->
{% endblock %}
</div><!--row-->
</div><!--/container-->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{{ STATIC_URL }}js/bootstrap.min.js"></script>
</body>
</html>
我已将清晰的表单模板放在我的模板文件夹中,该文件夹与 manage.py 处于同一级别。正如我所说,所有引导程序都很好。
我难住了。感激地收到任何想法