一、城市(所在地区)数据动态展示

添加完数据后,如何让后端数据在前端展示

1、从数据库中取出,传到前端模板

7-4 django在线教育平台----课程机构列表页数据展示2

模板中接收

7-4 django在线教育平台----课程机构列表页数据展示2

7-4 django在线教育平台----课程机构列表页数据展示2

二、课程机构数据动态展示

将下图中箭头所指的地方的数据传到模板中,有课程图片logo、课程名、总计多少家机构

7-4 django在线教育平台----课程机构列表页数据展示2

1、先找到模板中对应数据的位置

一个dl就是一个课程机构

7-4 django在线教育平台----课程机构列表页数据展示2

模板接收数据

7-4 django在线教育平台----课程机构列表页数据展示2

具体数据位置
课程名
7-4 django在线教育平台----课程机构列表页数据展示2

总计多少家机构
7-4 django在线教育平台----课程机构列表页数据展示2

课程图片logo
7-4 django在线教育平台----课程机构列表页数据展示2

2、传递数据到模板

传递课程名

7-4 django在线教育平台----课程机构列表页数据展示2

传递总计多少家机构

7-4 django在线教育平台----课程机构列表页数据展示2

传递课程图片logo,logo是通过url上传的

如何将image的字段写成url

第一种:数据库中的image字段是相对路径,必须加上settings中的根路径

7-4 django在线教育平台----课程机构列表页数据展示2

第二种:参数传递,相对路径设置

7-4 django在线教育平台----课程机构列表页数据展示2

配置context_processors,配置之后才能将MEDIA_URL注册到模板中去

7-4 django在线教育平台----课程机构列表页数据展示2

3、测试

7-4 django在线教育平台----课程机构列表页数据展示2

测试结果显示课程名、总计多少家机构都动态展示成功,图片上传失败,但是图片的url路径是对的,是因为我们还需要配置路径的url

7-4 django在线教育平台----课程机构列表页数据展示2

7-4 django在线教育平台----课程机构列表页数据展示2

再次测试

动态数据均显示成功

7-4 django在线教育平台----课程机构列表页数据展示2

相关文章:

  • 2021-12-19
  • 2021-12-19
  • 2022-01-18
  • 2021-09-09
  • 2021-07-18
  • 2021-04-23
  • 2021-12-03
  • 2021-12-19
猜你喜欢
  • 2021-08-29
  • 2021-10-26
  • 2021-05-14
  • 2021-06-09
  • 2021-12-29
  • 2021-12-19
  • 2021-12-19
相关资源
相似解决方案