有一个模型叫做 rigs_carousel。该模型的文章应以 Bootstrap Carousel 幻灯片的形式展示在网站上。问题在于,对于不同的欺诈,轮播要么根本不显示,要么幻灯片相互叠加。另外,问题是这个轮播很旧(我很久以前做的),从那时起我改变了数据在页面上的显示方式,因此出现了问题,我怎样才能将这个 rigs_carousel 连接到view.py 中的页面已经完成,非常感谢您的帮助!
带有轮播的 html 文件:
<!-- Карусель -->
<div id="demo" class="carousel slide" data-ride="carousel">
<!-- Индикаторы слайдов карусели -->
<!-- Я хочу выводить именно 3 самых новых новости на сайт -->
<ul class="carousel-indicators">
<li data-target="#demo" data-slide-to="0"></li>
<li data-target="#demo" data-slide-to="1"></li>
<li data-target="#demo" data-slide-to="2"></li>
</ul>
<!-- Слайды карусели -->
<div class="carousel-inner ccarousel">
{% for post in rigs_carousel %}
<div class="carousel-item">
<img src="{{ post.image.url }}">
<div class="carousel-caption">
<h1 class="display-2">{{ post.title }}</h1>
<h2>{{ post.text }}</h2>
<a href="#" class="btn btn-info">Читать далее</a>
</div>
</div>
{% endfor %}
</div>
<!-- Переключение между слайдами карусели -->
<a class="carousel-control-prev" href="#demo" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#demo" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
视图.py
from django.shortcuts import render
from django.views.generic import ListView, DetailView, CreateView, UpdateView, DeleteView
from .models import Rig
from django.contrib.auth.mixins import LoginRequiredMixin
class ShowRigView(ListView):
model = Rig
template_name = 'rigs/rigs.html'
context_object_name = 'rig'
ordering = ['-date']
paginate_by = 15
def get_context_data(self, **kwards):
ctx = super(ShowRigView, self).get_context_data(**kwards)
ctx['title'] = 'MCStore Rigs'
return ctx
class RigDetailView(DetailView):
model = Rig
def get_context_data(self, **kwards):
ctx = super(RigDetailView, self).get_context_data(**kwards)
ctx['title'] = Rig.objects.filter(pk=self.kwargs['pk']).first()
return ctx
class CreateRigsView(LoginRequiredMixin, CreateView):
model = Rig
template_name = 'rigs/rig_create.html'
fields = ['title', 'text', 'image_0', 'image_1', 'image_2', 'version', 'is_vanila', 'price', 'date']
def form_valid(self, form):
return super().form_valid(form)
class UpdateRigsView(LoginRequiredMixin, UpdateView):
model = Rig
template_name = 'rigs/rig_form.html'
fields = ['title', 'text', 'image_0', 'image_1', 'image_2', 'version', 'is_vanila', 'price', 'date']
def form_valid(self, form):
return super().form_valid(form)
class DeleteRigsView(LoginRequiredMixin, DeleteView):
model = Rig
success_url = '/'
我没有找到解决方案,所以我切换到了 slick slider ( https://kenwheeler.github.io/slick/ ) 在俄语 YouTube 上有很多关于设置它的视频,顺便说一下非常简单(添加少量JS代码)