如何在Django中呈现html表单_Html_Css_Django_Forms

如何在Django中呈现html表单

html css django forms

如何在Django中呈现html表单,html,css,django,forms,Html,Css,Django,Forms,当我试图在django应用程序中使用引导文件时，我无法连接我的模型。当我运行服务器时，我可以看到引导主题，但当我输入数据并单击“提交”按钮时，数据未存储在我的数据库中，并且在管理面板中也不可见（当我使用没有引导的简单html文件时，我能够将数据保存在数据库中，并且它也显示在管理面板中） {%load static from staticfiles%} <!DOCTYPE html> <html lang="en"> <head> <sty

当我试图在django应用程序中使用引导文件时，我无法连接我的模型。当我运行服务器时，我可以看到引导主题，但当我输入数据并单击“提交”按钮时，数据未存储在我的数据库中，并且在管理面板中也不可见

（当我使用没有引导的简单html文件时，我能够将数据保存在数据库中，并且它也显示在管理面板中）

{%load static from staticfiles%}

<!DOCTYPE html>
<html lang="en">

  <head>
    <style>
      body{
        background: url('{% static "img/new4.jpg" %}') no-repeat center fixed;
        - webkit- background: cover;
        - moz - background: cover;
        - o - background: cover;
              background-size: cover;
      }

      </style>


    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Personality Leading.com</title>

    <!-- Bootstrap core CSS -->
    <link href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <!-- <link rel="stylesheet" type="text/css" href="{% static 'vendor/bootstrap/css/Custom' %}"> -->
    <link rel="stylesheet" type="text/css" href="{% static 'vendor/bootstrap/css/Custom.css' %}">

    <!-- Custom fonts for this template -->
    <link href="{% static 'vendor/font-awesome/css/font-awesome.min.css' %}" rel="stylesheet" type="text/css">
    <link href='https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>

    <!-- Custom styles for this template -->
    <link href="{% static 'css/clean-blog.min.css' %}" rel="stylesheet">

  </head>

  <body>

<!-- Navigation -->
<div class="mynav">
  <div class="p-3 mb-2 bg-info text-white"><strong> PERSONALITY LEADING </strong></div>
  <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
      <div class="container">
        <a class="navbar-brand" href="index.html"></a>
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
          Menu
          <i class="fa fa-bars"></i>
        </button>
        <div class="collapse navbar-collapse" id="navbarResponsive">
          <ul class="navbar-nav ml-auto">
            <li class="nav-item">
              <a class="nav-link" href="/home/">Home</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/about/">About</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/services/">Services</a>
            </li>
            <li class="nav-item">
              <a class="nav-link" href="/contact/">Contact</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>
  </div>
