群聊前选择患者功能的实现
和普通群聊不同,开启一个图文会话聊天,必须先选择患者、团队、医生。
原来是集成到腾讯IM当中,现在需要单独写一个页面
原来的代码在这里:
const handleShow = () => {uni.navigateTo({url: '/pageB/active-home/active-home'})};
是否挪动一个位置呢 引入IM后代码体积大,不满足微信小程序要求,所以得分包。
另外一个问题是 原来用的vant,我觉得重了。干脆逐步换掉它。
步骤条实现:
<template><view class="content"><van-steps :steps="steps" :active="activeIndex" @change="handleChange"><template v-for="(step, index) in steps" :key="index"><van-step title="aa" :description="step.description" @next="handleNext(index + 1)"></van-step></template></van-steps><view class="contentItem"><view v-if="activeIndex === 0"><!-- <van-search placeholder="请输入患者" v-model="searchText" shape="round" @search="onSearch" /> --><uni-search-bar @confirm="onSearch" :focus="true" v-model="searchText" @blur="blur" @focus="focus"@input="input" @cancel="cancel" @clear="clear"></uni-search-bar><van-checkbox-group :value="result" @change="onChange"><van-cell-group><van-cell v-for="(item, index) in patients" :key="index" :title="item.patientName":label="item.disease"><van-checkbox :name="item.id" class="cell_checkbox" /></van-cell></van-cell-group></van-checkbox-group></view><view v-if="activeIndex === 1">...</view><view v-if="activeIndex === 2">...</view><van-row><van-col span="12"><van-button @click="handlePrevious" :disabled="activeIndex === 0" shape="round" block="true"size="small">上一步</van-button></van-col><van-col span="12"><van-button v-if="activeIndex !== steps.length - 1" @click="handleNext" shape="round" type="primary"block size="small">下一步</van-button><van-button v-if="activeIndex === steps.length - 1" @click="handleCreateMeet" shape="round"type="primary" block size="small">新建活动</van-button></van-col></van-row><van-dialog use-slot title="新建活动信息" :show="show" show-cancel-button @close="onClose_dialog"@confirm="createActivity"><van-cell-group><van-field value="" placeholder="请输入活动名" :border="false" @change="onChange_meetName" /></van-cell-group></van-dialog></view>
</template>
这个Vue模板定义了一个具有多个步骤的表单界面,通常用于引导用户逐步完成一系列任务或填写信息。界面使用了uniapp框架和Vant UI库中的组件。下面是对模板中各个部分的解释说明:
- 步骤条 (
<van-steps>
):- 显示一个步骤条,通过
:steps="steps"
绑定步骤数据,:active="activeIndex"
表示当前激活的步骤。 @change="handleChange"
监听步骤变化事件。- 内部的
<template v-for="...">
循环用于渲染每个步骤的具体内容,但在这个例子中,步骤的具体内容似乎没有在循环中自定义,而是统一使用了<van-step>
组件的默认内容(标题被硬编码为"aa")。
- 显示一个步骤条,通过
- 搜索栏和日历 (
<uni-search-bar>
和<van-calendar>
):- 当
activeIndex === 0
时,显示搜索栏(<uni-search-bar>
),这是一个uniapp提供的搜索组件,用于搜索患者。 - 同时显示一个日期选择器(
<van-calendar>
),类型为范围选择(type="range"
),用于选择日期区间。 - 搜索栏和日历下方是一个复选框组(
<van-checkbox-group>
),用于选择患者和疾病。
- 当
- 团队选择 (
<van-radio-group>
):- 当
activeIndex === 1
时,显示一个单选按钮组(<van-radio-group>
),用于从团队列表中选择一个团队。 - 每个选项都是一个
<van-cell>
,内部包含一个<van-radio>
。
- 当
- 医生选择 (
<van-checkbox-group>
):- 当
activeIndex === 2
时,显示另一个复选框组,用于从医生列表中选择医生。 - 每个选项显示医生的用户名和职位。
- 当
- 导航按钮 (
<van-button>
):- 在底部,有两个按钮:“上一步”和“下一步”(或“新建活动”,如果是最后一步)。
- “上一步”按钮在第一步时被禁用。
- “下一步”按钮在最后一步时变为“新建活动”按钮。
- 对话框 (
<van-dialog>
):- 显示一个对话框,用于输入新建活动的信息。
- 对话框内有一个输入框(
<van-field>
),用于输入活动名称。 - 对话框有取消和确认按钮,分别触发
onClose_dialog
和createActivity
方法。
搜索框实现:
搜索组件在uni扩展组件当中。ps:uni-app
<uni-search-bar @confirm="onSearch" :focus="true" v-model="searchText" @blur="blur" @focus="focus" @input="input"@cancel="cancel" @clear="clear"></uni-search-bar>...onSearch(searchText) {this.getAllPatinet(searchText.value)},// 获取患者信息getAllPatinet(searchText) {uni.request({url: loginRequest.baseURL + 'getAllPatient',method: 'POST',data: {doctorId: wx.getStorageSync("userInfo").id,searchText: searchText},header: {'auth-token': wx.getStorageSync("token")},success: (res) => {if (res.data.code === 200) {this.patients = res.data.data} else {uni.showToast({title: res.data.msg,duration: 300})}}});},
实现选择患者功能:
<view class="uni-list"><checkbox-group @change="checkboxChange"><label class="uni-list-cell uni-list-cell-pd" v-for="item in patients" :key="item.id"><view><checkbox :value="item.id" :checked="isSelected(item.id)" /></view><view>{{item.patientName}}--{{item.disease}}</view></label></checkbox-group></view>...data() {return {steps: [{text: '选择患者',description: '请选择您的患者信息',},{text: '选择团队',description: '请选择您的团队信息',},{text: '选择专家',description: '请选择您的专家信息',},],activeIndex: 0, // 初始步骤索引searchText: '',patients: [],doctors: [],// result: [],result_doctor: [], //选中的医生date: '',show: false,result_group: [], // 用于存储选中的值 groupdoctorGroups: [],memberList: [],//用于展示对话框meetName: null,teamList: [],postList: [],selectedPatientIds: [], // 存储选中的患者ID}},.....checkboxChange(e) {// 更新选中的患者ID数组this.selectedPatientIds = e.detail.value;},isSelected(id) {// 检查某个患者ID是否被选中return this.selectedPatientIds.includes(id);},
代码说明:
代码片段中,展示了一个Vue组件的模板部分和数据逻辑部分,主要用于处理一个患者选择界面的功能。
模板部分 (<template>
)
<view class="uni-list">
:定义了一个容器,用于包裹整个复选框组。<checkbox-group @change="checkboxChange">
:定义了一个复选框组,当组内复选框的选中状态发生变化时,会触发checkboxChange
方法。<label>
:每个label
代表一个患者选项,通过v-for
指令遍历patients
数组生成。<checkbox :value="item.id" :checked="isSelected(item.id)" />
:复选框,其value
属性绑定到患者的id
,checked
属性根据isSelected(item.id)
方法的返回值来确定是否选中。<view>{{item.patientName}}--{{item.disease}}</view>
:显示患者的姓名和疾病信息。
数据逻辑部分 (data
和 methods
)
data()
:定义了组件的数据属性,其中patients
数组存储了所有患者的信息,selectedPatientIds
数组用于存储当前选中的患者ID。checkboxChange(e)
:当复选框组的选中状态发生变化时,此方法会被调用。它通过e.detail.value
获取到所有被选中的复选框的value
值(即患者ID),并将这些ID存储到selectedPatientIds
数组中。isSelected(id)
:此方法用于检查某个特定的患者ID是否已经被选中。它通过判断selectedPatientIds
数组是否包含该ID来实现。
工作流程
- 用户看到患者列表,每个患者旁边都有一个复选框。
- 用户可以通过点击复选框来选择或取消选择患者。
- 当用户选择或取消选择患者时,
checkboxChange
方法被触发,更新selectedPatientIds
数组。 isSelected
方法用于在模板中动态地显示复选框的选中状态。
注意点
- 确保
patients
数组在组件创建或某个适当的时机被正确初始化,并包含所有需要显示的患者信息。 selectedPatientIds
数组应该是一个响应式属性,以便Vue能够检测到其变化并更新DOM。isSelected
方法通过检查selectedPatientIds
数组来返回复选框的选中状态,这是Vue中处理这类问题的常见模式。
还没测试,有点担心反复进入的时候,状态是否应该清除的问题,这个要测试。今天晚了 明天把选择团队及医生补充上~~~~
附:我们全局变量用的下面文章中第一种方式
ps:uniapp:实现全局变量的几种方式
相关文章:
群聊前选择患者功能的实现
和普通群聊不同,开启一个图文会话聊天,必须先选择患者、团队、医生。 原来是集成到腾讯IM当中,现在需要单独写一个页面 原来的代码在这里: const handleShow () > {uni.navigateTo({url: /pageB/active-home/active-home})}…...
目标检测,图像分割,超分辨率重建
目标检测和图像分割 目标检测和图像分割是计算机视觉中的两个不同任务,它们的输出形式也有所不同。下面我将分别介绍这两个任务的输出。图像分割又可以分为:语义分割、实例分割、全景分割。 语义分割(Semantic Segmentation)&…...
关于 EKS Bottlerocket AMI 版本与 Karpenter 配置的说明
问题1: Bottlerocket AMI 版本问题 之前,后端团队发现在使用 Bottlerocket v1.26.2 AMI 版本时,存在某些问题。经过 Bottlerocket 团队调查,此行为是罕见的 race condition 导致的结果。 我们在环境中重现了此状况,并且关注到由于 kubelet device manager 的启动时间晚于 NVI…...
安全设备-日志审计-网络路由配置
1 网络设置 菜单项‘网络’‘网络设置’子项。进入网卡列表展示页面。点击操作列‘编辑’图标,可编辑对应网卡信息。 图11-1 网卡信息 设备接口的 GE0/1 接口IP:192.168.0.1子网掩码:255.255.255.0 图11-2 配置网卡 1 IP地址2 子网掩码3 主机DNS4 备份DNS 2 通…...
Linux服务器生成SSH 密钥对与 GitLab 仓库进行交互
目录 生成 SSH 密钥对 将公钥添加到 GitLab 测试 SSH 连接 生成 SSH 密钥对 在执行脚本的机器上打开终端,执行以下命令(假设使用默认的 RSA 算法,一路回车使用默认设置即可,也可以根据需要指定其他算法和参数)&…...
react 的路由功能
1. 安装依赖 pnpm add react-router-dom 2. 基本的路由设置(BrowserRouter) 在 main.tsx 入口文件中使用BrowserRouter组件来包裹整个应用。它会监听浏览器的 URL 变化。 import { StrictMode } from "react";import { createRoot } from …...
vscode python code runner执行乱码
打开vscode code runner插件配置,如图所示: 然后在setting.json修改运行python的默认命令: 将原来 替换成 "python":"set PYTHONIOENCODINGutf8 && python", 参考:Vscode——python环境输出中文乱…...
Element UI 打包探索【3】
目录 第九个命令 node build/bin/gen-cssfile gulp build --gulpfile packages/theme-chalk/gulpfile.js cp-cli packages/theme-chalk/lib lib/theme-chalk 至此,dist命令完成。 解释why Element UI 打包探索【1】里面的why Element UI 打包探索【2】里面…...
windows使用docker安装centos7
参考文章:docker容器安装CentOS7.9 需要指出来的步骤 2.5 安装常用工具及ssh服务 由于centos7不维护,需要更换镜像源才能正常使用yum install命令安装 更换镜像源文章:CentOS 7配置yum镜像源 2.9Xshell远程连接docke_centos7.9 文章没有指…...
写一个流程,前面的圆点和线,第一个圆上面没有线,最后一个圆下面没有线
上图 最近写类似于这种的还挺多的,记录一下css方法 遍历列表之后 <div class"item" v-for"(item,index) in recordList"> 加这样一个盒子 <div class"timeline"> <div class"line1" v-if"index ! 0&…...
Javascript Insights: Visualizing Var, Let, And Const In 2024
11/2024 出版 MP4 |视频:h264, 19201080 |音频:AAC,44.1 KHz 语言:英语 |大小: 2.96 GB |时长: 5 小时 34 分钟 为所有认真的 JavaScript 开发人员可视化与 VAR、LET、CONST 和 EXECUTON CONTE…...
【工具】AI 工具集整理推荐
ai工具集 我私人使用了一段时间,效果不错,有很多AI工具,可以提升工作的效率。...
如何通过终端连接无线网
1 先连接对方服务器 ssh root192.168.3.219 # root是用户名字 192.168.3.219是对方的ip地址2 开启 WiFi:输入sudo nmcli r wifi on,开启系统的无线网络功能 sudo nmcli r wifi on3 扫描附近的 WiFi 热点:执行sudo nmcli dev wifi&#x…...
elasticsearch报错fully-formed single-node cluster with cluster UUID
1.问题描述 k8s集群内部署的es中间件起不来,查看日志发现如下警告,节点发现功能开启,但是目前我是单节点服务,所以尝试编辑sts将节点发现功能去掉或者在部署时将你的sts的yaml文件和chart文件修改重新部署以去掉该功能 {"t…...
前端 vue3 + element-plus + ts 对话框示例
【父组件】:SampleInput.vue,局部代码片段 引入子组件 ApplyItemChooseDialog.vue,定义变量,用于渲染和显示标识 <script>片段代码 import ApplyItemChooseDialog from "/views/accept/ApplyItemChooseDialog.vue&q…...
南京移动“智慧+关怀”服务体系助力老年群体生活安全有保障
在数字化浪潮汹涌澎湃的当下,江苏移动南京分公司秉持“人民邮电为人民”的服务理念,推出一系列创新服务举措,为社区老年群体提供贴心、便捷的数字服务,让老人在享受科技发展成果的同时,感受到社会的温暖与关怀。 贴心…...
Elasticsearch 安全特性讲解与使用
Elasticsearch安全特性讲解与使用指南 1. Elasticsearch概览1.1 简介1.2 应用场景1.3 核心特性2. Elasticsearch安全特性2.1 安全性的重要性2.2 权限控制用户身份验证角色管理访问控制列表(ACL)2.3 数据加密数据传输加密数据静态加密2.4 审计日志2.5 IP筛选2.6 案例分析案例背景…...
第12章 手写Spring MVC
第十二章 手写Spring MVC 12.1 基本结构搭建 12.1.1 创建Maven模块 12.1.2 引入Servlet依赖 <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0"xmlns:xsi"http://www.w3.org/2001/XM…...
C#基础31-35
31.已知学生的记录由学号和学习成绩构成,N名学生的数据已存入student数组中。找出成绩最低的学生记录(假定最低成绩的记录是唯一的)并输出。 32.在键盘上任意输入一个字符串,该字符串全部由英文字母组成,把字符串中的最后一个字符的ASCII值右移4位后加最后第二个字符的ASCII…...
GPT相关的学术库——收藏更新自用
GOT-OCR2.0 General OCR Theory: Towards OCR-2.0 via a Unified End-to-end Model https://github.com/Ucas-HaoranWei/GOT-OCR2.0/tree/main ChatPaper 工具名称工具作用是否在线?在线预览备注ChatPaper通过ChatGPT实现对论文进行总结,帮助科研人进…...
速度革命:esbuild如何改变前端构建游戏 (1)
什么是 esbuild? esbuild 是一款基于 Go 语言开发的 JavaScript 构建打包工具,以其卓越的性能著称。相比传统的构建工具(如 Webpack),esbuild 在打包速度上有着显著的优势,能够将打包速度提升 10 到 100 倍…...
AR商业化的“AI转身”
AI会不会是AR厂商良药? 作者|周立青 编辑|杨舟 11月,国内“AR四小龙”之一的Rokid举办了新品发布会,在发布会的同步直播间,出现了一条不合时宜的“什么时候发去年的工资”的评论。 “公司确实没有给我们发2023年的十三薪和年终…...
Python 中的装饰器是什么?
装饰器是Python中一种非常强大的功能,它允许你在不修改原始函数代码的前提下,增加额外的功能或改变函数的行为。 装饰器本质上是一个接受函数作为参数的函数,并返回一个新的函数。 通过装饰器,我们可以轻松地实现诸如日志记录、…...
jupyter notebook的 markdown相关技巧
目录 1 先选择为markdown类型 2 开关技巧 2.1 运行markdown 2.2 退出markdown显示效果 2.3 注意点:一定要 先选择为markdown类型 3 一些设置技巧 3.1 数学公式 3.2 制表 3.3 目录和列表 3.4 设置各种字体效果:加粗,斜体&#x…...
oracle 创建只可以查询权限用户+sqldeveloper如何看到对应表
声明 申明部分是从其他csdn用户哪里复制的,只是自己操作后发现无法达到我最后的预期,所以关闭忘记是看的那篇了,如果有侵权请见谅,联系我删除谢谢。 好了,故事的开始是我最近删投产表了。没错职业黑点,清…...
化工行业 FMEA 与安全生产的关系
【大家好,我是唐Sun,唐Sun的唐,唐Sun的Sun。】 在化工行业这个充满复杂性和潜在危险的领域中,确保安全生产是至关重要的目标。失效模式及影响分析(FMEA)作为一种有效的风险管理工具,在保障化工行…...
前端node.js
一.什么是node.js 官网解释:Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。 二.初步使用node.js 需要区分开的是node.js和javascript互通的只有console和定时器两个API. 三.Buffer Buffer 是一个类似于数组的 对象,用于表示固定长度的字节序列。Buffer…...
深度学习:GPT-2的MindSpore实践
GPT-2简介 GPT-2是一个由OpenAI于2019年提出的自回归语言模型。与GPT-1相比,仍基于Transformer Decoder架构,但是做出了一定改进。 模型规格上: GPT-1有117M参数,为下游微调任务提供预训练模型。 GPT-2显著增加了模型规模&…...
Java线程池详解:从基础到实践
Java线程池详解:从基础到实践 在现代多线程编程中,线程池是一个非常重要的工具。它能帮助开发者更高效地管理线程资源,避免频繁创建和销毁线程导致的性能损耗,并提供更灵活的任务调度机制。本文将详细讲解线程池相关知识…...
A*(A-star)算法
概述 A*(A-star)算法是一种在图中寻找从初始节点到目标节点最短路径的启发式搜索算法。它结合了Dijkstra算法的确保性(保证找到一条最短路径)和贪心算法的高效性(快速找到目标)。A*算法通过评估函数f(n) …...
计算机类大厂实习春招秋招开发算法面试问答练习题
计算机类大厂实习春招秋招开发算法面试问答练习题 下面有十个非常重要且常问,面试者却注意不到的问题,我们一个个来看,一个个来学。 线程创建到删除过程中,底层是怎么实现的 1.线程创建 线程创建是线程生命周期的起点。在操作系统中,线程可以通过多种方式创建,但无论哪…...
C++ 11重点总结1
智能指针 智能指针: C11引入了四种智能指针: auto_ptr(已弃用)、unique_ptr、shared_ptr和weak_ptr。智能指针可以更有效地管理堆内存,并避免常见的内存泄漏问题。 shared_ptr: 自定义删除器。 shared_ptr使用引用计数来管理它指向的对象的生命周期。多个shared_ptr实例可以指向…...
Java异常
目录 一、异常的层次结构 1.1、Throwable 1.2、Error(错误) 1.3、Exception(异常) 运行时异常 非运行时异常 (编译异常) 1.4、可查的异常(checked exceptions)和不可查的异常…...
《热带气象学报》
《热带气象学报》创刊于1984年,前身为《热带气象》,1993年更名为《热带气象学报》,是广东省气象局主管,中国气象局广州热带海洋气象研究所主办的中文学术期刊。 本刊坚持“热带气象”的办刊特色,主要刊登:…...
解决docker不加载 /etc/docker/daemon.json文件的问题
文章目录 问题起源解决方案问题反思 问题起源 如题,最近在ubuntu24.04-LTS-server安装docker时,安装成功后设置源来设置镜像。 设置完成功拉取镜像,我就关机下次使用。 但是当我重启发现呢,镜像都不在了,但是由于网络…...
数据结构(初阶7)---七大排序法(堆排序,快速排序,归并排序,希尔排序,冒泡排序,选择排序,插入排序)(详解)
排序 1.插入排序2.希尔排序3.冒泡排序4.选择排序(双头排序优化版)5.堆排序6.快速排序1). 双指针法2).前后指针法3).非递归法 7.归并排序1).递归版本(递归的回退就是归并)2).非递归版本(迭代版本) 计算机执行的最多的操作之一就有排序,排序是一项极其重要的技能 接下…...
题解 洛谷 Luogu P1182 数列分段 Section II 二分答案 C/C++
题目传送门: P1182 数列分段 Section II - 洛谷 | 计算机科学教育新生态https://www.luogu.com.cn/problem/P1182思路: 二分答案,每次以区间 [l, r] 中点 m 为每段和的阈值 判断在此前提下,划分段数是否不大于 M 是就记录答案…...
鸿蒙心路旅程:从实践到创新——开发者的深度技术分享
目录 1. 引言:成为HarmonyOS NEXT开发者的动机 2. 项目初始化与架构设计:从零开始的技术规划 2.1 DevEco Studio的配置与项目初始化 2.2 分层架构设计 3. 分布式应用设计:挑战与解决方案 3.1 分布式架构设计:分布式软总线 …...
elementUI非常规数据格式渲染复杂表格(副表头、合并单元格)
效果 数据源 前端代码 (展示以及表格处理/数据处理) 标签 <el-table :data"dataList" style"width: 100%" :span-method"objectSpanMethod"><template v-for"(item, index) in headers"><el-table-column prop"…...
mysl数据库(八)事务、三种读现象
事务、三种读现象 文章目录 事务、三种读现象一、事务介绍二、事务的使用三、三种读现象 一、事务介绍 事务是mysql的一种机制,一个事务里可以包含多条sql语句。执行事务相当于拍了一张快照,在事务执行完提交以前可以回滚至最初的状态,当然事…...
【DVWA】File Inclusion文件包含实战
安能有术无道有道无心,乐得仁心仁义正心行道。 1.File Inclusion(Low) 相关代码分析 <?php// The page we wish to display $file $_GET[ page ];?>可以看到,服务器端对page参数没有做任何的过滤跟检查。 服务器期望用户的操作是点击下面的…...
(免费送源码)计算机毕业设计原创定制:Java+ssm+JSP+Ajax SSM棕榈校园论坛的开发
摘要 随着计算机科学技术的高速发展,计算机成了人们日常生活的必需品,从而也带动了一系列与此相关产业,是人们的生活发生了翻天覆地的变化,而网络化的出现也在改变着人们传统的生活方式,包括工作,学习,社交…...
异常处理(4)throws
异常处理(4) throws 前言:运行时异常(RuntimeException)或它的子类可以不做处理,因为这类异常很普遍,若全部处理,可能会对程序的可读性和运行效率产生影响。此外,即使不使…...
点云欧式聚类,条件欧式聚类算法原理及推导
点云欧式聚类算法数学推导 点云欧式聚类(Euclidean Clustering for Point Clouds)是点云处理中常用的一种无监督聚类方法。它基于欧式距离将点云中的点划分为多个簇,常用于分割、目标检测等任务。以下是算法的数学推导和实现原理。 问题定义…...
每日十题八股-2024年11月27日
1.类型互转会出现什么问题吗? 2.为什么用bigDecimal 不用double ? 3.装箱和拆箱是什么? 4.Java为什么要有Integer? 5.Integer相比int有什么优点? 6.那为什么还要保留int类型? 7.说一下 integer的缓存 8.怎么…...
C++虚函数面试题及参考答案
什么是虚函数?它的作用是什么? 虚函数是在基类中使用关键字 virtual 声明的成员函数。当在派生类中重写(override)这个函数时,会根据对象的实际类型来调用相应的函数版本,而不是仅仅根据指针或引用的类型来…...
如何搭建C++环境--1.下载安装并调试Microsoft Visual Studio Previerw(Windows)
1.首先,打开浏览器 首先,搜索“Microsoft Visual Studio Previerw” 安装 1.运行VisualStudioSetup (1).exe 无脑一直点继续 然后就到 选择需要的语言 我一般python用pycharm Java,HTML用vscode(Microsoft Visual Studio cod…...
大数据新视界 -- Hive 函数应用:复杂数据转换的实战案例(下)(12/ 30)
💖💖💖亲爱的朋友们,热烈欢迎你们来到 青云交的博客!能与你们在此邂逅,我满心欢喜,深感无比荣幸。在这个瞬息万变的时代,我们每个人都在苦苦追寻一处能让心灵安然栖息的港湾。而 我的…...
深入理解 TypeScript:联合类型与交叉类型的应用
在 TypeScript 的世界里,类型系统是核心特性之一,它提供了强大的工具来帮助开发者编写更安全、更可靠的代码。今天,我们将深入探讨 TypeScript 中的两个高级类型特性:联合类型(Union Types)和交叉类型&…...
fiddler抓包工具与requests库构建自动化报告
一. Fiddler 抓包工具 1.1 Fiddler 工具介绍和安装 Fiddler 是一款功能强大的 HTTP 调试代理工具,能够全面记录并深入检查您的计算机与互联网之间的 HTTP 和 HTTPS 通信数据。其主界面布局清晰,主要包含菜单栏、工具栏、树形标签栏和内容栏。 1.2 Fid…...