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

先准备几张轮播图

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

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

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

前端首页接口

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

@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)

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

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

{% 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系统之前端动态获取后台添加的轮播图

相关推荐