18 文章发布功能+fdfs+七牛云

最新推荐文章于 2024-07-30 15:18:24 发布
最新推荐文章于 2024-07-30 15:18:24 发布
阅读量483 收藏
点赞数
分类专栏： django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaogeldx/article/details/94334648
版权

文章目录

前端功能实现

templates/admin/news/news_pub.html

{% extends 'admin/base/base.html' %}
{% load static %}

{% block title %}
    {% if news %}
        文章更新页
    {% else %}
        文章发布页
    {% endif %}
{% endblock %}

{% block content_header %}
    {% if news %}
        文章更新
    {% else %}
        文章发布
    {% endif %}
{% endblock %}

{% block header_option_desc %}
  书是人类进步的阶梯
{% endblock %}

{% block link %}
    <link rel="stylesheet" href="{% static 'plugins/markdown_editor/css/editormd.css' %}">
{% 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-body">
        <div class="form-group">
          <label for="news-title">文章标题</label>
          {% if news %}
            <input type="text" class="form-control" id="news-title" name="news-title" placeholder="请输入文章标题"
                   value="{{ news.title }}">
          {% else %}
            <input type="text" class="form-control" id="news-title" name="news-title" placeholder="请输入文章标题" autofocus>
          {% endif %}
        </div>
        <div class="form-group">
          <label for="news-desc">文章摘要</label>
          {% if news %}
            <textarea name="news-desc" id="news-desc" placeholder="请输入新闻描述" class="form-control"
                      style="height: 8rem; resize: none;">{{ news.digest }}</textarea>
          {% else %}
            <textarea name="news-desc" id="news-desc" placeholder="请输入新闻描述" class="form-control"
                      style="height: 8rem; resize: none;"></textarea>
          {% endif %}
        </div>
        <div class="form-group">
          <label for="news-category">文章分类</label>
          <select name="news-category" id="news-category" class="form-control">
            <option value="0">-- 请选择文章分类 --</option>
            {% for one_tag in tags %}
              <!-- 传tag_id到后台 -->
              {% if news and one_tag == news.tag %}
                <option value="{{ one_tag.id }}" selected>{{ one_tag.name }}</option>
              {% else %}
                <option value="{{ one_tag.id }}">{{ one_tag.name }}</option>
              {% endif %}
            {% endfor %}
          </select>
        </div>
        <div class="form-group" id="container">
          <label for="news-thumbnail-url">文章缩略图</label>
          <div class="input-group">
            {% if news %}
            <input type="text" class="form-control" id="news-thumbnail-url" name="news-thumbnail-url"
                   placeholder="请上传图片或输入文章缩略图地址" value="{{ news.image_url }}">
              {% else %}
              <input type="text" class="form-control" id="news-thumbnail-url" name="news-thumbnail-url"
                   placeholder="请上传图片或输入文章缩略图地址">
            {% endif %}

            <div class="input-group-btn">
              <label class="btn btn-default btn-file">
                上传至服务器 <input type="file" id="upload-news-thumbnail">
              </label>
              <button class="btn btn-info" id="upload-btn">上传至七牛云</button>
            </div>
          </div>
        </div>
        <div class="form-group">
          <div class="progress" style="display: none">
            <div class="progress-bar progress-bar-striped progress-bar-animated" style="width: 0;">0%</div>
          </div>
        </div>
        <div class="form-group">
          <label for="news-content">文章内容</label>
          {% if news %}
            <div id="news-content">
                 <textarea name="content" id="content">{{ news.content|safe }}</textarea>
            </div>
          {% else %}
            <div id="news-content">
                <textarea name="content" style="display:none;" id="content"></textarea>
            </div>
          {% endif %}
        </div>
      </div>
      <div class="box-footer">
          {% if news %}
            <a href="javascript:void (0);" class="btn btn-primary pull-right" id="btn-pub-news" data-news-id="{{ news.id }}">更新文章 </a>
          {% else %}
           <a href="javascript:void (0);" class="btn btn-primary pull-right" id="btn-pub-news">发布文章 </a>
          {% endif %}
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block script %}
    <script src="{% static 'plugins/markdown_editor/editormd.js' %}"></script>
  <script>
    let testEditor;
    $(function () {
      $.get("{% static 'plugins/markdown_editor/examples/test.md' %}", function (md) {
        testEditor = editormd("news-content", {
          width: "98%",
          height: 730,
          path: "{% static 'plugins/markdown_editor/lib/' %}",
          markdown: md,
          codeFold: true,
          saveHTMLToTextarea: true,
          searchReplace: true,
          htmlDecode: "style,script,iframe|on*",
          emoji: true,
          taskList: true,
          tocm: true,         			// Using [TOCM]
          tex: true,                   // 开启科学公式TeX语言支持，默认关闭
          flowChart: true,             // 开启流程图支持，默认关闭
          sequenceDiagram: true,       // 开启时序/序列图支持，默认关闭,
          imageUpload: true,
          imageFormats: ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
          {#imageUploadURL: "{% url 'admin:markdown_image_upload' %}",#}
{#          onload: function () {#}
{#            console.log('onload', this);#}
{##}
{#          },#}
          /**设置主题颜色 把这些注释去掉主题就是黑色的了*/
{#          editorTheme: "pastel-on-dark",#}
{#          theme: "dark",#}
{#          previewTheme: "dark"#}
        });
      });
    });

  </script>
  {# 导入七牛云需要的js文件 这3个js文件有依赖关系，qiniu.min.js需要放在后面#}
  <script src="https://cdn.bootcss.com/plupload/2.1.9/moxie.min.js"></script>
  <script src="https://cdn.bootcss.com/plupload/2.1.9/plupload.dev.js"></script>
  <script src="https://cdn.bootcss.com/qiniu-js/1.0.17.1/qiniu.min.js"></script>

  <script src="{% static 'js/admin/base/fqiniu.js' %}"></script>
  <script src="{% static 'js/admin/news/news_pub.js' %}"></script>
{% endblock %}

static/js/admin/news/news_pub.js

$(function () {
  // let $e = window.wangEditor;
  // window.editor = new $e('#news-content');
  // window.editor.create();

  // 获取缩略图输入框元素
  let $thumbnailUrl = $("#news-thumbnail-url");

  // ================== 上传图片文件至服务器 ================
  let $upload_to_server = $("#upload-news-thumbnail");
  $upload_to_server.change(function () {
    let file = this.files[0];   // 获取文件
    let oFormData = new FormData();  // 创建一个 FormData
    oFormData.append("image_file", file); // 把文件添加进去
    // 发送请求
    $.ajax({
      url: "/admin/news/images/",
      method: "POST",
      data: oFormData,
      processData: false,   // 定义文件的传输
      contentType: false,
    })
      .done(function (res) {
        if (res.errno === "0") {
          // 更新标签成功
          message.showSuccess("图片上传成功");
          let sImageUrl = res["data"]["image_url"];
          // console.log(thumbnailUrl);
          $thumbnailUrl.val('');
          $thumbnailUrl.val(sImageUrl);
        } else {
          message.showError(res.errmsg)
        }
      })
      .fail(function () {
        message.showError('服务器超时，请重试！');
      });

  });


  // ================== 上传至七牛（云存储平台） ================
  let $progressBar = $(".progress-bar");
  QINIU.upload({
    "domain": "",  // 自己的七牛空间域名
    "uptoken_url": "/admin/token/",	 // 后台返回 token的地址
    "browse_btn": "upload-btn",		// 按钮
    "success": function (up, file, info) {	 // 成功
      let domain = up.getOption('domain');
      let res = JSON.parse(info);
      let filePath = domain + res.key;
      console.log(filePath);
      $thumbnailUrl.val('');
      $thumbnailUrl.val(filePath);
    },
    "error": function (up, err, errTip) {
      // console.log('error');
      console.log(up);
      console.log(err);
      console.log(errTip);
      // console.log('error');
      message.showError(errTip);
    },
    "progress": function (up, file) {
      let percent = file.percent;
      $progressBar.parent().css("display", 'block');
      $progressBar.css("width", percent + '%');
      $progressBar.text(parseInt(percent) + '%');
    },
    "complete": function () {
      $progressBar.parent().css("display", 'none');
      $progressBar.css("width", '0%');
      $progressBar.text('0%');
    }
  });


  // ================== 发布文章 ================
  let $newsBtn = $("#btn-pub-news");
  $newsBtn.click(function () {
    // 判断文章标题是否为空
    let sTitle = $("#news-title").val();  // 获取文章标题
    if (!sTitle) {
        message.showError('请填写文章标题！');
        return
    }
    // 判断文章摘要是否为空
    let sDesc = $("#news-desc").val();  // 获取文章摘要
    if (!sDesc) {
        message.showError('请填写文章摘要！');
        return
    }

    let sTagId = $("#news-category").val();
    if (!sTagId || sTagId === '0') {
      message.showError('请选择文章标签');
      return
    }

    let sThumbnailUrl = $thumbnailUrl.val();
    if (!sThumbnailUrl) {
      message.showError('请上传文章缩略图');
      return
    }
    let sContentHtml = $(".markdown-body").html();
    console.log(sContentHtml);
    // let sContentHtml = $("#content").val();
    if (!sContentHtml || sContentHtml === '<p><br></p>') {
        message.showError('请填写文章内容！');
        return
    }

    // 获取news_id 存在表示更新 不存在表示发表
    let newsId = $(this).data("news-id");
    let url = newsId ? '/admin/news/' + newsId + '/' : '/admin/news/pub/';
    let data = {
      "title": sTitle,
      "digest": sDesc,
      "tag": sTagId,
      "image_url": sThumbnailUrl,
      "content": sContentHtml,
    };

    $.ajax({
      // 请求地址
      url: url,
      // 请求方式
      type: newsId ? 'PUT' : 'POST',
      data: JSON.stringify(data),
      // 请求内容的数据类型（前端发给后端的格式）
      contentType: "application/json; charset=utf-8",
      // 响应数据的格式（后端返回给前端的格式）
      dataType: "json",
    })
      .done(function (res) {
        if (res.errno === "0") {
          if (newsId) {
              message.showSuccess("文章更新成功");
              setTimeout(function () {
                window.location.reload();
                }, 1000)

          } else {
              message.showSuccess("文章添加成功");
              setTimeout(function () {
                window.location.reload();
                }, 1000)
          }
        } else {
          fAlert.alertErrorToast(res.errmsg);
        }
      })
      .fail(function () {
        message.showError('服务器超时，请重试！');
      });
  });


  // get cookie using jQuery
  function getCookie(name) {
    let cookieValue = null;
    if (document.cookie && document.cookie !== '') {
      let cookies = document.cookie.split(';');
      for (let i = 0; i < cookies.length; i++) {
        let cookie = jQuery.trim(cookies[i]);
        // Does this cookie string begin with the name we want?
        if (cookie.substring(0, name.length + 1) === (name + '=')) {
          cookieValue = decodeURIComponent(cookie.substring(name.length + 1));
          break;
        }
      }
    }
    return cookieValue;
  }

  function csrfSafeMethod(method) {
    // these HTTP methods do not require CSRF protection
    return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
  }

  // Setting the token on the AJAX request
  $.ajaxSetup({
    beforeSend: function (xhr, settings) {
      if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
        xhr.setRequestHeader("X-CSRFToken", getCookie('csrftoken'));
      }
    }
  });

});

static/plugins/markdown_editor

  • 在 static 下新建 plugins 文件夹，将 markdown_editor 放入其中

上传至 FastDFS 服务器

utils/fastdfs/fdfs.py

from fdfs_client.client import Fdfs_client

FDFS_Client = Fdfs_client('utils/fastdfs/client.conf')

settings.py

# fastdfs服务的站点
FASTDFS_SERVER_DOMAIN = "http://127.0.0.1:8888/"

apps/admin/views.py

import requests
import json
import logging
import qiniu

from datetime import datetime
from urllib.parse import urlencode

from django.core.paginator import Paginator, EmptyPage
from django.db.models import Count
from django.shortcuts import render
from django.views import View
from django.http import JsonResponse

from apps.news import models
from apps.admin import constants

from web_prv import settings
from utils.json_fun import to_json_data
from utils.res_code import Code, error_map
from utils import paginator_script
from utils.fastdfs.fdfs import FDFS_Client
from utils.secrets import qiniu_secret_info

logger = logging.getLogger('django')


class IndexView(View):
    """
    /admin/
    """
    def get(self,request):
        """

        :param request:
        :return:
        """
        return render(request,'admin/index/index.html')


class TagManagerView(View):
    """
    /admin/tag/
    """
    def get(self,request):
        """
        要返回给前端： tag_name news_name
        :param request:
        :return:
        """
        #分组查询 annotate 配合 values 使用     values 指定输出的内容（id: ,name: ），是字典格式
         #按标签名（tag_name）和 id(tag_id) 分组，统计每个标签(Tag)中 news(外键关联，
        # 通过 news的主键 id 统计) 的数量，并且按降序排列
        tags = models.Tag.objects.select_related('news').values('id','name').annotate(num_news = \
                  Count('news')).filter(is_delete=False).order_by('-num_news','update_time')
        return render(request,'admin/news/tag_manage.html',locals())

    def post(self,request):
        """
        get_or_create(defaults=None, **kwargs)

         一个通过给出的kwargs 来查询对象的便捷方法（如果你的模型中的所有字段都有默认值，可以为空），需要的话创建一个对象。
         返回一个由(object, created)组成的元组，元组中的object 是一个查询到的或者是被创建的对象，
         created 是一个表示是否创建了新的对象的布尔值。

        :param request:
        :return:
        """
        # 1. 获取参数
        json_data = request.body
        if not json_data:
            return to_json_data(errno=Code.PARAMERR,errmsg=error_map[Code.PARAMERR])
        dict_data = json.loads(json_data.decode('utf8'))
        #从前端传进来的要修改的标签名
        tag_name = dict_data.get('name')
        if tag_name:
            # tag_name = tag_name.strip()
            # a = tag_name
            #get_or_create 查名为 tag_name 的标签，无则增，有则查 得到的是元组类型    请确保只在 post 请求中使用它
            tag_tuple = models.Tag.objects.filter(is_delete=False).get_or_create(name=tag_name)
            #对得到的元组进行拆包
            tag_instance,tag_boolean = tag_tuple
            #如果 tag_boolean 为 True，即创建了名字为 tag_name 的标签
            # 否则就是查到了名字为 tag_name 的标签，即标签已存在，不创建
            if tag_boolean:
                news_tag_dict = {
                    'id':'tag_instance.id',
                    'name':'tag_instance.name',
                }
                return to_json_data(errmsg='标签创建成功！',data=news_tag_dict)
            else:
                return to_json_data(errno=Code.DATAEXIST,errmsg='标签已存在！')
        else:
            return to_json_data(errno=Code.PARAMERR,errmsg='标签不能为空！')


#传参：
class TagEditView(View):
    """
    /admin/tag/<tag_id>/
    """
    def delete(self,request,tag_id):
        """

        :param request:
        :param tag_id:
        :return:
        """
        tag = models.Tag.objects.only('id').filter(id=tag_id).first()
        if tag:
            tag.is_delete = True
            #只改 is_delete 字段，用于优化
            tag.save(update_fields=['is_delete'])
            #删除后局部刷新，用 ajax，返回给前端 json 格式
            return to_json_data(errmsg='标签删除成功!')
        else:
            return to_json_data(errno=Code.PARAMERR,errmsg='标签不存在！')

    def put(self,request,tag_id):
        """

        :param request:
        :param tag_id:
        :return:
        """
        #修改之后的 name 通过 ajax 获取  只有一个参数，用 ajax 即可
        # 1. 获取参数
        json_data = request.body    #byte str
        if not json_data:
            return to_json_data(errno=Code.PARAMERR,errmsg=error_map[Code.PARAMERR])
        dict_data = json.loads(json_data.decode('utf8'))
        # 从前端传进 要修改的 tag
        tag_name = dict_data.get('name')
        # 从数据库中拿到 tag
        tag = models.Tag.objects.only('name').filter(id=tag_id).first()
        if tag:
            #去掉两边的空格
            tag_name = tag_name.strip()
            #如果不加 is_delete 删除的标签再创建或者修改无法实现
            if tag.name == tag_name:
                return to_json_data(errno=Code.PARAMERR,errmsg='标签未变化！')
            if not models.Tag.objects.only('id').filter(name=tag_name, is_delete=False).exists():
            #如果标签没变化，提示报错
                # if tag.name == tag_name:
                #     return to_json_data(errno=Code.PARAMERR,errmsg='标签未变化！')
                tag.name = tag_name
                tag.save(update_fields=['name', 'update_time'])
                return to_json_data(errmsg='标签更新成功！')
            else:
                return to_json_data(errno=Code.PARAMERR,errmsg='标签已经存在！')
        else:
            #有异常的一定会用到 errno
            return to_json_data(errno=Code.PARAMERR,errmsg='标签不存在！')


# 热门文章管理页面
#news.title,tag.name,hotnews.priority
class HotNewsManageView(View):
    """
    /admin/hotnews/
    """
    def get(self,request):
        hot_news = models.HotNews.objects.select_related('news__tag').only('news__title','news__tag__name','news__id').\
            filter(is_delete=False).order_by('priority','-news__clicks')[:constants.SHOW_HOTNEWS_COUNT]
        return render(request,'admin/news/news_hot.html',locals())


class HotNewsEditView(View):
    """
    /admin/hotnews/<int:tag_id>
    """
    def delete(self,request,hotnews_id):
        hotnews = models.HotNews.objects.only('id').filter(id=hotnews_id).first()
        if hotnews:
            hotnews.is_delete = True
            hotnews.save(update_fields = ['is_delete','update_time'])
            return to_json_data(errmsg='热门文章删除成功！')
        else:
            return to_json_data(errno=Code.PARAMERR,errmsg='需要删除的热门文章不存在！')

    def put(self,request,hotnews_id):
        """
        更新热门新闻
        #1. 获取参数
        :param request:
        :param hotnews_id:
        :return:
        """
        json_data = request.body
        if not json_data:
            return to_json_data(errno=Code.PARAMERR,errmsg=error_map[Code.PARAMERR])
        dict_data = json.loads(json_data.decode('utf8'))
        try:
            priority = int(dict_data.get('priority'))
            #列表生成式 对于不需要的可以用 _ 代替
            priority_list = [i for i,_ in models.HotNews.PRI_CHOICES]
            if priority not in priority_list:
                return to_json_data(errno=Code.PARAMERR,errmsg='热门文章优先级设置错误！')
        except Exception as e:
            logger.info('热门文章优先级异常：\n{}'.format(e))
            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','update_time'])
        return to_json_data(errmsg='热门新闻优先级更新成功！')


class HotNewsAddView(View):
    """
    添加热门新闻，先选标签，才能选标签下的文章，选择优先级不受他们影响
    /addmin/hotnews/add/
    """
    def get(self,request):
        #选择标签和优先级
        #有排序
        tags = models.Tag.objects.values('id','name').annotate(num_news = Count('news')).filter(is_delete=False).\
                order_by('-num_news','update_time')
        #将列表嵌套个元组转换成字典
        priority_dict = dict(models.HotNews.PRI_CHOICES)
        return render(request,'admin/news/news_hot_add.html',locals())

    def post(self,request):
        #添加热门新闻
        #1.获取参数
        json_data = request.body
        if not json_data:
            return to_json_data(errno=Code.PARAMERR,errmsg=error_map[Code.PARAMERR])
        dict_data = json.loads(json_data.decode('utf8'))
        #news_id priority
        try:
            news_id = int(dict_data.get('news_id'))
        except Exception as e:
            logger.info('热门文章：\n{}'.format(e))
            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='文章不存在！')
        try:
            priority = int(dict_data.get('priority'))
            priority_list = [i for i,_ in models.HotNews.PRI_CHOICES]
            if priority not in priority_list:
                return to_json_data(errno=Code.PARAMERR,errmsg='热门文章优先级设置错误！')
        except Exception as e:
            logger.info('热门文章优先级异常：\n{}'.format(e))
            return to_json_data(errno=Code.PARAMERR,errmsg='热门文章优先级设置错误')
        hotnews_tuple = models.HotNews.objects.get_or_create(news_id=news_id)
        hotnews,is_created = hotnews_tuple
        hotnews.priority = priority
        hotnews.save(update_fields=['priority','update_time'])
        return to_json_data(errmsg='热门文章创建成功！')


class NewsByTagIdView(View):
    """
    选完标签后进行这步，选标签下的文章
    不用展示 tag_id
    /admin/tags/<int:tag_id>/news/
    """
    def get(self,request,tag_id):
        news = models.News.objects.filter(is_delete=False,tag_id=tag_id).values('id','title')
        #将字典嵌套进列表
        news_list = [i for i in news]
        return to_json_data(data={
            'news':news_list
        })


#请求方式：get
#携带的方式：？start_time=&end_time=&title=&author_name=&tag_id=
#返回的参数：5个 title author_username tag_name update_time id
class NewsManageView(View):
    """
    /admin/news/
    """
    def get(self,request):
        #查询
        tags = models.Tag.objects.only('id','name').filter(is_delete=False)
        newses = models.News.objects.select_related('author','tag').only('title',\
                'author__username','tag__name','update_time').filter(is_delete=False)
        #通过时间进行过滤
        try:
            #用于查询 url 中的字符串参数
            # 寻找名为 start_time 的 GET 参数，而且如果参数没有提交，返回一个空的字符串
            # 这里的 get() 是每个python的的字典数据类型都有的方法
            # 使用 get('start_time', '') 提供一个缺省的返回值''(一个空字符串)
            # 如果只是使用 request.GET['q'] 访问变量，在Get数据时 q 不可得, 可能引发 KeyError
            #查询起始时间
            start_time = request.GET.get('start_time','')
            #对时间格式化
            start_time = datetime.strptime(start_time,'%Y/%m/%d') if start_time else ''
            #查询截止时间
            end_time = request.GET.get('end_time','')
            #对时间格式化
            end_time = datetime.strptime(end_time,'%Y/%m/%d') if end_time else ''
        except Exception as e:
            #获取不到起始，截止时间就报错，然后重置
            logger.info('用户输入的时间有误：\n{}'.format(e))
            start_time = end_time = ''
        if start_time and not end_time:
            #__gte 大于 __let  小于 __range 范围
            newses = newses.filter(update_time__gte=start_time)

        if end_time and not start_time:
            newses = newses.filter(update_time__lte=end_time)

        if start_time and end_time:
            newses = newses.filter(update_time__range=(start_time,end_time))
        #通过 title 进行过滤
        title = request.GET.get('title','')
        if title:
            #__icontains 包含并且忽略大小写
            newses = newses.filter(title__icontains=title)
        #通过作者名进行过滤
        author_name = request.GET.get('author_name','')
        if author_name:
            newses = newses.filter(author__username__icontains=author_name)
        #通过标签 id 进行过滤
        try:
            tag_id = int(request.GET.get('tag_id',0))
        except Exception as e:
            logger.info('标签错误：\n{}'.format(e))
            tag_id = 0
        #id 存在但没有 news 的时候，返回值为空
        if tag_id:
            newses = newses.filter(tag_id=tag_id)
        #id 存在但没有 news 的时候，返回前面查询到的 news
        # newses = newses.filter(is_delete=False,tag_id=tag_id) or newses.filter(is_delete=False)

        #获取第几页内容
        try:
            page = int(request.GET.get('page',1))
        except Exception as e:
            logger.info('当前页数错误：\n{}'.format(e))
            page = 1
        paginator = Paginator(newses,constants.PER_PAGE_NEWS_COUNT)
        try:
            news_info = paginator.page(page)
        except EmptyPage:
            #若用户访问的页数大于实际页数，则返回最后一页
            logging.info('用户返回的页数大于总页数!')
            news_info = paginator.page(paginator.num_pages)

        paginator_data = paginator_script.get_paginator_data(paginator,news_info)
        start_time = start_time.strftime('%Y/%m/%d') if start_time else ''
        end_time = end_time.strftime('%Y/%m/%d') if end_time else ''
        context = {
            'news_info': news_info,
            'tags': tags,
            'start_time': start_time,
            'end_time': end_time,
            'title': title,
            'author_name': author_name,
            'tag_id': tag_id,
            'other_param': urlencode({  #将以下参数拼接成 url 返回给前端
                'start_time': start_time,
                'end_time': end_time,
                'title': title,
                'author_name': author_name,
                'tag_id': tag_id,
            })
        }
        #将 paginator_script 里的返回值增加到上下文中，返回给前端
        #update 字典方法，将 paginator_data 加入到 context 中
        context.update(paginator_data)
        return render(request, 'admin/news/news_manage.html', context=context)


class NewsPubView(View):
    """
    /admin/news/pub/
    """
    def get(self,request):
        tags = models.Tag.objects.only('id','name').filter(is_delete=False)
        return render(request,'admin/news/news_pub.html',locals())


class NewsUploadImage(View):
    """

    """
    def post(self,request):
        image_file = request.FILES.get('image_file')
        if not image_file:
            return to_json_data(errno=Code.PARAMERR,errmsg='从前端获取图片失败！')
        if image_file.content_type not in ('image/jpeg', 'image/png', 'image/gif'):
            return to_json_data(errno=Code.DATAERR,errmsg='不能上传非图片文件！')
        try:
            image_ext_name = image_file.name.split('.')[-1]
        except Exception as e:
            logger.info('图片拓展名异常：\n{}'.format(e))
            image_ext_name = 'jpg'
        try:
            #upload_by_buffer 上传两个参数： 文件对象内容，文件对象拓展名
            upload_res = FDFS_Client.upload_by_buffer(image_file.read(),file_ext_name=image_ext_name)
        except Exception as e:
            logger.error('图片上传出现异常：\n{}'.format(e))
            return to_json_data(errno=Code.UNKOWNERR,errmsg='图片上传异常！')
        else:
            if upload_res.get('Status') != 'Upload successed.':
                logger.info('图片上传到服务器失败！')
                return to_json_data(Code.UNKOWNERR, errmsg='图片上传到服务器失败！')
            else:
                image_name = upload_res.get('Remote file_id')
                image_url = settings.FASTDFS_SERVER_DOMAIN + image_name
                return to_json_data(data={'image_url': image_url},errmsg='图片上传成功！')

apps/admin/urls.py

from apps.admin import views
from django.urls import path


app_name = 'admin'

urlpatterns = [
    path('',views.IndexView.as_view(),name='index'),
    path('tags/',views.TagManagerView.as_view(),name='tags'),
    path('tags/<int:tag_id>/',views.TagEditView.as_view(),name='tag_edit'),
    path('hotnews/',views.HotNewsManageView.as_view(),name='hotnews'),
    path('hotnews/<int:hotnews_id>/',views.HotNewsEditView.as_view(),name='hotnews_edit'),
    path('hotnews/add/',views.HotNewsAddView.as_view(),name='hotnews_add'),
    path('tags/<int:tag_id>/news/',views.NewsByTagIdView.as_view(),name='hotnews_by_tagid'),
    path('news/', views.NewsManageView.as_view(), name='news_manage'),
    path('news/pub/',views.NewsPubView.as_view(),name='news_pub'),
    path('news/images/',views.NewsUploadImage.as_view(),name='upload_image'),
    path('token/',views.UploadToken.as_view(),name='upload_token'),
    path('markdown/images/',views.MarkDownUploadImage.as_view(),name='markdown_image_upload'),

]

上传至七牛云

创建存储空间

  • 创建存储空间，填写空间名称，选择存储区域，访问控制选择为公开空间
    在这里插入图片描述

获取测试域名

在这里插入图片描述

utils/secrets/qiniu_secret_info.py

QI_NIU_ACCESS_KEY = '你自己七牛云上的AK'
QI_NIU_SECRET_KEY = '你自己七牛云上的SK'
QI_NIU_BUCKET_NAME = '你自己在七牛云上创建的存储空间名'

安装七牛云

pip install qiniu

apps/admin/views.py

  • 添加如下代码
import qiniu
from utils.secrets import qiniu_secret_info
from django.http import JsonResponse

class UploadToken(View):
    """
	七牛云配置
    """
    def get(self,request):
        access_key = qiniu_secret_info.QI_NIU_ACCESS_KEY
        secret_key = qiniu_secret_info.QI_NIU_SECRET_KEY
        bucket_name = qiniu_secret_info.QI_NIU_BUCKET_NAME
        #构建鉴权对象
        q = qiniu.Auth(access_key,secret_key)
        token = q.upload_token(bucket_name)
        return JsonResponse({'uptoken': token})

富文本编辑器上传

apps/admn/views.py

  • 添加如下代码
import logging
import json

from django.shortcuts import render,reverse,redirect
from django.views import View
from django.http import JsonResponse

from mysite import settings
from utils.json_fun import to_json_data
from utils.res_code import Code,error_map
from utils.fastdfs.fdfs import FDFS_Client


class MarkDownUploadImage(View):
    """
	
    """
    def post(self,request):
        image_file = request.FILES.get('editor-image-file')
        if not image_file:
            logger.info('从前端获取图片失败！')
            return JsonResponse({'success': 0,'message': '从前端获取图片失败！'})
        if image_file.content_type not in ('image/jpeg','image/png','image/gif'):
            return JsonResponse({'success': 0,'message':'不能上传非图片文件！'})
        try:
            image_ext_name = image_file.name.split('.')[-1]
        except Exception as e:
            logger.info('图片拓展名异常：{}'.format(e))
            image_ext_name = 'jpg'
        try:
            upload_res = FDFS_Client.upload_by_buffer(image_file.read(),file_ext_name=image_ext_name)
        except Exception as e:
            logger.error('图片上传出现异常：{}'.format(e))
            return JsonResponse({'success':0,'message':'图片上传异常！'})
        else:
            if upload_res.get('Status') != 'Upload successed.':
                logger.info('图片上传到FastDFS服务器失败！')
                return JsonResponse({'success':0,'message':'图片上传到服务器失败！'})
            else:
                image_name = upload_res.get('Remote file_id')
                image_url = settings.FASTDFS_SERVER_DOMAIN + image_name
                return JsonResponse({'success':1,'message':'图片上传成功！','url':image_url})

apps/admin/urls.py

from apps.admin import views
from django.urls import path


app_name = 'admin'

urlpatterns = [
    path('',views.IndexView.as_view(),name='index'),
    path('tags/',views.TagManagerView.as_view(),name='tags'),
    path('tags/<int:tag_id>/',views.TagEditView.as_view(),name='tag_edit'),
    path('hotnews/',views.HotNewsManageView.as_view(),name='hotnews'),
    path('hotnews/<int:hotnews_id>/',views.HotNewsEditView.as_view(),name='hotnews_edit'),
    path('hotnews/add/',views.HotNewsAddView.as_view(),name='hotnews_add'),
    path('tags/<int:tag_id>/news/',views.NewsByTagIdView.as_view(),name='hotnews_by_tagid'),
    path('news/', views.NewsManageView.as_view(), name='news_manage'),
    path('news/pub/',views.NewsPubView.as_view(),name='news_pub'),
    path('news/images/',views.NewsUploadImage.as_view(),name='upload_image'),
    path('token/',views.UploadToken.as_view(),name='upload_token'),
    path('markdown/images/',views.MarkDownUploadImage.as_view(),name='markdown_image_upload'),

]
xiaogeldx
关注
专栏目录
文章发布功能改动
weixin_34392906的博客
07-27 176
     以前发布文章时，在选择相应的网站分类之后，需要选中“发布到所选网站分类主页”, 现在为了方便大家发表文章，改为默认选中该选项，你发布时只需要选择相应的网站分类。...
文章发布功能--涉及到 文件上传和保存、数据的保存
weixin_39218464的博客
02-13 591
主要看save方法 可以参看thinkphp5.1文档中杂项里的 上传 ： https://www.kancloud.cn/manual/thinkphp5_1/354121 <?php namespace app\index\controller; use app\common\controller\Base;//导入公共控制器 use app\common\model\Article;/...
Ubuntu22下docker 安装fdfs服务
s912360101的博客
07-30 156
二、下载docker文件，因为docker被封掉了。所一开全局代理下载吧。公司的一个系统需要fastfds用作blob存储服务器。时间（2024-7-30）然后把下载下来的tar文件导入到你的docker环境里。enjoy life。
前端学习（2448）：发布文章功能介绍
歌谣的博客
10-21 477
springboot文件上传下载（fastdfs，七牛云，本地）
qinjinjinlion的博客
04-01 139
springboot文件上传下载（fastdfs，七牛云，本地） 转载自： https://blog.csdn.net/leilei1366615/article/details/106094421
第2-3-2章 环境搭建-文件存储服务系统-nginx/fastDFS/minio/阿里云oss/七牛云oss
假装文艺范儿
11-15 218
全套代码及资料全部完整提供，点此处下载第一步：创建pd_files数据库 第二步：在pd_files数据库中创建pd_attachment和pd_file数据表 注：SQL脚本位置为 pd_attachment表为附件表，具体表结构如下：pd_file表为文件/文件夹信息表，具体表结构如下：第一步：安装Nacos并进行配置(略)第二步：在Nacos中创建命名空间fileService(名字随便起，只要和程序里配置的一样就可以)第三步：在Nacos中将配置文件导入到file-server命名空间注：yml配
nginx+fdfs.txt
06-16
nginx+fdfs 快速搭建
django+fdfs+nginx+celery+mysql实现商城项目.zip
最新发布
09-13
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，...
fastdfs+nginx+nginx所需依赖+fdfs-nginx
04-05
FastDFS提供文件存储、文件同步和负载均衡等功能，适合中小型企业用于存储大量非结构化的文件数据。其设计目标是简化存储层的复杂性，使开发者能够专注于业务逻辑。FastDFS-5.11.tar.gz是FastDFS的源代码包，包含了...
用django+fdfs+nginx+celery+mysql搭建的商城项目教程
资源摘要信息:"django+fdfs+nginx+celery+mysql实现商城项目.zip" 该资源是一个使用Python的Django框架搭建的在线商城项目，集成了FastDFS分布式文件系统（FDFS）、Nginx网络服务器、Celery异步任务队列以及MySQL...
【DOCKER+FDFS上传图片ERROR】无法获取服务端连接资源：can not create connection to /10.111.114.6:23000] with root cause.
热门推荐
Jack_Roy的博客
12-16 1万+
【Spring Boot集成DOCKER+FDFS上传图片ERROR】无法获取服务端连接资源：can't create connection to/10.111.114.6:23000] with root cause.前言容器创建Spring Boot集成后续操作后记 前言 同事想要一套fdfs环境，但是公司要求相关服务只能装在docker容器中，且对容器的创建样式有一定要求，于是我毅然决然地开...
【开发技巧】– 什么你还在使用本地作为文件保存服务器？本文将带你了解，如何使用SpringBoot优雅的将文件上传至阿里云OSS、FastDFS（分布式文件系统）
12-21
1.1 业务背景 当今互联网项目，需求日渐增多，并且应用服务器的压力也日渐增大，这时就引入了分布式系统的概念，然后又有了动静分离，即动态资源与静态资源分开，使后端的应用服务器专注业务请求的处理，并降低因为请求静态资源而为应用服务器带来的压力。 1.2 文件上传的实现方式有哪些？ 直接上传到应用服务器（缺点：增加应用服务器的压力）。 通过搭建私有云，比如通过FASTDFS搭建一个分布式文件系统。 使用第三方云存储（阿里云OSS、七牛云等）。 1.3 文件上传的实现 1.3.1 前置准备 1. 创建一个枚举类FileSourceEnum（用于后期实例化指定文件上传业务实现类） package co
fastdfs客户端单元测试
09-23
fastdfs客户端单元测试及Java客户端配置文件，项目中需要fastdfs-client依赖
fdfs:FastDFS Node.js客户端
05-16
Nodejs Client for FastDFS 是分布式文件存储系统。这个项目是FastDFS的NodeJS客户端，用来与FastDFS Server进行交互，进行文件的相关操作。我测试过的server版本是4.0.6。 安装 npm install fdfs 使用 var FdfsClient = require('fdfs'); var fdfs = new FdfsClient({ // tracker servers trackers: [ { host: 'tracker.fastdfs.com', port: 22122 } ], // 默认超时时间10s timeout: 10000, // 默认后缀 // 当获取不到文件后缀时使用
Docker中搭建FastDFS文件系统（多图）
极客神殿
06-17 3278
FastDFS 是以 C 语言开发的一项开源轻量级分布式文件系统，他对文件进行管理，主要功能有：文件存储，文件同步，文件访问（文件上传/下载）等，特别适合以文件为载体的在线服务，如：图片网站，视频网站等。我上传文件肯定是为了能够访问的呀，所以为了提供 web 访问，那么就需要集成 Nginx 了，但是比如就是想自己单独搞 Nginx…前面的补充已经提到了，默认上传的文件是只能在本机访问的，当然这样肯定是不行的，所以我们需要配置一下Nginx 来帮我们实现 Web 访问的效果。数最多的准没错，什么？
使用docker创建fdfs并使用
qq_51014805的博客
10-30 755
1.拉取镜像 docker pull delron/fastdfs 2.使用docker镜像构建tracker容器 docker run -dti --network=host --name tracker -v /var/fdfs/tracker:/var/fdfs -v /etc/localtime:/etc/localtime delron/fastdfs tracker 3.使用docker镜像构建storage容器（存储服务器，提供容量和备份服务） docker run -dti --netw
GO语言开发天天生鲜项目第四天 商品后台管理
fegus的博客
04-22 3158
商品模块 一：商品后台管理 我们添加商品的后台和我们前面做的案例后台管理很类似，这里我们就直接拿我们前面的案例来改一下，直接当我们商品后台管理 1.代码迁移 先把我们案例文件夹下的views文件夹删除。 把课堂资料中的views.zip解压到我们的classOne下面 在GoLand中打开项目 把项目中model.go文件里面的代码改为我们天天生鲜的model.go内容（修改数据库） 修改user.go和article.go中报红的地方 控制页面显示的函数留下修改，处理业务的函数都
基于Docker的FDFS的安装
huangzhigao886的博客
02-25 377
基于docker安装fdfs 1、先停止tracker和storage docker stop tracker docker stop storage 2、移除fdfs docker rm tracker docker rm storage 3、安装fdfs docker run -d --name tracker --net=host morunchang/fastdfs sh tracker.sh (-d 后台运行，–name 取名 --net=host 使用的网络模式） docker run -d -
docker安装FastDFS
qq_35744706的博客
04-18 7612
1.搜索FastDFS镜像文件 docker search fastdfs 2.下载对应的镜像文件 docker pull season/fastdfs 3.查看文件镜像 docker images 4.创建挂载文件夹 cd /data mkdirfastdfs cdfastdfs mkdir tracker storage cd storage mkdir storage_data cd ../tracker/ mkdir tracker_data ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值