04 2024 档案
摘要：【一】开源的样式库，方便在vue中使用 elementui：饿了么团队开源的 web端 https://element.eleme.cn/#/zh-CN vant：有赞团队，移动端 https://vant-ui.github.io/vant/#/zh-CN ant design:阿里团队 http
阅读全文
摘要：单页面应用，就无法实现页面的跳转 借助于 vue-router-->实现组件切换 效果就是页面跳转 【一】使用 【1】App.vue >固定成 <template> <div id="app"> <router-view></router-view> </div> </template> 【2】写页
阅读全文
摘要：ES6特性 1 let 和 const let 和 const 关键字用于声明变量和常量，取代了 var。 let 声明的变量具有块级作用域，而 var 声明的变量具有函数级作用域。 const 声明的常量在声明后不能再被重新赋值 # 在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域
阅读全文
摘要：【一】 创建vue项目 要按vue要求的套路写代码--》写的都是vue的东西 最终上线--》要编译 》把vue的代码--》编译成 html，css，js 创建工程，编译需要使用：nodejs--》webpack 【二】Vue-CLI 项目搭建 【1】 环境搭建 - 安装node 官网下载安装包，傻瓜
阅读全文
摘要：【一】组件使用 1.组件是什么？有什么用？ [](http://photo.liuqingzheng.top/2023 02 15 18 56 34 /image-20201216150836004.png) 组件就是：扩展 HTML 元素，封装可重用的代码，目的是复用 例如：有一个轮播图，可以在很
阅读全文
摘要：一般情况下，编写完1个组件之后，组件的内容都是写死的，需要加数据 只能去组件中修改，扩展性很差 然后就出现了插槽这个概念，只需在组件中添加<slot></slot>，就可以在body的组件标签中添加内容 【1】插槽 <slot></slot> 【2】命名插槽 <!DOCTYPE html> <htm
阅读全文
摘要：【一】动态组件 【1】不使用动态组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue/vue.js"></script> <style> .i
阅读全文
摘要：【一】定义局部组件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue/vue.js"></script> <style> </style> </
阅读全文
摘要：【一】Axios 【1】简介 ① Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中 ② axios官网：http://www.axios-js.com/ 【二】实例 【1】电影网址和解析Json网站 https://m.maizuo.com/v5/?co
阅读全文
摘要：默认isSms是false > 用户名密码进行登录 当点击了登录短信那个按钮将isSms置为了true >手机短信登录 点击登录按钮触发点击事件 获取用户输入的值，通过this.isSms,跳转到不同的IP地址 成功的话跳到登录地址，失败的话返回错误信息 <!DOCTYPE html> <html
阅读全文
摘要：购物 全选/全不选 加减数量 删除不想要的商品 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue/vue.js"></script> <link
阅读全文
摘要：【一】v-model进阶 【1】v-model 之 lazy、number、trim lazy：等待input框的数据绑定时区焦点之后再变化 number：数字开头，只保留数字，后面的字母不保留；字母开头，都保留 trim：去除首位的空格 v-model 之 lazy、number、trim {{m
阅读全文
摘要：【一】箭头函数 【1】匿名函数 var f=function(name){ console.log(name) } f('hope') 【2】箭头函数(无参数无返回值) var f1= ()=>{ console.log('我是箭头函数') } f1() 【3】箭头函数(有多个参数无返回值) var
阅读全文
摘要：【一】计算属性 计算属性是基于它们的依赖进行缓存的 计算属性只有在它的相关依赖发生改变时才会重新求值 计算属性就像Python中的property，可以把方法/函数伪装成属性 【1】首字母大写 <!DOCTYPE html> <html lang="en"> <head> <meta charset
阅读全文
摘要：【一】条件与判断 【1】v-if v-else-if v-else <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./vue/vue.js"></scr
阅读全文
摘要：【一】事件修饰符 事件修饰符 释义 .stop 只处理自己的事件，父控件冒泡的事件不处理（阻止事件冒泡） .self 只处理自己的事件，子控件冒泡的事件不处理 .prevent 阻止a链接的跳转 .once 事件只会触发一次（适用于抽奖页面） 使用修饰符时，顺序很重要；相应的代码会以同样的顺序产生
阅读全文
摘要：【一】指令系统之文本指令(v-text/v-html) 指令 释义 v-html 让HTML渲染成页面 v-text 标签内容显示js变量对应的值 v-show 放1个布尔值：为真 标签就显示；为假 标签就不显示 v-if 放1个布尔值：为真 标签就显示；为假 标签就不显示 v-show 与 v-i
阅读全文
摘要：【一】响应式-数据变页面也变 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- <script src="vue/vue2.js"></script>--> <script
阅读全文
摘要：【一】需求 1 有车型(CarModel)，车厂（CarFactory），经销商(Distributor)三个表,一个车厂可以生产多种车型，一个经销商可以出售多种车型，一个车型可以有多个经销商出售 车型：车型名，车型出厂价，车厂id 车厂：车厂名，车厂地址，联系电话 经销商：经销商名，地址，联系电话
阅读全文
摘要：【一】引入 后端把接口写好后 登录接口 注册接口 查询所有图书带过滤接口 前端人员需要根据接口文档，进行前端开发 前后端需要做对接 > 对接第一个东西就是这个接口文档 > 前端照着接口文档开发 后端编写接口： 后端团队负责设计和实现系统中的各个接口，根据业务需求完成登录接口、注册接口和查询所有图书（
阅读全文
摘要：GenericViewSet和5个视图扩展类组合使用 【一】新增所有查询一条 class BookListView(GenericViewSet, ListModelMixin, RetrieveModelMixin): ''' list：查询所有图书 create：新增图书 retrieve：查询
阅读全文
摘要：【一】默认配置文件 双token认证： refresh：刷新用，access实现，获取新的access用 access：咱们用的 # JWT配置 SIMPLE_JWT = { 'ACCESS_TOKEN_LIFETIME': timedelta(minutes=5), # Access Token的
阅读全文
摘要：【一】引入 在前端开发中，为了便于处理后端报错，通常需要后端返回统一的格式。 通过统一的格式，前端可以更方便地处理后端返回的错误信息 比如根据错误码展示不同的提示信息给用户。 {code:999,msg:'系统异常，请联系系统管理员'} // 其中code表示错误码，msg表示错误信息。 只要三大认
阅读全文
摘要：【准备数据】 模型 from django.db import models # Create your models here. class Book(models.Model): name = models.CharField(max_length=32) price = models.Inte
阅读全文
摘要：【1】引入 限制访问频次 比如某个接口，一分钟只能访问5次，超过了就得等 按IP地址 限制 按用户id 限制 【2】频率类的使用步骤(固定用法) （1）创建频次认证类 创建一个自定义的权限认证类，并让它继承自SimpleRateThrottle。 （2）重写 get_cache_key 方法 cla
阅读全文
摘要：登录后的用户要根据用户角色的不同决定当前用户能访问功能的全选 部分功能只对管理员开放 不分功能只对普通用户开放 权限设计：比较复杂 ACL（Access Control List）:权限表做一对多关系 RBAC（Role-Based Access Control） ABAC（Attribute-Ba
阅读全文
摘要：【一】路由的写法 【1】原始写法 介绍 是指手动编写路由规则的方式。 使用path()函数或re_path()函数来定义路由规则，并将其与对应的视图函数或类关联起来。 from django.urls import path from book.views import book_list, boo
阅读全文
摘要：【1】两个视图基类 APIView APIView 是 Django REST Framework 提供的一个基类，用于创建基于函数或基于类的视图。 使用 APIView 可以根据需求自定义请求处理逻辑，对于简单的接口逻辑，可以直接继承 APIView 类。 GenericAPIView Gener
阅读全文
摘要：【一】视图选择 【1】APIView 如果后续，写个接口，不需要用序列化类，不跟数据库打交道发送短信接口，发送邮件接口 【2】GenericAPIView 如果后续，写个接口，要做序列化或跟数据库打交道，就要继承他登陆接口，注册接口 【3】5个视图扩展类，必须配合 GenericAPIView cl
阅读全文
摘要：【一】9个视图子类 【1】五个基本的 from rest_framework.generics import CreateAPIView, ListAPIView, RetrieveAPIView, DestroyAPIView, UpdateAPIView 【2】四个融合的 ListCreateA
阅读全文
摘要：【1】APIView实例 from .serializer import BookSerializer from rest_framework.response import Response from .models import Book class BookView(APIView): def
阅读全文
摘要：【1】5个视图扩展类对应五个方法 查询所有数据 ListModelMixin 新增一条数据 CreateModelMixin 查询单条数据 RetrieveModelMixin 修改一条数据 UpdateModelMixin 删除一条数据 DestroyModelMixin 【2】写5个类的好处就是
阅读全文
摘要：ModelSerializer 可以跟表做一一对应关系 -序列化类中，就不需要一个个写字段了--》跟表有对应关系 序列化类中，就不需要重写create和update 【1】serializer类(保存) 不需要写create了，但是字段必须是：publish和authors class Publis
阅读全文
摘要：【一】常用序列化字段和参数 【1】常见字段 字段 详解 字段构造方式 BooleanField 布尔字段用于存储和表示真/假值。构造方法不需要参数。 BooleanField() NullBooleanField 可空布尔字段是可以接受三个值的布尔字段：True、False和None（空值）。构造方
阅读全文
摘要：from rest_framework import serializers from rest_framework.exceptions import ValidationError from .models import Book class BookSerializer(serializers
阅读全文
摘要：用APIView和VIew编写5个接口 【一】使用View格式提交form-data数据 【一】创建表 models.py class Book(models.Model): name = models.CharField(max_length=50) price = models.DecimalF
阅读全文
摘要：【一】使用bytes格式提交数据 【一】创建表 models.py class Book(models.Model): name = models.CharField(max_length=50) price = models.DecimalField(max_digits=5, decimal_p
阅读全文
摘要：【一】Request类对象分析 REST framework 传入视图的request对象不再是Django默认的HttpRequest对象，而是REST framework提供的扩展了HttpRequest类的Request类的对象。 REST framework 提供了Parser解析器，在接收
阅读全文
摘要：【一】Restful 【1】介绍 Restful（Representational State Transfer）是一种软件架构风格，它定义了一组规范和约束，用于设计可伸缩、可维护和易于集成的分布式系统。 Restful 架构的核心概念是资源（Resource）和资源的表述（Representati
阅读全文
摘要：【一】web应用模式 【1】前后端混合开发 后端人员 既要写后端，django 又要写前端 【2】前后端分离 后端人员 只写后端，写一个个的API接口 前端人员 只写前端 最后项目写完 前后端联调 【1】详解 【1】介绍 API接口（Application Programming Interface
阅读全文
摘要：【一】引入 在上面的实例中，一些交互动作都是针对某个节点执行的。 比如，对于输入框，我们就调用它的输入文字和清空文字方法； 对于按钮，就调用它的点击方法。 其实，还有另外一些操作，它们没有特定的执行对象， 比如鼠标拖曳、键盘按键等， 这些动作用另一种方式来执行， 那就是动作链。 【1】模拟鼠标操作
阅读全文
摘要：【零】xpath引言 【1】介绍 xpath在Python的爬虫学习中，起着举足轻重的地位，对比正则表达式 re两者可以完成同样的工作，实现的功能也差不多，但xpath明显比re具有优势，在网页分析上使re退居二线。 xpath 全称为XML Path Language 一种小型的查询语言 【2】优
阅读全文
摘要：【一】遍历文档树介绍 【1】什么是遍历文档树 遍历文档树，也被称为导航文档树，是指在一个文档对象模型（DOM）中按照特定的方法和规则来遍历和浏览其中的节点。 DOM是一种处理XML或HTML文档的标准编程接口，它将文档解析成由节点和对象组成的树状结构。 在遍历文档树的过程中，可以通过访问当前节点及其
阅读全文
摘要：【一】响应相关参数 【1】字符串响应对象 变量的三大特性：变量值 变量名 变量的内存空间 data = requests.get("https://www.baidu.com", headers=headers).text print(data, type(data)) # <class 'str'
阅读全文
