python电商项目-首页广告展示

首页广告展示

实现首页轮播图广告快讯广告一楼(手机) 二楼(电脑数码) 三楼(家居家装)广告页面展示

{"index_lbt":[{"id":1, "category": 1,"title": '美图',"url": 'http://www.baidu.com',"image": "group/M00/00/01/ADASDADA-CZXCSAasdsadada","text": "","sequence": 1,"status": 1},{"id":2, "category": 1,"title": '黑色星期五',"url": 'http://www.baidu.com',"image": "group/M00/00/01/ADASDADA-CZXCSAasdsadada","text": "","sequence": 2,"status": 1}],"index_kx":[{"id":5, "category": 2,"title": 'i7顽石低至3999',"url": 'http://www.baidu.com',"image": "group/M00/00/01/ADASDADA-CZXCSAasdsadada","text": "","sequence": 2,"status": 1},]
}
"""

分析所需要的数据结构：是一个json的格式
1.“index_lbt” 是广告类别表 tb_content_category的数据，下面的id,category,是tb_content广告内容表字段，是将轮播图里面所有的数据放在一个大列表下面，每个列表里面有字典，即json格式。后面 “index_kx” 是快讯与轮播图一样。

如何拼接成这种字典格式？查询商品类别的时候，已知道?
我们需要查询所有的商品广告，这些数据在tb_content广告内容和广告类别表 tb_content_category中，先查出所有广告的类别，导入modles.py中的ContentCategory，
查询出所有广告类别： context_categroies = ContentCategory.objects.all()

tb_content_category表

tb_content广告内容表

contens/views.py

 # print(categories)# 查询所有的首页广告# 查询所有的广告类别context_categories = ContentCategory.objects.all()# print(context_categories)contents = {}for context_category in context_categories:# {'index_lbt': <QuerySet [<Content: 轮播图: 美图M8s>, <Content: 轮播图: 黑色星期五>, <Content: 轮播图: 厨卫365>, <Content: 轮播图: 君乐宝买一送一>]>,contents[context_category.key] = Content.objects.filter(category_id=context_category.id, status=True).all().order_by('sequence')print(contents)context = {"categories": categories,"contents": contents,}return render(request, 'index.html', context=context)

index.html 轮播图广告

 <ul class="slide">{% for content in contents.index_lbt %}<li><a href="{{ content.url }}"><img src="http://192.168.65.145:8888/{{ content.image }}" alt="幻灯片01"></a></li>{% endfor %}</ul>

index.html 快讯和页头广告

<div class="news"><div class="news_title"><h3>快讯</h3><a href="#">更多 &gt;</a></div><ul class="news_list">{% for content in contents.index_kx %}<li><a href="{{ content.url }}">{{ content.title }}</a></li>{% endfor %}</ul>{% for content in contents.index_ytgg %}<a href="{{ content.url }}" class="advs"><img src="{{ content.image }}"></a>{% endfor %}</div></div>

index.html 楼层广告（一楼）

<div class="list_model"><div class="list_title clearfix"><h3 class="fl" id="model01">1F 手机通讯</h3><div class="subtitle fr"><a @mouseenter="f1_tab=1" :class="f1_tab===1?'active':''">时尚新品</a><a @mouseenter="f1_tab=2" :class="f1_tab===2?'active':''">畅想低价</a><a @mouseenter="f1_tab=3" :class="f1_tab===3?'active':''">手机配件</a></div></div><div class="goods_con clearfix"><div class="goods_banner fl"><img src="{{ contents.index_1f_logo.0.image}}"><div class="channel">{% for content in contents.index_1f_pd %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div><div class="key_words">{% for content in contents.index_1f_bq %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div></div><div class="goods_list_con"><ul v-show="f1_tab===1" class="goods_list fl">{% for content in contents.index_1f_ssxp %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul><ul v-show="f1_tab===2" class="goods_list fl">{% for content in contents.index_1f_cxdj %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul><ul v-show="f1_tab===3" class="goods_list fl">{% for content in contents.index_1f_sjpj %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul></div></div>
</div>

index.html 楼层广告（二楼）

<div class="list_model model02"><div class="list_title clearfix"><h3 class="fl" id="model01">2F 电脑数码</h3><div class="subtitle fr"><a @mouseenter="f2_tab=1" :class="f2_tab===1?'active':''">加价换购</a><a @mouseenter="f2_tab=2" :class="f2_tab===2?'active':''">畅享低价</a></div></div><div class="goods_con clearfix"><div class="goods_banner fl"><img src="{{ contents.index_2f_logo.0.image}}"><div class="channel">{% for content in contents.index_2f_pd %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div><div class="key_words">{% for content in contents.index_2f_bq %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div></div><div class="goods_list_con"><ul v-show="f2_tab===1" class="goods_list fl">{% for content in contents.index_2f_cxdj %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul><ul v-show="f2_tab===2" class="goods_list fl">{% for content in contents.index_2f_jjhg %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul></div></div>
</div>

index.html 楼层广告（三楼）

<div class="list_model model03"><div class="list_title clearfix"><h3 class="fl" id="model01">3F 家居家装</h3><div class="subtitle fr"><a @mouseenter="f3_tab=1" :class="f3_tab===1?'active':''">生活用品</a><a @mouseenter="f3_tab=2" :class="f3_tab===2?'active':''">厨房用品</a></div></div><div class="goods_con clearfix"><div class="goods_banner fl"><img src="{{ contents.index_3f_logo.0.image }}"><div class="channel">{% for content in contents.index_3f_pd %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div><div class="key_words">{% for content in contents.index_3f_bq %}<a href="{{ content.url }}">{{ content.title }}</a>{% endfor %}</div></div><div class="goods_list_con"><ul v-show="f3_tab===1" class="goods_list fl">{% for content in contents.index_3f_shyp %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul><ul v-show="f3_tab===2" class="goods_list fl">{% for content in contents.index_3f_cfyp %}<li><a href="{{ content.url }}" class="goods_pic"><img src="{{ content.image }}"></a><h4><a href="{{ content.url }}" title="{{ content.title }}">{{ content.title }}</a></h4><div class="price">{{ content.text }}</div></li>{% endfor %}</ul></div></div>
</div>

完成以上操作，页面图片不能打开：

结论：
• 通过FastDFS上传文件后返回的’Remote file_id’字段是文件索引。
• 文件索引会被我们存储到MySQL数据库。所以将来读取出来的也是文件索引，导致界面无法下载到图片。
解决：
• 重写Django文件存储类的url()方法。
• 在重写时拼接完整的图片下载地址（协议、IP、端口、文件索引）

python电商项目-首页广告展示相关推荐

python电商项目源码_Python Django(WEB电商项目构建)
(坚持每一天,就是成功) Python Django Web框架,Django是一个开放源代码的Web应用框架,由Python写成.采用了MTV的框架模式,即模型M,模板T和视图V组成. 安装Pyth ...
【愚公系列】2022年11月微信小程序-优购电商项目-首页设计
文章目录前言一.首页设计 1.首页的业务逻辑 2.涉及的接口数据 3.关键技术二.首页相关代码 1.⾃定义组件搜索框 2.wx.request封装 3.首页页面 4.效果前言对于小程序电商首 ...
python电商项目介绍_电商大数据项目-推荐系统实战（一）
本项目是基于Spark MLLib的大数据电商推荐系统项目,使用了scala语言和java语言.基于python语言的推荐系统项目会另外写一篇博客.在阅读本博客以前,需要有以下基础: 1.linux的 ...
python电商项目源码_电商平台某活动销售数据复盘-附python完整代码
假设我司是一家集产研销一体的公司,在某电商平台上长期销售商品.基于平台现有的销售模式,我司每个月都会有一场以上促销活动,每次促销活动后我们都会评估其结果,并做出相关改进.分析流程:1.总体运营指标分析 ...
python写电商网站框架_Python学员感言：电商项目要先把框架搭起来
Python学员感言:电商项目要先把框架搭起来来源:奇酷学院发表于:2018-11-08 17:36:30 难的是开头,如果一开始,连项目的需求分析都分析不好,框架都搭建不起来,那么这个项目根本没 ...
vue.js电商项目--美丽购物街day01首页制作
vue.js电商项目--美丽购物街day01 首页效果如图划分目录结构 vue.config.js配置文件别名 App.vue文件 router文件下的index.js 封装网络请求 Home.vu ...
电商项目介绍面试的时候会问到
JAVA电商项目简介面试的时候如何进行项目讲解? 我们这个项目是基于SOA的架构来实现的.采用的是dubbo中间件来实现表现层跟服务层之间的通信.我们项目分为前台后台,前台提供内容展示,商品展示,商 ...
SpringBoot电商项目之购物车下单（沙箱支付）
目录一.购物车结算前端功能实现二.购物车结算后端功能实现 1.从session中获取购物车对象 2.筛选出要结算的订单项列表集合 3.订单页前台展示三.结算页的下单前端生成订单 1.前端相关处 ...
面试专题-电商项目面试篇
找工作面试的过程中,项目将会是整个流程的核心灵魂,也是能在面试中能让面试官尽快认同你的一个强有力的依据,所以在面试中把电商项目清晰的表述出来是极为关键的. 1.说说你最近做的这个项目的背景,简单的介绍 ...

python电商项目-首页广告展示

python电商项目-首页广告展示相关推荐

最新文章

热门文章