当先锋百科网

首页 1 2 3 4 5 6 7

(一)首页的视图函数
1、检查模型 - M
检查以下模型类是否已经定义,如果没有定义,请做相应定义,并进行数据迁移,即在数据库生成相应的表。
(1)商品类型模型 - Types

在这里插入图片描述

(2)商品信息模型 - CommodityInfos
在这里插入图片描述

(3)购物车模型 - CartInfos
在这里插入图片描述

(4)订单模型 - OrderInfos
在这里插入图片描述

2、定义视图函数 - indexView
查看商品类型表
在这里插入图片描述

查看index功能模块的路由文件(子路由)
在这里插入图片描述

根据以上路由定义知,路由名index对应的社图函数为indexView,故在views.py中定义视图函数indexView。

在这里插入图片描述

indexView中10个变量说明

title变量:用于设置网页标签内容,用于html中的title标签中
classContent变量:控制导航栏样式,首页样式设置为class=’active’。
commodityInfos变量:查询模型CommodityInfos销量最高的前8条数据,显示在首页“今日必抢”栏目内。
types变量:查询模型Types的全部数据,用于c1,f1,g1的数据类型筛选。
c1变量:在变量types的基础上,筛选types中“儿童服饰”的所有数据,并以列表格式表示。
clothes变量:以c1做模型CommodityInfos查询条件,获取销量排名前5的数据,并显示在首页“宝宝服饰”栏目。
f1变量: 在变量types的基础上,筛选types中“奶粉辅食”的所有数据,并以列表格式表示。
food变量:以f1做模型CommodityInfos查询条件,获取销量排名前5的数据,并显示在首页“奶粉辅食”栏目。
g1变量: 在变量types的基础上,筛选types中“儿童用品”的所有数据,并以列表格式表示。
goods变量:以f1做模型CommodityInfos查询条件,获取销量排名前5的数据,并显示在首页“宝宝用品”栏目。
最后return设置返回值,把视图函数中定义的变量传递给模板,然后由模板引擎对这些变量进行解析并渲染到网页上。
在这里插入图片描述

任务:将types数据渲染到模板页面index.html上
在这里插入图片描述

遍历types,显示效果如下所示
在这里插入图片描述