Flask项目（新闻网站）—— 新闻详情页（收藏功能）

唯有秃头才能变强

于 2022-06-29 15:53:28 发布

阅读量460

点赞数

分类专栏：学生党、程序爱好者文章标签： flask python 后端

本文链接：https://blog.csdn.net/y57657/article/details/125522111

版权

本文介绍如何在Flask后端项目中实现新闻详情页面的收藏功能。通过在views.py的detail函数中添加代码，更新main.css和detail.html的界面，结合接口设计图，创建新的视图函数，并在detail.js中调整收藏和取消收藏的逻辑，完成用户收藏新闻的功能实现。

摘要由CSDN通过智能技术生成

接口设计

在这里插入图片描述
首先将收藏功能给展示出来

news目录，views.py（detail函数，添加代码）

    # 5.收藏按钮展示
    is_collection = False
    if user:
        if news in user.collection_news:
            is_collection = True

    context = {
   
        "user": user,
        "news_clicks": news_clicks,
        "news":news,
        "is_collected":is_collection

    }

news目录，main.css(.collected)

.collected{
   
    /*display:inline-block;*/
    width:100px;
    height:36px;
    color:#666;
    border-radius:4px;
    font-size:14px;
    /*margin:0px 5px;*/
    background:url(../images/collect_icons.png) 15px -73px no-repeat #e6e6e6;
    position:relative;
    overflow:hidden;
}

detail.html(找到收藏相关的代码)

        <a href="javascript:;" class="collected block-center" data-newid="{
    { context.news.id }}"
           style="display: {
       % if context.is_collected %} block
           {
       % else %} none {
       % endif %};"><span class="out">已收藏</span><span class="over">取消收藏</span></a>

        <a href="