04 2023 档案
摘要：[TOC] > # 简介 当数据量过大时，传给前端的数据就需要做分页处理，一次传入一部分数据。 drf自带的分页器总共有三种： PageNumberPagination 最常用分页器 LimitOffsetPagination 偏移分页器 CursorPagination 游标分页器 > # 使用方
阅读全文
摘要：过滤类 内置过滤类 内置过滤类必须继承GenericAPIView及其子类 内置过滤类为模糊搜索，只要包含查询条件中的内容即可 只能传入一个参数 使用方法 # 导入模块 from rest_framework.filters import SearchFilter # 在视图类中注册过滤功能 fil
阅读全文
摘要：环境准备 创建相关的表，models.py class User(models.Model): username = models.CharField(max_length=32) password = models.CharField(max_length=32) class auth(model
阅读全文
摘要：windows禁用回收站后，用户删除文件将会直接永久删除。 步骤： 在windows的运行中输入：gpedit.msc打开本地组策略编辑器。 在弹出的对话框中选择：用户配置 选择管理模版 选择Windows 资源管理器 在右侧配置“不要将已删除的文件移到“回收站””，配置为已启用即可 如下图：
阅读全文
摘要：版本：windows server 2012 在 开始-运行 中输入gpedit.msc打开本地组策略编辑器 打开如下路径 计算机配置 管理模版 Windows 组件 Windows Installer 在右侧找到“关闭Windows Installer”，修改为已启用 在右侧找到“禁止用户安装”，
阅读全文
摘要：[TOC] > # 简介 > 当我们使用了ModelViewSet配置视图层之后，需要在as_view中定义对应字典，如下： ```python urlpatterns = [ path('book/', views.BookView.as_view({'get': 'list', 'post':
阅读全文
摘要：介绍 本章主要讲解了视图层常见的一些视图类 两个视图基类 APIView和GenericAPIView 5个视图扩展类 ListModelMixin、RetrieveModelMixin、CreateModelMixin、UpdateModelMixin、DestroyModelMixin 9个视图
阅读全文
摘要：Request可解析编码格式 request可以解析三种由前端传入的编码格式：JSONParser,FormParser,MultiPartParser 当有需要，只接收用户传入的文件，而不接收其它数据的时候，就可以定制传入的格式 drf的配置文件中默认就指定的可接收的三种格式的配置，如下： DEF
阅读全文
摘要：简介 与表做强关联，之后不需要再写create与update函数了，但当前端传入的数据与表模型中的字段不对应时，需要重写create/update方法，如下： 前端传来的数据为：{'name':'jack','age':18,'gender':'man','addr':'boat'} 而后端的表为：
阅读全文
摘要：假如前端传入了一组数据： {name:'赛尔达传说:王国之泪', price: 350, publish: 1, authors: [1, 2]} 如上： publish按id传入，authors也按id传入。 read_only与write_only read_only用于序列化 write_on
阅读全文
摘要：SerializerMethodField 定制返回的样式为person:{name:xxx,age:xxx}或person:[{name:xxx, age:xxx},{name:yyy, age:yyy}...]等，就可以使用到SerializerMethodField 语法 在序列化类中进行定义
阅读全文
摘要：字段名称 字段|字段构造方式|备注 --|--|-- BooleanField|BooleanField() NullBooleanField|NullBooleanField() CharField|CharField(max_length=None, min_length=None, allow
阅读全文
摘要：收录一些后台管理模板 django-vue-admin: https://gitee.com/liqianglog/django-vue-admin D2admin: https://gitee.com/mirrors/D2admin 15 个优秀的 Vue 后台管理模板：https://cloud
阅读全文
摘要：创建项目 vue_cli创建项目 vue_cli的安装见：https://www.cnblogs.com/smyz/p/17309086.html 使用vue_cli创建项目与创建vue2.0项目步骤相同 # 1. 进入到相关目录 # 2. 使用下面的命令进行创建 vue create 项目名称 v
阅读全文
摘要：简介 官网：https://vuex.vuejs.org/zh/ 在Vue中实现集中式状态（数据）管理的一个Vue插件，对vue应用中多个组件的共享状态进行集中式的管理（读/写），也是一种组件间通信的方式，且适用于任意组件间通信。 Vuex 是一个专为 Vue.js 应用程序开发的状态管理构架。它采
阅读全文
摘要：简介 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue-router是基于路由和组件的，路由用户设定访问路径的，将路径和组件映射起来。在vue-router的单页面应用中，页面的路径的改变就是组件的切换。 官网地址：https://ro
阅读全文
摘要：crsctl stat res -t # 查看数据库资源状态 srvctl status xxx.xxx.xxx # 查看一个资源的运行状态 srvctl start vip -n xxxx # 在节点x起动vip srvctl config vip -n xxxx # 查看某个节点的vip的配置
阅读全文
摘要：报错信息 低版本的ORACLE客户端连接19C数据库报错： ORA-28040: No matching authentication protocol ORA-28040: 没有匹配的验证协议 解决方法 第一步 添加下面两个参数到oracle用户的sqlnet.ora中！！如果没有，自己手工创建即
阅读全文
摘要：简介 cookies 临时存储在客户端中，并且有过期事件，到过期时间会被自动清理。 sessionStorage 临时存储在客户端中，关闭浏览器后就会清空。 localStorage 永久存储在客户端中，只有在清空缓存或手工删除或代码删除后才会清空。 localStorage的使用 语法 // 将值
阅读全文
摘要：常用样式库 常用的Vue样式库如下 |组件库|说明|地址| |-|-|-| |element|目前只支持到vue2.x版本，不再更新|https://element.eleme.cn/#/zh-CN| |element-plus|样式与element相同，开发都为了在vue3.x版本中使用而升级|h
阅读全文
摘要：作用 vue的插件的作用就是为了增强Vue，比如router，比如Vuex 本质就是包含install方法的一个对象，install的第一个参数是vue，第二个及之后的参数是使用都要传递的数据，插件对象中的install方法会被vue自动调用。 使用 在Vue项目的src目录中创建目录plugins
阅读全文
摘要：简介 可以把多个组件共用的配置提取成一个混入对象。比如有两个组件，两个组件中有部分共同的内容，比如同样的变量，同样的函数等。这时候可以把这些共用的提取出来做成混入对象。 局部使用 在src目录中创建一个目录，我这里的目录名称就为mixin 在mixin目录中创建一个js文件，为了方便导入，所以创建的
阅读全文
摘要：安装模块 pip3 install django-cors-headers -i https://pypi.tuna.tsinghua.edu.cn/simple/ 注册app INSTALLED_APPS = [ ...... 'corsheaders', ] 中间件修改 MIDDLEWARE =
阅读全文
摘要：说明 当一个父组件定义了style之后，子组件的相关style也会受到影响，这时可以通过添加scope属性解决。 代码 <!--将h1标签定义为背景色为gree，这时，子页面的h1标签也会受到影响--> <style> h1 {background-color: green} </style> 解决
阅读全文
摘要：什么是Vue-CLI Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。Vue CLI是一个脚手架，通俗点说就是代码生成器，可以快速生成一套基于Vue完整的前端框架，单独编译，单独部署。可以再集成各种第三方插件，扩展出更多的功能。 为什么要使用Vue-CLI（来自官网） https:
阅读全文
摘要：简介 当一个变量的值发生变化时，执行对应的函数 语法 # 在属性中添加watch属性，并以需要监听变量的名字进行定义函数 data:{show: 'abc'} watch:{ show(){ 我是函数内容 } } 示例 <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要：简介 在vue中，如果在methods中定义了一个函数，也是可以通过插值语法调用的，但会产生一个问题，如果有多个输入框使用了v-model，这时不管输入的内容是否与这个函数有关，这个函数都会执行一次，这样会让降低运行效率，为了解决这个问题，可以使用计算属性 计算属性效果： 计算属性只有在它的相关依赖
阅读全文
摘要：[toc] > # 简介 > 组件（component）是vue.js最强大的功能之一。组件的作用就是封装可重用的代码，通常一个组件就是一个功能体，便于在多个地方都能够调用这个功能体。 每个组件都是Vue的实例对象。 我们实例化的Vue对象就是一个组件，而且是所有组件的根组件 > 在工程化工发后，一
阅读全文
摘要：介绍 Vue实例有一个完整的生命周期，也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程，我们称这是Vue的生命周期。 生命周期： vue实例从创建到销毁的过程。 生命周期钩子： 就是生命周期事件的别名而已 钩子函数 描述 创建期间的生命周期函数 beforeCr
阅读全文
摘要：按键事件 按键事件就是，按了键盘的一个按键，就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发（最常用）| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函
阅读全文
摘要：简介 在vue中，当修改了变量，页面内容会根据变量的变化而变化。但是如果页面变化了，变量不会变化，这个就是单向数据绑定。当页面变化，变量也会跟着变化，这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!--
阅读全文
摘要：修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件，子控件不再冒泡给父控件| |.self|只处理自己的事件，子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转，也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap
阅读全文
摘要：筛选功能 给定一个列表(模拟数据)，根据用户输入，自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQue
阅读全文
摘要：说明 当在一个方法(函数)里面再定义一个方法(函数)时，内部的方法的this指向会有问题，如下： <body> <div id="app"> <h1>{{l1}}</h1> <button @click="clickFunc">点我</button> </div> </body> <script>
阅读全文
摘要：简介 本文会把遇到的字符串的方法慢慢补充进来 indexOf方法 indexOf方法判断字符串是否包含另一个字符串 判断结果如果包含返回的是索引，如果不包含，则返回-1 <script> let s = 'abc' let s1 = 'jfkdabcjkfda' let res = s1.index
阅读全文
摘要：简介 本文会把遇到的数组的方法慢慢补充进来 filter方法 filter()方法是一个过虑方法 以下面的为例：列表dataList会每次取一个值，把值给匿名函数，并执行。比如第一次过滤会把a给dataList.filter(function (items){xxxx}，第二次会把at传给函数，后面
阅读全文
摘要：input事件 click 点击事件，一般不会用于input输入框，会用于按钮，用于输入框就有点像focus了，当点击输入框时会触发 blur 失去焦点事件，当失去焦点时会触发。 focus 获取焦点事件，当获得焦点时会触发。 input 在输入框中每输入一个字符都会触发一次 change 当输入框
阅读全文
摘要：说明 MVVM会自动检测变量的变化，当变量改变，页面也会对应的变化，但是有一点需要注意，如果有一个对象增加值的时候，不能直接修改，需要使用Vue.set()方法 语法 Vue.set(this.变量, 键, 值) 示例 <body> <div id="app"> <div v-for="(value
阅读全文
摘要：简介 v-for可循环对象：数组，对象，字符串，数字 用法 需要哪个标签循环，就把v-for写到哪个标签上 v-for="xxx in 变量" 这里的xxx in是固定写法，xxx代表一个变量，比如后端的 for i in中的i字母 v-for可循环的几种变量的展示 使用v-for循环“数组，对象，
阅读全文
摘要：说明 “vue条件渲染指令包括v-if、v-else、v-else-if、v-show。 语法 v-if="条件1&&条件2" # 条件可以用变量+运算符号表示，&&表示and v-if-else="条件" v-else # 因为是例外，所以不需要使用条件 示例 <body> <div id="ap
阅读全文
摘要：说明 class与style本身是属性指令，但是他们比较特殊，应用更广泛。 # class :class='变量' 变量可以为：字符串、数组、对象 推荐使用数组，因为class可以使用多个参数 # style :style='变量' 变量可以为：字符串、数组、对象 推荐使用对象 class # 先定
阅读全文
摘要：什么是事件指令 事件指的是：点击事件，双击事件，划动事件，焦点事件... 语法 v-on:事件名='函数' # 注意：函数必须写在 methods配置项中 示例 # 点击按钮，隐藏h1标签 <body> <div id="app"> <button v-on:click="myclick">点我</
阅读全文
摘要：属性指令 标签上的属性可以绑定变量，变量变化，属性也会变化 # 什么是属性？比如： href/src/name/value/class/style... 语法： v-bind:属性名="变量名" 简写 :属性名="变量名" 示例 <body> <div id="app"> <a v-bind:hre
阅读全文
摘要：什么是指令系统 指令系统是VUE提供的，语法为 v-xx 写在标签属性中的，系统都称之为指令 文本指令 文本指定必须写在标签属性上 文本指定的值必须为变量，或者表达式 v-xx # 必须是一个标签属性 <p v-text="a_url"></p> v-xx="变量/静态式" v-text指令 如：a
阅读全文
摘要：基本使用 在body中创建一个标签，一般使用div，定义好id后，在script中进行定义，在前台使用{{变量}}的形式进行调用，语法如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</ti
阅读全文
摘要：什么是DRF drf全称：django rest framework，它可以帮助我们快速的实现符合restful规范的接口。 安装DRF pip3 install djangorestframework # 注意：如果django版本过低，安装完drf后，会被重装为最新版本，此时，再手工重新安装dj
阅读全文
摘要：什么是restful规范 REST是Representational State Transfer的缩写，RESTful是一种定义Web API接口的设计风格，尤其适用于前后端分离的应用模式中。 10个规范 数据安全的保障，通常使用HTTPS协议 接口中带API标识 如：https://api.xx
阅读全文
