02 2023 档案
摘要:跨域问题的CORS解决 1 为何会出现跨域问题:浏览器的同源策略 1.1 同源策略(Same-origin policy) 同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的
阅读全文
摘要:路飞项目 - 前端准备 1 路飞前台全局css,全局配置文件 1.1 vue-cli创建项目,整理项目 通过vue-cli创建vue3项目,选择安装vuex和router插件 并整理项目 App.vue <template> <div id="app"> <router-view/> </div>
阅读全文
摘要:1 封装后台日志 1.日志的作用: 对特定的io操作进行记录,记录错误和记录操作 【日志可以用来做项目管理,记录用户行为分析,大数据分析】 开发阶段可以将print换成logger.info 这样项目上线后只需要调整日志级别,低级别的日志不在打印了,日志输出不用删掉了 2.日志显示: ① 日志可以打
阅读全文
摘要:Django中配置文件的详细解读 import os.path from pathlib import Path # Build paths inside the project like this: BASE_DIR / 'subdir'. # 1.项目的根目录 # /Users/duoduo/L
阅读全文
摘要:1 软件开发流程 # 真正的企业里软件从立项到交付整个过程 -立项:确定公司要开发这个软件 公司高层 -软件来源 -产品经理设计出来的 》互联网项目 互联网公司 -用户(医院,政府部门,企业。。) 传统软件公司 -需求分析 # 互联网项目 -需求调研和分析:产品经理设计出来的 # 传统软件 -需求调
阅读全文
摘要:路飞项目:后端项目调整目录 与 调整配置 1.后端目录调整 # 调整目录后成 """ ├── luffy_api ├── logs/ # 项目运行时/开发时日志目录 - 包 ├── manage.py # 脚本文件 ├── luffy_api/ # 项目主应用,开发时的代码保存 - 包 ├── ap
阅读全文
摘要:Vue 回顾 1 前端发展史 -react,vue--》前端工程化 》前后端分离 -大前端:flutter,uni-app 2 Vue介绍 - - 单页面应用(spa),组件化开发, - mvvm 架构MVVM 架构是指 Model-View-ViewModel 的架构模式。它将应用程序分为三个主要
阅读全文
摘要:Vue - 09 Vue3介绍 1.vue 3 相比vue 2性能提示了,代码更简洁了 1.1 介绍 1.性能的提升 -打包大小减少41% -初次渲染快55%, 更新渲染快133% -内存减少54% 2.源码的升级 -使用Proxy代替defineProperty实现响应式 -重写虚拟DOM的实现和
阅读全文
摘要:Vue - 08 别人发送的项目需要安装依赖,如何使用 ①删除node_modules文件夹,后复制项目,然后安装依赖 ②安装依赖 在项目路径下安装依赖 npm install 组件间通信的方式(5种): ① 父子间 - 父传子:使用【自定义属性】 ② 父子间 - 子传父:使用【自定义事件】 ③ r
阅读全文
摘要:Vue - 7 Vue-cli项目 1.Vue - cil创建项目 前端进行组件化开发,①创建Vue项目,单页面应用spa,在xx.Vue文件中编写前端页面。②vue-cli则可以将vue文件通过node.js进行编译,编译成html、css、js等浏览器可以识别语言 ①②③④ 创建vue项目使用什
阅读全文
摘要:Vue - 6 组件与属性 1.Vue组件 在 Vue.js 中,组件是一种可复用的 Vue 实例,可以定义自己的模板、样式和逻辑,并且可以被其他 Vue 实例复用。使用组件可以将复杂的页面分解为多个独立的小组件,从而使代码更加简洁、可维护、可复用。 组件可以通过 Vue.component() 方
阅读全文
摘要:Vue - 5 生命周期与组件 1.Vue的生命周期钩子函数 | 钩子函数 | 描述 | | : : | : : | | beforeCreate | 创建Vue实例之前调用 | | created | 创建Vue实例成功后调用(可以在此处发送异步请求后端数据) | | beforeMount |
阅读全文
摘要:Vue - 4 Vue中与后端交互 1.购物车案例 只要js的变量发生变化,html页面中使用该变量的地方就会重新渲染 购物车实现步骤: 1.先搭出框架,给每个商品增加选择按钮,点击后将其增加到已选择的数组中,并计算出价格 2.增加全选按钮,当点击后选中全部商品;并且在其中取消单个商品的时候,也取消
阅读全文
摘要:Vue - 3 事件处理、表单输入绑定 1.JS循环的几种方式 1.v-for可以循环的变量 ①数组 (1)循环数组 <div v-for="num in l">{{num}}</div> (2)循环数组带索引 (num,index) in l <h2>【数组】的循环:带索引</h2> <div v
阅读全文
摘要:Vue - 2 插值语法与指令系统 一、插值语法 Vue中的插值语法必须写在标签内部,而DTL(Django Template Language)则可以写在标签的属性中 语法 <body> <div id="app"> {{变量名}} </div> </body> <script> // 配置项 通
阅读全文
摘要:Vue - 1 简介与入门 前端发展历史 1.html(5)、CSS(3)、JavaScript(ES5、ES6)编写一个个的页面 -> 给后端(PHP、Python、Go、Java) -> 后端嵌入模板语法 -> 后端渲染完数据 -> 返回数据给前端 -> 在浏览器中查看 -ECMAScript
阅读全文
摘要:1 接口文档 1.什么是接口文档 前后端分类的项目需要接口文档 -前端: 根据接口写app,pc,小程序 -后端: 不同功能的路由如 发送请求的方式 需要提供的数据名称 编码方式 返回方式 如: 路由:`/api/v1/login/` 请求方式:post 数据名称:username,password
阅读全文
摘要:1.原生django的cookie+session认证底层原理 2.断点调试 程序是debug模式运行,可以在任意位置停下,查看当前情况下变量数据的变化情况 3.认证,权限,频率源码分析 请求来了,进行路由匹配,匹配成功后,执行可以执行对象, 1.权限的源码执行流程 我们自定制了一个权限类,通过配置
阅读全文
摘要:过滤与排序 必须继承GenericAPIView及其子类才能使用这种方法,配置过滤类的方式,用APIView的话得自己写orm与来实现搜索功能 3中过滤方式:drf内置的、第三方的、自己写的 1.drf内置过滤类【继承GenericAPIView】 导入内置过滤器 - SearchFilter fr
阅读全文
摘要:频率组件 1.频率限制 访问频率的限制,可以进行对爬虫等恶意行为进行预防。 使用drf的频率限制对网站接口访问,只需要直接进行配置即可 2.频率认证步骤 (1)编写一个频率类,继承【频率模块】中的SimpleRateThrottle 编写频率类,继承SimpleRateThrottle,也可以继承B
阅读全文
摘要:权限组件 权限校验和认证校验必须同时使用,并且权限校验是排在认证校验之后的,在源码中可以查找到其执行顺序 权限校验也很重要,认证校验可以确保一个用户登录之后才能对接口做操作,而权限校验可以依据这个登录用户的类型来想定对接口做哪些操作 1.自定权限的使用步骤 (1)编写一个权限类,继承【权限模块】中的
阅读全文
摘要:认证组件 在DRF中,提交请求的时候不需要携带csrf,因为有token认证了 认证:通过判断token,来判断用户是否登录 1.登录接口编写 需要和数据库交互,但是不需要序列化,所以使用ViewSetMixin + APIView 使用action装饰器装饰 发送post请求,取出前端传入的数据-
阅读全文
摘要:视图组件 0、APIView与Django原生的View类的区别 1.APIView中传入视图方法中的Request对象 是REST framework的Request对象 而不是Django的HttpRequest对象 2.视图方法可以返回REST framework的Response对象(使用的
阅读全文
摘要:一、APIView 基于原生Django的View类编写视图层中视图类接口。 但是,drf中编写视图类,都是通过继承APIView及其子类来编写视图类,而APIView本身就是继承了Django原生的View 1.基于APIView+JsonResponse写接口 可以看出继承drf的APIView
阅读全文