zoukankan      html  css  js  c++  java
  • 博客管理

    # 博客管理

    ### 博客收藏

    - 回顾AJAX请求

    - 添加用户收藏博客中间关联模型

    - 添加功能函数:判断是否收藏、添加收藏、取消收藏

    - 添加ajax请求处理的视图函数

    - 添加收藏按钮

    ```html
    <div class="collect" style="cursor: pointer;" url="{{ url_for('posts.collect', pid=p.id) }}">
    {%- if current_user.is_authenticated and current_user.is_favorite(p.id) -%}
    取消收藏
    {%- else -%}
    收藏
    {%- endif -%}
    </div>
    ```

    - 添加收藏按钮的点击事件

    ```html
    {% block scripts %}
    {{ super() }}
    <script type="text/javascript">

    $(function () {
    $('.collect').click(function () {
    {% if current_user.is_authenticated %}
    // 回调函数中的this没有意义
    _this = this
    $.get($(_this).attr('url'), function (data) {
    $(_this).text(data.status)
    })
    {% else %}
    // 没有登录时点击收藏直接跳转到登录页面
    location.href = "{{ url_for('user.login') }}"
    {% endif %}
    })
    })

    </script>
    {% endblock %}
    ```

  • 相关阅读:
    VMware搭建VMware ESXi 6.7
    77. Combinations
    47. Permutations II
    system design
    37. Sudoku Solver
    12月9日学习日志
    12月8日学习日志
    12月7日学习日志
    12月6日学习日志
    12月5日学习日志
  • 原文地址:https://www.cnblogs.com/liangliangzz/p/10222047.html
Copyright © 2011-2022 走看看