记录-2023/11/11

视图集动作

Vue脚手架

介绍 | Vue CLI (vuejs.org)

axios

一个疑惑

记录-2023/11/11_第1张图片

这样好像是可以的,但是需要再次确认和理解。

反引号

JavaScript的布尔值

django-cors-middleware

DRF接口数据的形式和Vue的axios请求来的数据的形式(文章列表)

1. axios请求代码如下

记录-2023/11/11_第2张图片

2. vue页面的控制台页面如下 

记录-2023/11/11_第3张图片

3. 复制object

记录-2023/11/11_第4张图片

4. 没有采用分页的文章列表数据(图形界面的形式)

记录-2023/11/11_第5张图片

5. 结果就是复制的object的内容和4的红框的内容是一致的 

axios请求的response.data

记录-2023/11/11_第6张图片

记录-2023/11/11_第7张图片

axios请求的response对象剖析

 request = {
    "data":和接口红框的数据一致, // 接口数据
    "status":200, // 状态码
    "statusText":"OK", // 状态文本
    "headers":TODO,
    "config":TODO,
}

Django后端的时间设置

个人描述

我也不知道他是怎么设置的,是设置成一个固定的,还是给一个设置,能够根据时区自动确定时间。 

解决方案

向前兼容和向后兼容

ISO

"ISO" 在这里指的是国际标准化组织(International Organization for Standardization,简称 ISO),它是一个国际标准制定组织。在日期和时间的上下文中,"ISO" 常常用于描述日期和时间的标准格式,这种格式被称为 ISO 8601 格式。

ISO 8601 是一种国际标准,规定了日期和时间的表示方法,以便在全球范围内具有一致性。

它的基本格式如下:

YYYY-MM-DDTHH:mm:ss.sssZ

其中:

  • YYYY: 表示四位数的年份。
  • MM: 表示两位数的月份。
  • DD: 表示两位数的日期。
  • T: 表示日期和时间的分隔符。
  • HH: 表示两位数的小时数(00-23)。
  • mm: 表示两位数的分钟数(00-59)。
  • ss: 表示两位数的秒数(00-59)。
  • sss: 表示毫秒数(000-999)。
  • Z: 表示时区,"Z" 表示零时区(UTC)。

一个转换时间的JavaScript函数

// 格式化时间:将ISO时间转换为当地时间,并且可以指定输出部分
formatted_time: function (iso_date_string) {
  const date = new Date(iso_date_string);
  // return date.toLocaleString() //2023/11/11 15:18:34
  return date.toLocaleDateString() //2023/11/11
  // return date.toLocaleTimeString() //15:18:28
}