计算机基础知识57
前后端数据传输的编码格式(contentType)
# 我们只研究post请求方式的编码格式：
get请求方式没有编码格式-- index?useranme=&password=
get请求方式没有请求体，参数直接在url地址的后面拼接着# 有哪些方式可以提交post请求：form表单、Ajax、api工具
# 研究form表单的post请求：
默认的编码格式：urlencoded
数据传输的形式：title=dasdas&price=2312&date=&publish=2&authors=3# 对于Django后端是如何接收数据的：
把提交过来的数据都封装到了request.POST中
# 提交文件数据：enctype:form-data
# 数据传输的形式：
title=dasdas&price=2312&date=&publish=2&authors=3--------------binary-----------------------------
文件数据# 对于Django后端接收数据的：
普通数据还是在request.POST中
文件数据呢还是在request.FILES中
能在POST和FILES中接收数据，是因为Django已封装了，提交过来的数据并不是queryDICT# ajax提交post请求：
默认情况下，Ajax提交的数据后端还是在request.POST中接收的
默认的编码格式：urlencoded
需要修改contentType类型：json格式的"""对于符合urlencoded格式的数据后端都是在request.POST中接收数据的"""
Ajax提交json格式的数据
views.py def index(request):if request.method == 'POST':print(request.POST) #<QueryDict: {}>print(request.body) #b'{"a":1,"b":2}'json_bytes=request.body # 接收浏览器发过来纯原生的数据，二进制，需要自己做封装# json_str=json_bytes.decode('utf-8')# print(json_str,type(json_str)) # {"a":1,"b":2} <class 'str'>import json# json_dict = json.loads(json_str)# print(json_dict,type(json_dict)) # {'a': 1, 'b': 2} <class 'dict'>json_dict = json.loads(json_bytes)print(json_dict,type(json_dict)) # {'a': 1, 'b': 2} <class 'dict'>return render(request,'index.html')index.html <body> <button class="btn">提交</button> <script>$(".btn").click(function () {$.ajax({url:'',type:'post',data:JSON.stringify({a:1,b:2}), //序列化contentType:'application/json', //json格式的success:function (res){}})}) </script> </body>前端提交到后端，后端json解码
Ajax提交文件数据
index.html <body> <form action="">用户名: <input type="text" id="username">上传文件: <input type="file" id="myfile"><button class="btn">提交</button> <script>$(".btn").click(function (ev) {console.log(123);// 要获取到文件数据，{#console.log($("#myfile")[0].files[0]) // C:\fakepath\123.png#}// 提交文件数据需要借助于formdata对象var myFormDataObj = new FormData;var username = $("#username").val();var myfile = $("#myfile")[0].files[0];myFormDataObj.append('username', username);myFormDataObj.append('myfile',myfile);$.ajax({url: '',type: 'post',{#data: JSON.stringify({a: 1, b: 2}), // 序列化的 "{"a":1, "b":2}"#}data: myFormDataObj, // 序列化的 "{"a":1, "b":2}"{#contentType: 'application/json', // json格式的#}contentType:false, // 告诉浏览器不要给我的编码格式做任何的处理processData: false, //success: function (res) {}})}) </script> </body>
Ajax结合layer 弹出层组件
layer 弹出层组件 - jQuery 弹出层插件 (layuiweb.com)
批量插入数据
bulk_list = [] for i in range(10000):user_obj=models.UserInfo(username='kevin%s' %i)bulk_list.append(user_obj) models.UserInfo.objects.bulk_create(bulk_list)# 循环之后得到了一个列表，10000个对象
# 数据库的优化， 同样的功能，不同的sql执行的效率差距很大
# 优化查询速度的时候，首先想到的是，加索引、优化sql语句，有的sql走做引、有的sql不走索引
分页的原理及推导
当查询的数据太多的时候，一页展示不完，分页码展示
总数据 每页展示 总页数 100 10 10
101 10 11 99 10 10 怎么计算出来总页数: 总数据 / 每页展示 = 总页数 divmod
有余数+1
没有余数=商
分页类
以后使用直接导入文件用就行，已经封装好，需配置路由和链接数据库使用
utils/my_page.py class Pagination(object):def __init__(self, current_page, all_count, per_page_num=2, pager_count=11):"""封装分页相关数据:param current_page: 当前页:param all_count: 数据库中的数据总条数:param per_page_num: 每页显示的数据条数:param pager_count: 最多显示的页码个数"""try:current_page = int(current_page)except Exception as e:current_page = 1if current_page < 1:current_page = 1self.current_page = current_pageself.all_count = all_countself.per_page_num = per_page_num# 总页码all_pager, tmp = divmod(all_count, per_page_num)if tmp:all_pager += 1self.all_pager = all_pagerself.pager_count = pager_countself.pager_count_half = int((pager_count - 1) / 2)@propertydef start(self):return (self.current_page - 1) * self.per_page_num@propertydef end(self):return self.current_page * self.per_page_num@propertydef page_html(self):# 如果总页码 < 11个：if self.all_pager <= self.pager_count:pager_start = 1pager_end = self.all_pager + 1# 总页码 > 11else:# 当前页如果<=页面上最多显示11/2个页码if self.current_page <= self.pager_count_half:pager_start = 1pager_end = self.pager_count + 1# 当前页大于5else:# 页码翻到最后if (self.current_page + self.pager_count_half) > self.all_pager:pager_end = self.all_pager + 1pager_start = self.all_pager - self.pager_count + 1else:pager_start = self.current_page - self.pager_count_halfpager_end = self.current_page + self.pager_count_half + 1page_html_list = []# 添加前面的nav和ul标签page_html_list.append('''<nav aria-label='Page navigation>'<ul class='pagination'>''')first_page = '<li><a href="?page=%s">首页</a></li>' % (1)page_html_list.append(first_page)if self.current_page <= 1:prev_page = '<li class="disabled"><a href="#">上一页</a></li>'else:prev_page = '<li><a href="?page=%s">上一页</a></li>' % (self.current_page - 1,)page_html_list.append(prev_page)for i in range(pager_start, pager_end):if i == self.current_page:temp = '<li class="active"><a href="?page=%s">%s</a></li>' % (i, i,)else:temp = '<li><a href="?page=%s">%s</a></li>' % (i, i,)page_html_list.append(temp)if self.current_page >= self.all_pager:next_page = '<li class="disabled"><a href="#">下一页</a></li>'else:next_page = '<li><a href="?page=%s">下一页</a></li>' % (self.current_page + 1,)page_html_list.append(next_page)last_page = '<li><a href="?page=%s">尾页</a></li>' % (self.all_pager,)page_html_list.append(last_page)# 尾部添加标签page_html_list.append('''</nav></ul>''')return ''.join(page_html_list)ab_page.html <body> {% for foo in userlist %}<p>{{ foo.username }}</p> {% endfor %}{{ html|safe }} </body>views.py from django.shortcuts import render from app01 import models def ab_page(request):from utils.my_page import Paginationtry:current_page = int(request.GET.get('page'))except:current_page = 1user_queryset = models.UserInfo.objects.all()all_count = user_queryset.count()page_obj = Pagination(current_page, all_count, per_page_num=10)userlist = user_queryset[page_obj.start:page_obj.end]html = page_obj.page_htmlreturn render(request, 'ab_page.html', locals())""" per_page_num=10 current_page start_page end_page 1 0 10 2 10 20 3 20 30 start_page=(current_page - 1) * per_page_num end_page=current_page*per_page_num """
今日思维导图：
相关文章：
计算机基础知识57
前后端数据传输的编码格式(contentType) # 我们只研究post请求方式的编码格式： get请求方式没有编码格式-- index?useranme&password get请求方式没有请求体，参数直接在url地址的后面拼接着 # 有哪些方式可以提交post请求：f…...
Flutter 小技巧之 3.16 升级最坑 M3 默认适配技巧
如果要说 Flutter 3.16 升级里是最坑的是什么？那我肯定要说是 Material 3 default （M3）。 倒不是说 M3 bug 多，也不是 M3 在 3.16 上使用起来多麻烦，因为虽然从 3.16 开始，MaterialApp 里的 useMaterial3 …...
激光雷达与惯导标定 | Lidar_IMU_Init ： 编译
激光雷达与惯导标定：Lidar_IMU_Init 编译 功能包安装安装ceres-solver-2.0.0 （注意安装2.2.0不行，必须要安装2.0.0） LI-Init是一种鲁棒、实时的激光雷达惯性系统初始化方法。该方法可校准激光雷达与IMU之间的时间偏移量和外部参数…...
进程池，线程池与跨进程数据共享爬取某岸网图片
看教程的时候看到一个，生产者跟消费者的概念比较有意思，但是给的代码有问题无法正常运行，于是我就捣鼓了一下。 基本概念就是： 生产者： 一个进程获取网页没页的图片连接（主进程…...
【 图片加载】Vue前端各种图片引用
文章目录 一、图片作为js常量（常作为配置项的值 ）1、在线链接2、本地图片 二、图片img标签1、一般的src2、动态的src用require3、src可以接收二进制文件blob（如后端返回的、a-upload传的图片) 三、背景图片 一、图片作为js常量（常…...
thinkphp6生成PDF自动换行
composer安装 composer require tecnickcom/tcpdf 示例 use TCPDF;public function info($university,$performance,$grade,$major){//获取到当前域名$domain request()->domain();//实例化$pdf new TCPDF(P, mm, A4, true, UTF-8, false);// 设置文档信息$pdf->SetCr…...
wpf devexpress实现输入验证使用验证规则
打开此项目 目标是一个registration form行为像google registration form。打开Google registration form 研究它的行为。当form是第一次显示，它的“Register”按钮应该启动；编辑器没有提示任何输入错误。输入First Name编辑器字段，清理输入…...
Vue表单的整体处理
在前端的处理中，表单的处理永远是占高比例的。在BOMDOMjs的时候是这样，在Vue的时候也是这样。Vue的表单处理做了特别的优化，如值绑定、数据验证、错误提示、修饰符等。 表单组件的示例： <script setup lang"ts">…...
探索实人认证API：保障在线交互安全的关键一步
前言 在数字化时代，随着人们生活的日益数字化，各种在线服务的普及，安全性成为用户体验的至关重要的一环。特别是在金融、电商、社交等领域，确保用户身份的真实性显得尤为重要。而实人认证API作为一种先进的身份验证技术ÿ…...
XDR 网络安全：技术和最佳实践
扩展检测和响应（XDR）是一种安全方法，它将多种保护工具集成到一个统一的集成解决方案中。它为组织提供了跨网络、端点、云工作负载和用户的广泛可见性，从而实现更快的威胁检测和响应。 XDR的目标是提高威胁检测的速度和准确性&…...
【如何学习Python自动化测试】—— 警告框处理
7 、 警告框处理 在 web 中，除了上面提到的元素和操作之外，还有就是页面的提示框的处理了，页面的警告框通常分为这几类 js：alert 、 confirm 以及 prompt，这些警告框，我们都可以通过 switch_to_alert()来处…...
Jenkins Ansible 参数构建
首先在Jenkins中创建自由项目 在web端配置完成后在另一台机子上下载nginx 在gitlab端创建项目并创建文件配置代码 在有Jenkins的机器上下载Ansible [rootslave1 ~]# yum -y install epel-release [rootslave1 ~]# yum -y install ansible再进入下载nginx机器中克隆gitlab项目…...
第十五届蓝桥杯（Web 应用开发）模拟赛 1 期-大学组（详细分析解答）
目录 1.动态的Tab栏 1.1 题目要求 1.2 题目分析 1.3 源代码 2.地球环游 2.1 题目要求 2.2 题目分析 2.3 源代码 3.迷惑的this 3.1 题目要求 3.2 题目分析 3.3 源代码 4.魔法失灵了 4.1 题目要求 4.2 题目分析 4.3 源代码 5.燃烧你的卡路里 5.1 题目要求 5.2…...
2023亚太杯数学建模B题思路+模型+代码+论文
2023亚太地区数学建模A题思路：开赛后第一时间更新，获取见文末 名片 2023亚太地区数学建模B题思路：开赛后第一时间更新，获取见文末 名片 2023亚太地区数学建模C题思路：开赛后第一时间更新，获取见文末 名片…...
GitHub 报告发布：TypeScript 取代 Java 成为第三受欢迎语言
GitHub发布的2023年度Octoverse开源状态报告发布，研究围绕AI、云和Git的开源活动如何改变开发人员体验，以及在开发者和企业中产生的影响。报告发现了三大趋势： 1、生成式AI的广泛应用： 开发人员大量使用生成式AI进行构建。越来越…...
配置hikari数据库连接池时多数据源不生效
1.原始配置，改造前： spring:# 配置数据源信息datasource:dynamic:#设置默认的数据源或者数据源组,默认值即为masterprimary: masterstrict: truedatasource:#这里采用了配置文件取值的方式，可以直接替换为数据库连接master:url: jdbc:postgr…...
matlab 最小二乘拟合平面并与XOY平面对齐
目录 一、算法原理二、代码实现1、绕原点对齐2、绕质心对齐三、结果展示1、绕原点对齐2、绕质心对齐四、测试数据本文由CSDN点云侠原创，原文链接。爬虫网站自重。如果你不是在点云侠的博客中看到该文章，那么此处便是不要脸的爬虫。 一、算法原理 首先，使用最小二乘拟合平面…...
jQuery【回到顶部、Swiper轮播图、立即执行函数、链式调用、参数重载、jQuery扩展】(六)-全面详解（学习总结---从入门到深化）
目录 回到顶部 Swiper轮播图 jQuery源码_立即执行函数 jQuery源码_链式调用 jQuery源码_参数重载 jQuery扩展 回到顶部 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compati…...
day60
choice参数 1.引入 以一张信息表为例 性别 学历 工作经验 是否婚配 是否生子 客户来源 ... 针对某个可以列举完全的可能性字段，我们应该如何存储 只要某个字段的可能性时列举完全的，那么一般情况下都会采用choice参数 2.数据准备 from random imp…...
thingsboard的WebSocket API的使用
1、参考文档 Working with telemetry data | ThingsBoard Community Edition 2、订阅的命令 我们需要订阅不同的数据，那么该如何来填写参数呢，你需要参考后端代码 TelemetryPluginCmdsWrapper 以及订阅返回的结果参考类：TelemetrySubscriptionUpdate 链接地址： https:/…...
03-数据类型、sizeof 运算符、标识符、scanf 输入
1. 数据类型 sizeof 运算符目标：会查看变量、类型占用内存大小 每种数据类型，都有自己固定的占用内存大小和取值范围。语法 1：sizeof(变量名)int a 10; printf("%llu\n", sizeof(a));//sizeof(a) 获取 a 变量占用内存大小。可…...
FakeLocation终极指南：重新掌控你的Android位置隐私
FakeLocation终极指南：重新掌控你的Android位置隐私 【免费下载链接】FakeLocation Xposed module to mock locations per app. 项目地址: https://gitcode.com/gh_mirrors/fak/FakeLocation 在数字时代，位置隐私已成为智能手机用户最关心的问题之…...
Qwen3.5-2B部署教程：HTTPS反向代理配置（Nginx）+域名访问企业内网方案
Qwen3.5-2B部署教程：HTTPS反向代理配置（Nginx）域名访问企业内网方案 1. 项目概述 Qwen3.5-2B是一款20亿参数的轻量级多模态大语言模型，专为企业内网部署优化设计。该模型支持轻量对话、文案创作、多语言翻译、基础代码生成等功能…...
Audiveris编辑器使用技巧：5种方法快速修正识别错误
Audiveris编辑器使用技巧：5种方法快速修正识别错误 【免费下载链接】audiveris Latest generation of Audiveris OMR engine 项目地址: https://gitcode.com/gh_mirrors/au/audiveris Audiveris作为一款强大的光学音乐识别（OMR）引擎&a…...
嵌入式AI新选择：将Phi-4-mini-flash-reasoning推理集成到STM32开发流程
嵌入式AI新选择：将Phi-4-mini-flash-reasoning推理集成到STM32开发流程 1. 嵌入式AI的机遇与挑战 在智能家居和工业物联网快速发展的今天，嵌入式设备正面临前所未有的智能化需求。传统开发方式中，控制逻辑和决策规则往往需要工程师手动编写…...
AIGC求职实战指南：从Transformer到扩散模型，系统构建面试知识体系
1. 项目概述：一本面向AIGC求职者的实战指南最近几年，AIGC（人工智能生成内容）领域的热度可以说是现象级的。从Midjourney、Stable Diffusion在图像生成领域的惊艳表现，到ChatGPT、Claude等大语言模型彻底改变了人机交互…...
神经网络基础：从 RNN 的局限到 Transformer 的巅峰
前言 在第一课和第二课中，我们掌握了全连接网络和卷积网络（CNN）。全连接层擅长处理静态特征，卷积层擅长处理空间特征（图像）。 然而，当面对序列数据（如一句话、一段音频）…...
开源规则引擎Ruler：解耦复杂业务逻辑的声明式编程实践
1. 项目概述与核心价值最近在折腾一些文档处理和自动化流程，发现一个挺有意思的开源项目，叫intellectronica/ruler。乍一看名字，你可能会联想到“尺子”或者“规则”，没错，它的核心功能就是帮你定义和执行一系列规则&a…...
开源代码审计工具opencode：基于异常检测的智能安全扫描实践
1. 项目概述：一个开源代码审计与异常检测工具最近在跟几个做安全开发的朋友聊天，大家普遍提到一个痛点：项目大了，代码库动辄几十万行，每次上线前的人工代码审计（Code Review）都像大海捞针&#…...
owl4ce/dotfiles双主题切换：从机械风到艺术风的完美转换
owl4ce/dotfiles双主题切换：从机械风到艺术风的完美转换 【免费下载链接】dotfiles :cherry_blossom: Aesthetic OpenboxWM Environment 项目地址: https://gitcode.com/gh_mirrors/dotfiles8/dotfiles owl4ce/dotfiles是一个专为OpenboxWM打造的美学环境配置…...