</div>

    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>


    <!-- Page Header -->
    <!-- <header class="masthead" style="background-image: url('img/contact-bg.jpg')"> -->
      <div class="overlay"></div>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <div class="page-heading">
              <h1>Contact Us</h1>
              <span class="subheading">Have questions? I have answers.</span>
            </div>
          </div>
        </div>
      </div>
    </header>


    <!-- Main Content -->
    <div class="container">
      <div class="row">
        <div class="col-lg-8 col-md-10 text-dark mx-auto">
          <p>Want to get in touch? Fill out the form below to send us a message and We will get back to you as soon as possible!</p>
          <form name="sentMessage" id="contactForm" novalidate>
            <form method="post" action="">
            {% csrf_token %}
            <div class="control-group">
              <div class="form-group floating-label-form-group controls">

                 <div class="form-group">
                <label>Name</label>
                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                <div class="col-md-4">
                  {{ form.name}}
                <p class="help-block text-danger"></p>


              </div>
            </div>
            <div class="control-group">

              <div class="form-group floating-label-form-group controls">
                <div class="form-group">
                <label>Email Address</label>
                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                <div class="col-md-4">
                  {{ form.email}}
                <p class="help-block text-danger"></p>


              </div>
            </div>
            <div class="control-group">
              <div class="form-group">
              <div class="form-group col-xs-12 floating-label-form-group controls">
                <label>Phone Number</label>
                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                <div class="col-md-4">
                  {{ form.phone}}
                <p class="help-block text-danger"></p>


              </div>
            </div>
            <div class="control-group">
              <div class="form-group">
              <div class="form-group floating-label-form-group controls">
                <label>Message</label>
                <textarea rows="5" class="form-control" placeholder="Message" id="message" required data-validation-required-message="Please enter a message."></textarea>
                <div class="col-md-4">
                  {{ form.message}}
                <p class="help-block text-danger"></p>


              </div>
            </div>
            <br>
            <div id="success"></div>
            <div class="form-group">
              <button type="submit" class="btn btn-primary" id="sendMessageButton">Send</button>

            </div>
            </form>
          </form>
        </div>
      </div>
    </div>
    <div id="templatemo-contact">

            <p class="text-primary">
              <h7><strong>Meet us<span> at our location</span> </strong></h7> </p>
            <br>


                <div class="contactHldr text-#0085a1">
                    <ul>
                        <li>

                          <strong>Personality Leading</strong><br>
                            (Online Jobs Guru Pvt.ltd)<br>
                            #169, 13th Main 1st Floor<br>
                            Aicoboo Nagar, 1st stage, BTM Layout<br>
                          Bangalore - 560029</p>
                          <h4>Locate us on Google maps</h4>
                          <a href="https://www.google.co.in/maps/place/Onlinejobsguru+Pvt.Ltd./@12.9167255,77.6087831,17z/data=!3m1!4b1!4m5!3m4!1s0x3bae14fc2c1a4461:0xa948622b989d82ff!8m2!3d12.9167203!4d77.6109718?hl=en"> <img src="{%static 'img/map.png' %}" width="150" height="114"><br>
                            <br>

                            <!-- <h5>Phone: 080 - 41250340</h5> -->
                        <p class="text-primary"><strong>Phone:</strong> 080 - 41250340</p>
                        <p class="text-light"><strong>Email:</strong> <br> <a href="mailto:info@personalityleading.com">info@personalityleading.com</a><br><a href="mailto:support@personalityleading.com">support@personalityleading.com</a></p>

                          </a>
                        </li>



    <hr>

    <!-- Footer -->
    <footer>
      <div class="container">
        <div class="row">
          <div class="col-lg-8 col-md-10 mx-auto">
            <ul class="list-inline text-center">
              <li class="list-inline-item">
                <a href="https://twitter.com/onlinejobsguruu">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li>
              <li class="list-inline-item">
                <a href="https://www.facebook.com/onlinejobsguru05/">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li>
              <!-- <li class="list-inline-item">
                <a href="#">
                  <span class="fa-stack fa-lg">
                    <i class="fa fa-circle fa-stack-2x"></i>
                    <i class="fa fa-github fa-stack-1x fa-inverse"></i>
                  </span>
                </a>
              </li> -->
            </ul>
            <p class="copyright text-light">© 2016 PERSONALITY LEADING, ALL RIGHTS RESERVED</p>
          </div>
        </div>
      </div>
    </footer>

    <!-- Bootstrap core JavaScript -->
    <script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>
    <script src="{% static 'vendor/bootstrap/js/bootstrap.bundle.min.js' %}"></script>

    <!-- Contact Form JavaScript -->
    <script src="{% static 'js/jqBootstrapValidation.j' %}"></script>
    <script src="{% static 'js/contact_me.js' %}"></script>

    <!-- Custom scripts for this template -->
    <script src="{% static 'js/clean-blog.min.js' %}"></script>

  </body>

</html>


身体{
背景：url（“{%static”img/new4.jpg“%}”）没有固定的重复中心；
-webkit-背景：封面；
-moz-背景：封面；
-o-背景：封面；
背景尺寸：封面；
}
个性领导网
个性引领
菜单


























联系我们
有问题吗？我有答案。
想联系吗？请填写下面的表格给我们发送信息，我们会尽快回复您
{%csrf_令牌%}
名称
{{form.name}

电子邮件地址
{{form.email}

电话号码
{{form.phone}}

消息
{{form.message}}



邮寄

在我们的地点与我们会面




个性引领

（在线就业专家私人有限公司）

#第13主一楼169号

Acoboo Nagar，第一阶段，BTM布局

班加罗尔-560029
在谷歌地图上找到我们










©2016个性引领，版权所有

如果您使用的是该

模型的ModelForm
，请将您的视图更改为该视图
def contact(request):
    if request.method == 'POST':

        form = details_forms(request.POST)
        if form.is_valid():
           form.save()
           return render(request,'contact.html',{'form':form})
    else:
        form = details_forms()
    return render(request,'contact.html',{'form':form})

把这个换成你的表格
class Meta(): model = student fields = ['name','email','phone','message']

到
在字段中输入数据后，我尝试在my views.py中使用上述代码，但该代码未反映在管理面板中。请帮助。显示您的admin.py代码以及您从django导入表单时使用的表单。models import*class details_forms（forms.ModelForm）：name=forms.CharField（widget=forms.TextInput（），required=True，max_length=100）email=forms.EmailField（max_length=50）phone=forms.CharField（max_length=25）message=forms.CharField（widget=forms.Textarea（））class Meta（）：model=student fields=['name'，'email'，'phone'，'message']from django.contrib导入admin from.models导入*admin.site.register（学生）#在这里注册你的模型。这不起作用，先生。我的代码中是否有任何错误与html文件连接，因为我是第一次尝试引导，我不知道如何将html引导文件中的字段连接到我的forms.py文件models.from django导入表单from.models导入*类详细信息(forms.ModelForm)：name=forms.CharField（widget=forms.TextInput（），required=True，max_length=100）email=forms.EmailField（max_length=50）phone=forms.CharField（max_length=25）message=forms.CharField（widget=forms.Textarea（））class Meta（）：model=student fields=['name'，'email'，'phone'，'message']
class Meta(): model = student fields = ['name','email','phone','message']

class Meta:
      model = student
      fields = ['name','email','phone','message']