django post csrf js

Django中对数据的改、删、查

### 如何动态的展示我们的数据 ```python 1、先获取到数据库中的信息内容 def user_info(request): userinfo_all = models.user_info.objects.all() # 获取所有的用户对象 # , , , , ]> # 返回图书馆的管理页面 ......
数据 Django

Gin+Xterm.js实现远程Kubernetes Pod(一)

Xterm.js简介 xterm.js (https://xtermjs.org/)是一个开源的 JavaScript 库,它模拟了一个终端接口,可以在网页中嵌入一个完全功能的终端。这个库非常灵活,并且具有很多定制选项和插件系统。 下面是一些使用 xterm.js 的基本步骤: 首先,需要在项目中安 ......
Kubernetes Xterm Gin Pod js

Python基础day56 Django视图层相关

视图层三板斧问题、JsonResponse序列化、form表单上传文件、request对象的其他几个方法、C(class)BV的书写和F(function)BV的写法、CBV的源码分析、模板层、模板变量之分配、模板之过滤器 ......
视图 基础 Python Django day

django动态创建表和动态选择实体

开发有时需要动态创建表,创建完成后需要动态选择model对应的表,该需求如何实现 1、model层 TestBlock为了动态创建表、getBlockModel为了动态选择表 from django.db import models # Create your models here. class ......
动态 实体 django

js处理数组,删除指定元素

//获取元素下标 Array.prototype.indexOf = function(val){ for(var i = 0; i < this.length; i++){ if(this[i] == val){ return i; } } return -1; } //根据下标删除元素 Arra ......
数组 元素

在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击

在 浏览器中的找到 span 标签中内容是 “加入购物车” 的按钮 并用js代码模拟点击 ```js function simulateButtonClick() { // 找到包含“加入购物车”文本的所有span标签 const spanElements = document.getElement ......
购物车 按钮 浏览器 标签 代码

开源流媒体播放器EasyPlayer.js播放H.265视频,无法截取快照是什么原因?

EasyPlayer.js可支持多种流媒体协议播放,包括WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等,支持全平台、全终端播放,如Windows、Linux、Android、iOS,无须安装任何插件,起播快、延迟低、兼容性强,使用非常便捷。 ......
流媒 快照 流媒体 EasyPlayer 播放器

如何隐藏开源流媒体EasyPlayer.js视频H.265播放器的实时录像按钮?

在功能上,EasyPlayer支持直播、点播、录像、快照截图、MP4 播放、多屏播放、倍数播放、全屏播放等特性,支持网页端实时录像,具备较高的可用性和稳定性。与此同时,EasyPlayer还能支持轻松调用和第三方集成,感兴趣的用户可以自行下载测试。 ......
流媒 流媒体 EasyPlayer 实时 录像

js如何实现对象数组的深度复制 记录记录

背景: 偶然发现的bug,列表页做多选的时候,做了一次数据格式的转换 const temp = me.multipleSelection; temp.forEach(p=>{ p.trainTicketType = p.trainTicketType.split(','); requestList. ......
数组 深度 对象

django实现微信公众号扫码登录

首先是去获取access_token,access_token接口有次数限制,所以保存到缓存,失效时再去调用接口 import base64 import json import time import traceback import requests from django.core.cache ......
公众 django

结合前端实现ORM对数据的增删改查、动静态网页,Django创建表关系、请求生命周期流程图

通过结合前端页面实现ORM对数据的增删改查 写一个页面,把数据库中的数据以表格的形式展示出来,然后在每一行的后面加两个按钮,分别是修改、删除的按钮。 1.先创建一张UserInfo表格: 在Django中没有提供tinyint、smallint,就只提供了int和bigint,如果想要写其他类型,需 ......
流程图 前端 静态 周期 流程

[Docker] Docker Node.js project tips

## Basic node image ```Dockerfile FROM node:12-stretch COPY index.js index.js CMD ["node", "index.js"] ``` Build docker image: `docker build -t my-nod ......
Docker project Node tips js

Django 之 序列化、FBV、模版层

一、JsonResponse序列化 1、 2、 二、form表单上传文件 三、request对象的另外几个方法 四、C(class)BV的书写和F(function)BV的写法 五、CBV的源码 六、模版层 ......
序列 模版 Django FBV

Node.js安装

2.2 管理nodejs版本 下载安装nvm-windows https://github.com/coreybutler/nvm-windows/releases 安装后 在powershell 输入 nvm -h 查看支持的命令 安装 nodejs v16.12.0 nvm install 16 ......
Node js

js set和map详解

当我们需要存储唯一值的集合时,可以使用Set。Set是一种有序的、无重复值的集合,它可以存储任何类型的值,包括原始值和对象。下面是使用Set的示例: Copy // 创建一个Set const mySet = new Set(); // 添加值 mySet.add(1); mySet.add(2); ......
set map js

js weekset和weekmap详解

在JavaScript中,WeakSet和WeakMap是Set和Map的变体,它们的特点是只能存储对对象的弱引用。这意味着,如果一个对象只被WeakSet或WeakMap引用,而没有被其他地方引用,那么它可能会被垃圾回收器清理掉。这在某些情况下非常有用,比如处理缓存或临时数据等。 WeakSet和 ......
weekset weekmap js

JS常用正则表达式

1.文本框输入验证 <!--限制文本框只能输入正数--> <input type="text" οnkeyup="this.value=this.value.replace(/\D/g,'')"/> <!--限制文本框只能输入正数、小数--> <input type="text" οnkeyup=" ......
正则 表达式 常用

前端路由+原生JS实现SPA

前端路由●路由: 就是一一对应关系的集合●前端路由: 就是一个 url 地址, 对应哪个组件(页面)●前端路由的本质○根据地址栏变化(不重新想服务器发送请求), 去局部更新不同的页面内容, 完成前端业务场景切换●前端路由的思路○URL 地址栏中的 Hash 值发生了变化○前端 JS 监听到 Hash ......
前端 路由 SPA

js instanOf的实现逻辑 super()

在 JavaScript 中,instanceof 运算符用于检查一个对象是否是另一个对象的实例。它的使用形式是 obj instanceof constructor,其中 obj 是要检查的对象,constructor 是要检查的构造函数。 instanceof 运算符的实现逻辑如下: 首先,它会 ......
instanOf 逻辑 super js

django 简单文件上传

通过模型来处理上传的文件¶ 如果想要在 FileField 上的 Model 保存文件,使用 ModelForm 会让这一过程变得简单。当调用 form.save() 时,文件对象将会被保存在对相应 FileField 的 upload_to 参数所指定的地方: from django.http i ......
文件 django

为什么大多数restful-api都要求使用POST

2023年6月20日13:50:56 1,因为前后端对http的认识差异比较大,而且很多前端开发有些是培训速成或者其他行业转过来的,所以基础知识差异大,你要求他们具备和后端一样的基础知识水平,不太可能 2,http协议支持的方法 `GET方法`:获取资源,`POST方法`:传输实体主题,`PUT方法 ......
restful-api restful POST api

js-cookie-monitor-debugger-hook

# 监控、定位JavaScript操作cookie[https://github.com/JSREI/js-cookie-monitor-debugger-hook](https://github.com/JSREI/js-cookie-monitor-debugger-hook) ## 一、脚本说 ......

Next.js 实战

### 0x1 CSR,SSR,SSG 1. CSR 客户端渲染(Client-Side Rendering)。常见 B 端 Web 应用开发模式,前后端分离,服务器压力相对更轻,渲染工作在客户端进行,服务器直接返回不加工的 HTML 用户在后续访问操作 **缺点**:首屏时间长 2. SSR 服务 ......
实战 Next js

Node.js 与前端开发实战

### 0x1 Node.js 的应用场景 1. 前端工程化 * 打包工具:webpack、vite、esbuild、parce * 代码压缩:uglifyjs * 语法转换:babeljs,typescript * **难以替代** 2. Web 服务端应用 * 学习曲线平缓,开发效率较高 * 运 ......
前端 实战 Node js

[SWPUCTF 2022 新生赛]js_sign

[SWPUCTF 2022 新生赛]js_sign 题目来源:nssctf 题目类型:web 涉及考点:JS分析 1. 题目给了一个传入口,不管传入什么都回显 ‘fuck off ’ * 查看源代码: * 看到一个base64编码,先解码看看: 2. 搜了下发现tapcode是个编码方式,于是对fl ......
新生 SWPUCTF js_sign 2022 sign

vue.js:用el-breadcrumb显示当前路由(vue@3.2.36/element-plus@2.2.2)

一,代码: 官方文档地址: https://element-plus.gitee.io/zh-CN/component/breadcrumb.html 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ......

node js版本管理工具---NVM

一、前言 nvm(Node Version Manager)是一个node的版本管理工具,可以快捷的进行node版本的安装、切换、卸载、查看等。它能够在项目开发中根据不同需求轻松切换所依赖不同版本的Node.js,从而让开发者可以在不同的环境之间进行切换,从而更好地保证软件的稳定性运行。 二、安装 ......
管理工具 版本 工具 node NVM

Django 动态操作model

from django.apps import apps for o in oids_result: oid_result = snmp.snmpWalk(o.oid) if o.model_filed_name and len(o.model_filed_name) > 0: field_name ......
动态 Django model

通过局域网访问连接 vite 或 Django 之类的项目

> 博客地址:https://www.cnblogs.com/zylyehuo/ # step1 ```bash 将 vite 或 Django 类的项目启动 ip 设置为 0.0.0.0:端口 ``` # step2 ```bash 查询本机电脑在当前局域网下的 ip ``` # step3 `` ......
局域网 局域 项目 Django vite

JS截取url中?后面的参数值的两种方法

方法一: 例如:得到的url var url = window.location.href; var querys = url.substring(url.indexOf('?') + 1).split('&'); var result=[]; for(var i=0;i<querys.length ......
参数 方法 url