Django后台-热门新闻管理

最新推荐文章于 2023-05-29 16:59:29 发布
最新推荐文章于 2023-05-29 16:59:29 发布
阅读量358 收藏 2
点赞数
分类专栏： python-django项目
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36349372/article/details/105631590
版权

对热门新闻进行管理包含有显示文章名称，文章分类，优先级，操作（编辑，删除）和添加热门新闻等功能

将数据库中的数据显示到页面中，首先创建一个热门新闻的一个模板
{% extends 'admin/base/base.html' %}
{% block title %}
  热门文章管理页面
{% endblock %}
{% block content_header %}
  热门文章管理
{% endblock %}

{% block header_option_desc %}
  正确的决策来自众人的智慧
{% endblock %}

{% block content %}
  <div class="row">
    <div class="col-md-12 col-xs-12 col-sm-12">
      <div class="box box-primary">
        <div class="box-header">
          <a href="#" class="btn btn-primary pull-right"
             id="btn-add-news-recommend">添加热门文章</a>
        </div>
        <div class="box-body">
          <table class="table table-bordered table-hover">
            <thead>
            <tr>
              <th>文章名称</th>
              <th>文章分类</th>
              <th>优先级</th>
              <th>操作</th>
            </tr>
            </thead>

            <tbody>
{##循环遍历热门新闻#}
            {% for hot_new in hot_news %}
              <tr data-id="{{ hot_new.id }}" data-name="{{ hot_new.news.title}}">
                <td>
                  <a href="{% url 'news_detail' hot_new.id %}" data-news-id="{{ hot_new.id }}">
                    {{ hot_new.news.title }}
                  </a>
                </td>
                <td>{{ hot_new.news.tag.name }}</td>
                <td>{{ hot_new.priority }}</td>
                <td>
                  <button class="btn btn-xs btn-warning btn-edit"
                    data-priority="{{ hot_new.priority }}">编辑</button>
                  <button class="btn btn-xs btn-danger btn-del">删除</button>
                </td>
              </tr>
            {% endfor %}
            </tbody>
          </table>
        </div>
        <div class="box-footer"></div>
      </div>
    </div>
  </div>
{% endblock %}


{% block script %}
  <script src="/static/js/admin/news/news_hot.js"></script>
{% endblock %}
编写相应的视图函数，将从数据库中的调用数据，显示到前台
  def get(self, request):
        hot_news = models.HotNews.objects.select_related('news__tag'). \
                       only('news_id', 'news__title', 'news__tag__name', 'priority'). \
                       filter(delete_is=False).order_by('priority')
        return render(request, 'admin/news/news_hot.html',locals())
配置相应的路由
 path('hotnews/',views.News_hot.as_view(),name='hotnews'),
 path('hotnews/<int:hotnews_id>/',views.News_hot.as_view(),name='hotnews'),

实现编辑功能

编写编辑功能的js代码：
$(function () {
    // 编辑热门文章
  let $HotNewsEdit = $(".btn-edit");  // 1. 获取编辑按钮
  $HotNewsEdit.click(function () {    // 2. 点击触发事件
    let _this = this;
    //获取id值
    let sHotNewsId = $(this).parents('tr').data('id');
    // let sHotNewsTitle = $(this).parents('tr').data('name');
      //获取优先级
    let sPriority = $(this).data('priority');

    fAlert.alertOneInput({
      title: "编辑热门文章优先级",
      text: "你正在编辑热门文章的优先级",
      placeholder: "请输入文章优先级",
      value: sPriority,
      confirmCallback: function confirmCallback(inputVal) {
        if (!inputVal.trim()) {
          swal.showInputError('输入框不能为空！');
          return false;
        }
        else if (inputVal == sPriority) {
          swal.showInputError('优先级未修改');
          return false;
        }
        // else if (!jQuery.inArray(inputVal, ['1', '2', '3'])) {
        //   swal.showInputError('优先级只能取1，2，3中的一个');
        //   return false;
        // }
        let sDataParams = {
          "priority": inputVal
        };
        $.ajax({
          // 请求地址
          url: "/admin/hotnews/" + sHotNewsId + "/",  // url尾部需要添加/
          // 请求方式
          type: "PUT",
          data: JSON.stringify(sDataParams),
          // 请求内容的数据类型（前端发给后端的格式）
          contentType: "application/json; charset=utf-8",
          // 响应数据的格式（后端返回给前端的格式）
          dataType: "json",
        })
          .done(function (res) {
            if (res.errno === "0") {
              swal.close();
              message.showSuccess("标签修改成功");
              // $(_this).parents('tr').find('td:nth-child(3)').text(inputVal);

              setTimeout(function () {
                window.location.href = '/admin/hotnews/';
              }, 1000)
            } else {
              swal.showInputError(res.errmsg);
            }
          })
          .fail(function () {
            message.showError('服务器超时，请重试！');
          });

      }
    });

  });
}
)
写相应的视图函数
    def put(self,request,hotnews_id):
        json_data = request.body
        if not json_data:
            return to_json_data(errno=Code.PARAMERR, errmsg="输入数据为空")
        # 将json转化为dict
        dict_data = json.loads(json_data)

        priority = int(dict_data.get('priority'))
        priority_list = [1,2,3]
        if priority not in priority_list:
            return to_json_data(errno=Code.PARAMERR, errmsg='热门文章的优先级设置错误')
        hotnews = models.HotNews.objects.only('id').filter(id=hotnews_id).first()
        if not hotnews:
            return to_json_data(errno=Code.PARAMERR, errmsg="需要更新的热门文章不存在")
        if hotnews.priority == priority:
            return to_json_data(errno=Code.PARAMERR, errmsg="热门文章的优先级未改变")
        hotnews.priority = priority
        hotnews.save(update_fields=['priority'])
        return to_json_data(errmsg="热门文章更新成功")

在这里插入图片描述

热门新闻的删除
先写对应的js文件
$(function () {
    // 编辑热门文章
  let $HotNewsEdit = $(".btn-edit");  // 1. 获取编辑按钮
  $HotNewsEdit.click(function () {    // 2. 点击触发事件
    let _this = this;
    //获取id值
    let sHotNewsId = $(this).parents('tr').data('id');
    // let sHotNewsTitle = $(this).parents('tr').data('name');
      //获取优先级
    let sPriority = $(this).data('priority');

    fAlert.alertOneInput({
      title: "编辑热门文章优先级",
      text: "你正在编辑热门文章的优先级",
      placeholder: "请输入文章优先级",
      value: sPriority,
      confirmCallback: function confirmCallback(inputVal) {
        if (!inputVal.trim()) {
          swal.showInputError('输入框不能为空！');
          return false;
        }
        else if (inputVal == sPriority) {
          swal.showInputError('优先级未修改');
          return false;
        }
        // else if (!jQuery.inArray(inputVal, ['1', '2', '3'])) {
        //   swal.showInputError('优先级只能取1，2，3中的一个');
        //   return false;
        // }
        let sDataParams = {
          "priority": inputVal
        };
        $.ajax({
          // 请求地址
          url: "/admin/hotnews/" + sHotNewsId + "/",  // url尾部需要添加/
          // 请求方式
          type: "PUT",
          data: JSON.stringify(sDataParams),
          // 请求内容的数据类型（前端发给后端的格式）
          contentType: "application/json; charset=utf-8",
          // 响应数据的格式（后端返回给前端的格式）
          dataType: "json",
        })
          .done(function (res) {
            if (res.errno === "0") {
              swal.close();
              message.showSuccess("标签修改成功");
              // $(_this).parents('tr').find('td:nth-child(3)').text(inputVal);

              setTimeout(function () {
                window.location.href = '/admin/hotnews/';
              }, 1000)
            } else {
              swal.showInputError(res.errmsg);
            }
          })
          .fail(function () {
            message.showError('服务器超时，请重试！');
          });

      }
    });

  });

  // 删除热门文章
  let $HotNewsDel = $(".btn-del");  // 1. 获取删除按钮
  $HotNewsDel.click(function () {   // 2. 点击触发事件
    let _this = this;
    let sHotNewsId = $(this).parents('tr').data('id');
    fAlert.alertConfirm({
      title: "确定删除热门文章吗？",
      type: "error",
      confirmText: "确认删除",
      cancelText: "取消删除",
      confirmCallback: function confirmCallback() {

        $.ajax({
          url: "/admin/hotnews/" + sHotNewsId + "/",  // url尾部需要添加/
          type: "DELETE",
          dataType: "json",
        })
          .done(function (res) {
            if (res.errno === "0") {
              message.showSuccess("删除热门文章成功");
              $(_this).parents('tr').remove();
            } else {
              swal.showInputError(res.errmsg);
            }
          })
          .fail(function () {
            message.showError('服务器超时，请重试！');
          });
      }
    });
  });
}
)
写相应的视图函数
    def delete(self,request,hotnews_id)://
 //通过传入的id来获取对应的热点新闻，然后将对应的热点新闻通过逻辑删除，实现删除功能，最后保存数据库即可
        hot_news=HotNews.objects.only('id').filter(delete_is=False).first();
        if hot_news:
            hot_news.delete_is=True;
            hot_news.save();
            return  to_json_data(errmsg="执行成功")
        else:
            return to_json_data(errno=Code.PARAMERR,errmsg="删除的资源不存在")

热点新闻的追加

写相应额前端页面
{% extends 'admin/base/base.html' %}
{% block title %}
  添加热门文章
{% endblock %}

{% block content_herader %}
  添加热门文章
{% endblock %}

{% block header_option %}
  创建热门文章
{% endblock %}


{% block content %}
  <div class="box box-primary">
    <div class="box-body">
      <div class="form-horizontal">
        <div class="form-group">
          <label for="category-select" class="col-md-2 col-sm-2 control-label">选择文章</label>
          <div class="col-md-2 col-sm-3">
            <select name="category" id="category-select" class="form-control input-md">
              <option value="0">--请选择文章分类--</option>

              {% for one_tag in tags %}
                <option value="{{ one_tag.id }}">{{ one_tag.name }}</option>
              {% endfor %}

            </select>
          </div>
          <div class="col-md-8 col-sm-7">
            <label for="news-select" style="display: none;"></label>
            <select name="news" class="form-control input-md" id="news-select">
              <option value="0">--请选择文章--</option>
            </select>
          </div>
        </div>
        <div class="form-group">
          <label for="priority" class="col-md-2 col-sm-2 control-label">选择优先级</label>

          <div class="col-md-2 col-sm-3">
            <select name="priority" id="priority" class="form-control input-md">
              <option value="0">--请选择优先级--</option>

              {% for id, value in priority_dict.items %}
                <option value="{{ id }}">{{ value }}</option>
              {% endfor %}

            </select>

          </div>
        </div>
      </div>
      <div class="box-footer">
        <a href="javascript:void(0);" class="btn btn-primary pull-right" id="save-btn">保存</a>
      </div>
    </div>
  </div>
{% endblock %}


{% block script %}
  <script src="{% static 'js/admin/news/news_hot_add.js' %}"></script>
{% endblock %}
写js代码
$(function () {
    let $tagSelect = $("#category-select");   // 获取选择分类标签元素
    let $newsSelect = $("#news-select");      // 获取选择文章标签元素
    let $saveBtn = $('#save-btn');            // 获取保存按钮元素

    // 选择文章不同类别，获取相应的文章
    $tagSelect.change(function () {
        // 获取当前选中的下拉框的value
        let sTagId = $(this).val();
        if (sTagId === '0') {
            $newsSelect.children('option').remove();
            $newsSelect.append(`<option value="0">--请选择文章--</option>`);
            return
        }
        // 根据文章分类id向后端发起get请求
        $.ajax({
            url: "/admin/tags/" + sTagId + "/news/",  // url尾部需要添加/
            type: "GET",
            dataType: "json",
        })
            .done(function (res) {
                if (res.errno === "0") {

                    $newsSelect.children('option').remove();
                    $newsSelect.append(`<option value="0">--请选择文章--</option>`);
                    res.data.news.forEach(function (one_news) {
                        let content = `<option value="${one_news.id}">${one_news.title}</option>`;
                        $newsSelect.append(content)
                    });

                } else {
                    // swal.showInputError(res.errmsg);
                    fAlert.alertErrorToast(res.errmsg);
                }
            })
            .fail(function () {
                message.showError('服务器超时，请重试！');
            });

    });

    // 点击保存按钮执行的事件
    $saveBtn.click(function () {
        // 获取优先级
        let priority = $("#priority").val();
        // 获取下拉框中选中的文章标签id 和 文章id
        let sTagId = $tagSelect.val();
        let sNewsId = $newsSelect.val();
        // 打印值
        // console.log(`
        //       priority(优先级): ${priority}
        //       tagId(文章标签id): ${sTagId}
        //       newsId(文章id): ${sNewsId}
        // `);
        // 判断是否为 0, 表示在第一个 未选择
        if (sTagId !== '0' && sNewsId !== '0' && priority !== '0') {

            let sDataParams = {
                "priority": priority,
                "news_id": sNewsId
            };

            $.ajax({
                // 请求地址
                url: "/admin/hotadd/",  // url尾部需要添加/
                // 请求方式
                type: "POST",
                data: JSON.stringify(sDataParams),
                // 请求内容的数据类型（前端发给后端的格式）
                contentType: "application/json; charset=utf-8",
                // 响应数据的格式（后端返回给前端的格式）
                dataType: "json",
            })
                .done(function (res) {
                    if (res.errno === "0") {
                        message.showSuccess("热门文章创建成功");

                        setTimeout(function () {
                            window.location.href = '/admin/hotnews/';
                        }, 800)
                    } else {
                        // swal.showInputError(res.errmsg);
                        message.showError(res.errmsg);
                    }
                })

                .fail(function () {
                    message.showError('服务器超时，请重试！');
                });

        } else {
            message.showError("文章分类、文章以及优先级都要选！");
        }
    });
})
视图函数的书写
class Hot_add(View):
    def get(self,request):
        #获取标签信息
        tags=models.Tag.objects.values('id','name').annotate(num_news=Count('news'))\
            .filter(delete_is=False).order_by('-num_news')
        #获取优先级信息：OrderedDict,将无序的字典变成有序
        PRI_CHOICES=[
            (1,'第一级'),
            (2,'第二级'),
            (3,'第三级'),
        ]
        priority_dict = OrderedDict(PRI_CHOICES)
        return render(request,'admin/news/News_hot_add.html',locals())
    def post(self,request):
        json_data = request.body
        if not json_data:
            return to_json_data(errno=Code.PARAMERR, errmsg="参数错误")
        # 将json转化为dict
        dict_data = json.loads(json_data)
        news_id = int(dict_data.get('news_id'))
        if not news_id:
            return to_json_data(errno=Code.PARAMERR, errmsg='参数错误')

        if not models.News.objects.filter(id=news_id).exists():
            return to_json_data(errno=Code.PARAMERR, errmsg='文章不存在')
        #获取优先级
        priority = int(dict_data.get('priority'))
        priority_list = [1,2,3]
        if priority not in priority_list:
            return to_json_data(errno=Code.PARAMERR, errmsg='热门文章的优先级设置错误')
        # 创建热门新闻
        hotnews_tuple = models.HotNews.objects.get_or_create(news_id=news_id,priority=priority)
        hotnews, is_created = hotnews_tuple
        hotnews.priority = priority  # 修改优先级
        # hotnews.save(update_fields=['priority'])
        hotnews.save()
        return to_json_data(errmsg="热门文章创建成功")

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

**猿来是你**
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【项目django-后端08】发布新闻成功
无止境
07-23 351
1，前端新建表单模型: news 》》models.py class News(models.Model): title = models.CharField(max_length=200) desc = models.CharField(max_length=200) thumbnail = models.URLField() content = model...
Django入门新闻管理系统
02-16
Django入门新闻管理系统。入门的，新手可以看下哈。。。 ================================================== Django的环境： Python的安装： python-2.7.1.msi Django的安装： 去djangoproject.com下载最新的版本，目前是1.3.1的 Django-1.3.1.tar.gz 解压后跳到该目录下 输入命名Python setup.py install安装 安装数据库和python链接库 Mysql 4.0以上版本 MySQL-python-1.2.3.win32-py2.7.exe ================================================== 1.python Django-admin.py startproject newsdemo 2.python manage.py startapp article 3.python manage.py syncdb 4.python manage.py sunserver 按以上步骤把对应的目录文件拷进去就可以跑了
新闻管理后台模板
06-27
新闻管理的后台模板，主要是html,css,js等语言。前端代码。
Django计算机毕业设计时事新闻管理系统python(源码程序+lw+远程部署)
Django毕设程序杰哥
01-30 240
视频信息管理，在视频信息管理页面中可以查看索引、新闻标题、新闻类型、新闻封面、视频新闻、新闻来源、发布日期等信息，并可根据需要进行详情、修改、查看评论或删除等操作，如图5-11所示。时事新闻管理，在时事新闻管理页面中可以查看索引、新闻标题、新闻类型、新闻封面、新闻来源、发布日期等信息，并可根据需要进行详情、修改、查看评论或删除等操作，如图5-10所示。用户管理，在用户管理页面中可以查看索引、用户账号、用户姓名、性别、年龄、联系电话、电子邮箱等信息，并可根据需要进行详情，修改或删除等操作，如图5-8所示。
Django项目后台-新闻类别管理
qq_36349372的博客
04-25 557
新闻类别管理，需要先创建想新闻类别的模板，显示新闻类别的，标签名称，对应的文章数量，操作（删除，编辑）和添加。 首先创建模板: {% extends 'admin/base/base.html' %} {% block title %} 标签管理页 {% endblock %} {% block content_header %} 标签管理 {% endblock %} {% block...
基于Django开发的新闻网站及网站后台管理系统源码.zip
07-09
"基于Django开发的新闻网站及网站后台管理系统源码"这个标题表明这是一个使用Python的Django框架构建的项目，主要用于创建一个新闻网站，并且包含了管理后台的功能。Django是一个强大的、免费的开源Web应用框架，它...
Django-New-Web:基于Django做的一个新闻网站，有新闻展示、搜索、在线视频播放、资源下载、订单支付、后台CMS管理等功能
05-04
Django-New-Web基于Django做的一个新闻网站，有新闻展示、搜索、在线视频播放、资源下载、订单支付、后台CMS管理等功能下载文件到本地，创建一个虚拟环境后，使用pip install -r requirements.txt 安装模块创建...
基于Django的新闻发布管理系统源码.zip
05-08
基于django的新闻发布管理系统 介绍 基于django的新闻发布管理系统 软件架构 新闻模块： 文章管理 新闻评论管理 新闻的类别管理 链接管理 评论模块： 查看评论 发表评论 用户模块： 前台注册登录 重置密码
django-news:新闻搜集页面
04-19
在这个项目中，Django将被用来处理用户请求，展示新闻内容，并实现后台管理功能。 首先，项目的核心部分是数据模型。在Django中，我们通过定义Python类来创建数据库模型。例如，可以创建一个`NewsSource`模型来存储...
翻译www.djangobook.com之第四章：Django模板系统
hideto
01-03 664
[color=red][b]The Django Book：第4章 Django模板系统[/b][/color] revised by [url=http://xin-wang.iteye.com/]xin_wang[/url] 前面的章节我们看到如何在视图中返回HTML，但是HTML是硬编码在Python代码中的 这会导致几个问题： 1，显然，任何页面的改动会牵扯到Python代...
新闻发布系统后台模板
09-18
一个不错的新闻发布系统后台模板，如果是开发类似于新闻发布系统的网站，可以直接应用，节省开发时间，欢迎大家下载使用。
管理后台模板.zip
05-19
公司门户网站后台管理模板，管理内容有公司详情，新闻列表和详情，产品列表和详情等等，建议配套前台页面模板使用，本人资源库可找到
毕业设计：Vue3+FastApi+Python+Neo4j实现主题知识图谱网页应用——前后端：新闻热点
m0_46573428的博客
05-29 807
​完整项目资源链接：https://download.csdn.net/download/m0_46573428/87796553 项目详细信息请看：https://blog.csdn.net/m0_46573428/article/details/130071302 进入新闻热点模块，后台自动爬取各大平台的新闻头条，并返回前端进行渲染。
【django】新闻模块——首页导航和类别显示【27】
python全栈
05-04 994
全局上下文是整站共享的上下文数据 实现步骤： 1、在子应用下创建mycontext.py文件 2、编辑mycontext.py文件 3、配置文件中自定义全局上下文 4、模板中直接引用 新闻首页中的导航栏是公用的 一、创建全局上下⽂类 from .models import NewsChannel def get_channels(request): '''获取导航信息''' channels=NewsChannel.objects.order_by('id') return {'
二〇二三-三-二十一——后台管理系统：产品模块、新闻模块
BEHEMOOTH的博客
03-21 60
后台管理系统：产品模块、新闻模块
基于Python+Django+Vue+MYSQL的新闻发布和评论管理系统
qq_3306428634的博客
12-09 296
随着我国媒体和网络技术的快速发展，新闻发布也不断优化我国媒体界，随着个外交商务所占比重越来越大，有助于我国社会经济的可持续性发展，文章主要讲述了新闻发布和评论管理和发展分析，新闻发布对我国经济发展的影响和分析以及新闻发布对我国经济增长做出的贡献。因为媒体的宣传能够带给我们重要的信息资源，新闻发布和评论管理是国家管理机制重要的一环，,面对这一世界性的新动向和新问题,新闻发布如何适应新的时代和新的潮流,开展有效的信息服务工作,完成时代赋予的新使命。
【django】新闻模块——新闻数据表设计和抽象模型类的用法【22】
python全栈
05-02 564
一、创建模型类 from django.db import models # Create your models here. from mgproject.utils.basemodels import BaseModel class NewsChannel(BaseModel): '''新闻频道''' name=models.CharField(max_length=30,unique=True,verbose_name='频道名称') url=models.CharFiel
udp分片报文pcap文件
最新发布
07-18
udp分片报文pcap文件：64kudp大包分成每片658字节总计100片
Python Django实现的高校社团管理系统设计
"Python基于Django的高校社团学生会管理系统源码数据库论文，旨在利用现代信息技术解决高校社团管理的复杂问题。此系统采用Python的Django框架进行开发，以实现高效、便捷的学生会管理工作。" 在当前信息化社会，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值