2020-05-20--Django项目18--首页

首页

首页的显示分为三部分：

• 轮播图
• 公开课
• 课程机构
  首先在url中修改index的url：
  MXOnline/urls.py:

 # path('',TemplateView.as_view(template_name='index.html'),name = 'index'),
    path('',IndexView.as_view(),name = 'index'),

在operations/view.py:

#首页
class IndexView(View):
    def get(self, request, *args, **kwargs):
        '''

        :param request:
        :param args:
        :param kwargs:
        :return:
        '''
        #轮播图
        banners = Banner.objects.all().order_by('index')

        #公开课
        courses = Course.objects.filter(is_banner=False)[:7]

        # 小banner
        banner_courses = Course.objects.filter(is_banner=True)[:4]
        # 课程机构加载
        course_orgs = CourseOrg.objects.all()[:15]


 return render(request, 'index.html', {
            "banners": banners,         #轮播图
            "courses": courses,         #公开课
            'banner_courses':banner_courses,       #公开课中的轮播图
            "course_orgs": course_orgs,        #课程机构
        })

轮播图html：

进行数据绑定：

添加的数据：

运行：

公开课

公开课的轮播图

进行循环遍历显示。

公开课中的课程

要进行循环遍历，这里我们发现class的值不相同，所以下边要对class的值进行变化，使用过滤器add：2.

运行：

课程机构

数据绑定：

这里由于每5个循环项有一个class值为five，所以加一个判断即可。

运行：