12、Django实战第12天：课程机构列表页数据展示

今天完成的是课程机构列表页....

 

1、启动服务，进入xadmin后，添加5个城市信息用作测试数据

2、添加课程机构，其中有一项要上传封面图的地方要注意

封面图上传路径是我们在models中设置好的

在数据表中，我们存放的是相对路径，但是Django怎么知道存在哪个根目录下呢？首先我们现在项目的根目录创建一个文件夹media,我们来把media作为根目录

设置settings.py，配置media

# 在末尾添加此两行

MEDIA_URL = '/media/'
MEDIA_ROOT = os.path.join(BASE_DIR, 'media')　

后面在前端页面会使用到{{ MEDIA_URL }}变量，所以还需要在settings.py中的templates配置

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'templates')]
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
                'django.core.context_processors.media',   ##添加此行
            ],
        },
    },
]

还需要为media配置条url

...
from django.views.static import serve #处理静态文件的函数
from mxonline.settings import  MEDIA_ROOT #导入上传文件位置变量

urlpatterns = [
    ....
    # 上传文件的访问处理函数
    url(r'^media/(?P<path>.*)$', serve, {'document_root': MEDIA_ROOT}),

]　

现在添加课程机构，最后会发现：封面图已经保存到我们设定的位置了

添加7个课程机构，用作测试数据

 

现在我们来看下课程机构的页面127.0.0.1:8000/org_list/, 框住的目前在html中是静态写死的，现在我们要从数据库动态的取出

编辑organization.views.py,把城市和课程机构都取出来

from django.shortcuts import render
from django.views.generic import View

from.models import CityDict, CourseOrg


class OrgView(View):
    def get(self, request):
        #城市
        all_citys = CityDict.objects.all()
        #课程机构
        all_orgs = CourseOrg.objects.all()
        #机构数
        org_nums = all_orgs.count()
        return render(request, 'org-list.html', {
            'all_orgs': all_orgs,
            'all_citys': all_citys,
            'org_nums': org_nums,
        })

　　

编辑org-list.html:所在地区部分

编辑org-list.html:机构统计部分

编辑org-list.html:课程机构部分，发现每一个课程机构就是一个dl标签包住的，因此我们只需要保留一个dl，然后for 循环。注意这里课程人数和学习人数也要改掉，我忘记改了而已

 现在访问前端页面，会发现数据已经是动态获取了