如何将django模型表单放入现成的模板中

我有一个模型表单,允许用户张贴和上传照片。它可以在空白模板上正常工作。所以现在我想把表格放在一个现成的模板中,该模板有用于创建帖子和上传照片的字段。该页面如下所示:

?

我的models.py:

class Post(models.Model):
    post = models.CharField(max_length=3000)
    pic = models.ImageField(blank=True)
    user = models.ForeignKey(User, on_delete=models.DO_NOTHING)
    created = models.DateTimeField(auto_now_add=True)
    updated = models.DateTimeField(auto_now=True)

Forms.py

class PostForm(forms.ModelForm):
    post = forms.CharField(widget=forms.TextInput())

views.py

class BaseView(TemplateView):
    template_name = 'base.html'

    def get(self, request):
        form = PostForm()
        posts = Post.objects.all().order_by('-created')
        users = User.objects.exclude(id=request.user.id)

        args = {'form': form,'users': users, 'posts': posts}
        return render(request, self.template_name, args)
    
    def post(self, request):
        form = PostForm(request.POST, request.FILES)
        if form.is_valid():
            post = form.save(commit=False)
            post.user = request.user
            post.save()
            
            pics = form.cleaned_data['pic']
            text = form.cleaned_data['post']
            form = PostForm()
            return redirect('base')

        args = {'form': form, 'text': text, 'pics':pics}
        return render(request, self.template_name, args)

在模板中,我想使用的字段如下:

<div class="create-post">
                <div class="row">
                    <div class="col-md-7 col-sm-7">
                  <div class="form-group">
                    <img src="images/users/user-1.jpg" alt="" class="profile-photo-md" />
                    <textarea name="texts" id="exampleTextarea" cols="30" rows="1" class="form-control" placeholder="Write what you wish"></textarea>
                  </div>
                </div>
                    <div class="col-md-5 col-sm-5">
                  <div class="tools">
                    <ul class="publishing-tools list-inline">
                      <li><a href="#"><i class="ion-images"></i></a></li>
                    </ul>
                    <button class="btn btn-primary pull-right">Publish</button>
                  </div>
                </div>
                </div>
            </div>

如果你知道我如何解决这个问题,请帮助我。谢谢。

转载请注明出处:http://www.wlshunda.com/article/20230526/2222156.html