首页 > 其他 > 详细

一百三十二:CMS系统之前端动态获取后台添加的轮播图

时间:2019-12-01 19:46:24      阅读:287      评论:0      收藏:0      [点我收藏+]

 

先准备几张轮播图

技术分享图片

排序顺序改为根据优先级倒序排

技术分享图片

前端首页接口

技术分享图片

@bp.route(‘/‘)
def index():
banners = BannerModel.query.order_by(BannerModel.priority.desc()).limit(4) # 只取4条
context = {‘banners‘: banners}
return render_template(‘front/front_index.html‘, **context)

在首页模板中动态渲染轮播图

技术分享图片

{% for banner in banners %}
  {% if loop.first %}
    <div class="item active">
  {% else %}
    <div class="item">
  {% endif %}
  <a href="{{ banner.link_url }}"><img src="{{ banner.image_url }}" alt="{{ banner.name }}"></a>
  </div>
{% endfor %}

效果

技术分享图片

 

一百三十二:CMS系统之前端动态获取后台添加的轮播图

原文:https://www.cnblogs.com/zhongyehai/p/11966938.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!