当前位置：首页 > news >正文

微信小程序 - 模版语法

news 来源：原创 2025/7/4 22:56:38

声明和绑定数据

小程序页面中使用的数据均需要在 Page() 方法的 data 对象中进行声明定义

在将数据声明好以后，需要在 WXML 中绑定数据，数据绑定最简单的方式是使用 Mustache 语法（双大括号）将变量包起来。
在 {{ }} 内部可以做一些简单的运算，支持如下几种方式：

算数运算
三元运算
逻辑判断
其他…

注意事项：

在 {{ }} 语法中，只能写表达式，不能写语句，也不能调用 js 相关的方法

定义数据：

Page({// 页面的初始数据data: {num: 1}// coding...
}

使用数据：

pages/index/index.wxml

<!-- 如果需要展示数据，在 wxml 中需要使用双大括号写法将变量进行包裹 --><!-- 展示内容 -->
<view>{{ school }}</view>
<view>{{ obj.name }}</view><!-- 绑定属性值，如果需要动态绑定一个变量，属性值也需要使用双大括号进行包裹 -->
<view id="{{ id }}">绑定属性值</view><!-- 如果属性值是布尔值，也需要使用双大括号进行包裹 -->
<checkbox checked="{{ isChecked }}" /><!-- 算术运算 -->
<view>{{ id + 1 }}</view>
<view>{{ id - 1 }}</view><!-- 三元运算 -->
<view>{{ id === 1 ? '等于' : '不等于' }}</view><!-- 逻辑判断 -->
<view>{{ id === 1 }}</view><!-- 在双大括号写法内部，只能写表达式，不能写语句，也不能调用 js 的方法 -->
<!-- <view>{{ if (id === 1) {} }}</view> -->
<!-- <view>{{ for (const i = 0; i <= 10; i++) {} }}</view> -->
<view>{{ obj.name.toUpperCase() }}</view>

pages/index/index.js

// index.js
Page({// 在小程序页面中所需要使用的数据均来自于 data 对象data: {id: 1,isChecked: false,school: '尚硅谷',obj: {name: 'tom'}}})

声明和修改数据

小程序中修改数据并不能直接进行赋值，而是要通过调用 this.setData 方法才能实现

将需要修改的数据以 key:value 的形式传给 this.setData 方法。

this.setData 方法有两个作用：

更新数据
驱动视图更新

Page({// 页面的初始数据data: {num: 1},updateNum() {this.setData({// key 是需要修改的数据// value 是最新值num: this.data.num + 1})}// coding...
}

setData-修改对象类型数据

在实际开发中，我们经常会在 data 中声明对象类型的数据，小程序中通过调用 setData 方法可以修改页面的数据，包括对象类型的数据。下面是修改对象类型数据的方法：

定义一个对象

Page({// 定义页面中使用的数据data: {userInfo: {name: 'Tom',age: 10,gender: '男'}}
}

修改对象中的单个属性：

this.setData({'userInfo.name': 'Jerry'
})

修改对象中的多个属性

// 修改对象中的多个属性
this.setData({'userInfo.name': 'Jerry','userInfo.age': 100
})

使用 ES6 的展开运算符

在修改对象类型的数据时，可以使用 ES6 的展开运算符先复制对象，然后利用新值对旧值覆盖的方式修改
```
const userInfo = {...this.data.userInfo,name: 'Jerry',age: 100
}// 修改对象中的多个属性
this.setData({userInfo
})
```

使用解构赋值修改对象属性

在修改对象类型的数据时，可以使用解构赋值来修改对象属性

// 将 userInfo 从 data 中进行解构
const { userInfo } = this.data
// 产生一份新数据
const newUserInfo = {...userInfo,name: 'Jerry',age: 100
}
// 修改对象中的多个属性
this.setData({userInfo: newUserInfo
})

使用 Object.assign 方法合并对象

在修改对象类型的数据时，可以使用 Object.assign 方法将多个对象合并为一个对象

// 使用 Object.assign 方法将多个对象合并为一个对象
const userInfo = Object.assign(this.data.userInfo, { name: 'Jerry' },{ age: 100 }
)// 修改对象中的多个属性
this.setData({userInfo
})

删除对象中的属性

在删除对象中的属性时，不能使用 delete 操作符，因为小程序的数据绑定机制不支持监听 delete 操作

// 使用展开运算符拷贝一份数据，产生一个新对象
const newUser = { ...this.data.userInfo }
// 使用 delete 删除新对象中的属性
delete newUser.agethis.setData({// 将新的对象进行赋值userInfo: newUser
})

注意事项：

小程序的数据绑定机制只能监听到 setData 方法中修改的数据，无法监听到直接删除属性的操作，所以在删除对象属性时，需要先将对象复制一份再进行操作，然后再调用 setData 方法更新数据。

setData-修改数组类型数据

数组类型数据也是经常会使用的数据格式之一，下面是修改数组类型数据的方法：

定义一个数组

Page({// 定义页面中使用的数据data: {animalList: ['Tom', 'Jerry', 'Spyke']}// coding...
}

使用数组的 concat 方法合并数组

在修改数组类型的数据时，可以使用数组的 concat 方法来合并数组

// 使用 concat 方法来合并数组
const newList = this.data.animalList.concat('Tyke')// 使用 setData 进行赋值
this.setData({animalList: newList
})

使用数组的 push 方法新增属性

在修改数组类型的数据时，可以使用数组的 push 方法来添加元素

// 使用数组的 push 方法来添加元素
this.data.animalList.push('Tyke')// 使用 setData 进行赋值
this.setData({animalList: this.data.animalList
})

使用 ES6 的展开运算符

在数组类型的数据时，可以使用 ES6 的展开运算符先复制数组，然后进行合并

// 使用 ES6 的展开运算符先复制数组，然后进行合并
const newList = [...this.data.animalList, 'Tyke']// 使用 setData 进行赋值
this.setData({animalList: newList
})

修改数组中某个元素的值：

利用索引的方式进行修改，但必须使用 wx:for 来进行渲染数组，否则会出现错误
```
this.setData({'animalList[2]': 'Tyke' 
})
```

-使用数组的 filter 方法删除元素

在修改数组类型的数据时，可以使用数组的 filter 方法来删除元素

// 使用数组的 filter 方法来删除元素
const newList = this.data.animalList.filter(item => item !== 'Tom')// 使用 setData 进行赋值
this.setData({animalList: newList
})

数据绑定-简易双向绑定

在 WXML 中，普通属性的绑定是单向的，例如：

<input value="{{ num }}" />

如果使用 this.setData 来更新 num ，num 和输入框的中显示的值都会被更新为值。但如果用户修改了输入框里的值，却不会同时改变 data 中的 num 。

如果需要在用户输入的同时也将 data 中的数据修改，需要借助简易双向绑定机制。此时可以在对应项目之前加入 model: 前缀即可，例如：

<input model:value="{{ value }}" />

如果使用 this.setData 来更新 num ，num 和输入框的中显示的值都会被更新为值。

如果输入框的值被改变了， data 的数据也会随着改变。

同时， WXML 中所有绑定了数据的位置也会被一同更新

注意事项：

简易双向绑定的属性值如下限制：

只能是一个单一字段的绑定，例如：错误用法：

尚不能写 data 路径，也就是不支持数组和对象，例如：错误用法：

落地代码：

<!-- 单向绑定：数据能够影响页面，但是页面更新不会影响到数据 -->
<!-- <input type="text" value="{{ value }}" /> --><!-- 双向绑定：数据能够影响页面，页面更新也能够影响数据 -->
<!-- 如果想实现简易双向绑定，需要再对应的属性之前添加 model: -->
<!-- <input type="text" model:value="{{ value }}" /> --><!-- 如果需要获取复选框的选中效果，需要给 checked 添加 model: -->
<checkbox model:checked="{{ isChecked }}" /> 是否同意该协议<!-- 注意事项1：属性值只能是一个单一字段的绑定 -->
<!-- <input type="text" model:value="值为 {{ value }}" /> --><!-- 注意事项2：属性值不能写数据路径，也就是不支持对象和数组 -->
<!-- <input type="text" model:value="{{ obj.value }}" /> -->

列表渲染-基本使用

基本使用：

列表渲染：就是指通过循环遍历一个数组或对象，将其中的每个元素渲染到页面上

只需要在组件上使用 wx:for 属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件

默认数组当前项的变量名默认为 item

默认数组的当前项的下标变量名默认为 index

在使用 wx:for 对数组进行遍历的时候，建议加上 wx:key 属性，如不提供 wx:key，会报一个 warning，如果明确知道该列表是静态，即以后数据不会改变，或者不必关注其顺序，可以选择忽略。

wx:key 的值以两种形式提供：

字符串：代表需要遍历的 array 中 item 的某个 property，该 property 的值需要是列表中唯一的字符串或数字，且不能动态改变
保留关键字 *this 代表在 for 循环中的 item 本身，当 item 本身是一个唯一的字符串或者数字时可以使用

当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重新排序，而不是重新创建，以确保使组件保持自身的状态，并且 提高列表渲染时的效率 。

注意事项：

在使用 wx:for 对数组进行遍历的时候，建议加上 wx:key 属性，否则控制台会报警告

落地代码：

<!-- 如果需要进行列表渲染，需要使用 wx:for 属性 -->
<!-- 属性值需要使用双大括号进行包裹 -->
<!-- 每一项的变量名默认是 item -->
<!-- 每一项下标（索引）的变量名默认是 index --><!-- 如果渲染的是数组，item：数组的每一项，index：下标 -->
<!-- <view wx:for="{{ numList }}">{{ item }} - {{ index }}</view> --><!-- 如果渲染的是对象，item：对象属性的值，index：对象属性 -->
<!-- <view wx:for="{{ obj }}">{{ item }} - {{ index }}</view> --><!-- ------------------------ 关于 Key --------------------------------- --><!-- wx:key 提升性能 -->
<!-- wx:key 的属性值不需要使用双大括号进行包裹，直接写遍历的数组 中 item 的某个属性 --><!-- wx:key 属性值有两种添加形式 -->
<!-- 字符串，需要是遍历的数组 中 item 的某个属性，要求该属性是列表中唯一的字符串或者数字，不能进行动态改变 -->
<view wx:for="{{ fruitList }}" wx:key="id">{{ item.name }}</view>
<view wx:for="{{ fruitList }}" wx:key="index">{{ item.name }}</view><!-- 保留关键字 *this，*this 代表的是 item 本身，item 本身是唯一的字符串或者数字 -->
<view wx:for="{{ numList }}" wx:key="*this">{{ item }}</view>

// profile.js
Page({data: {numList: [1, 2, 3],fruitList: [{ id: 1, name: '🍎', price: 66 },{ id: 2, name: '🍋', price: 77 },{ id: 3, name: '🍅', price: 88 }],obj: {name: 'tom',age: 10}}})

列表渲染-使用进阶

修改默认下标和变量名：
如果需要对默认的下标和变量名进行修改，可以使用 wx:for-item 和 wx:for-index

使用 wx:for-item 可以指定数组当前元素的变量名
使用 wx:for-index 可以指定数组当前下标的变量名

<view wx:for="{{ animal }}" wx:for-item="itemName" wx:for-index="i">{{ itemName.name }} - {{ itemName.avatar }} - {{ i }}
</view>

渲染多节点结构块：

如果需要渲染一个包含多节点的结构块，可以使用一个 <block/> 标签将多个组件包装起来

<block wx:for="{{ animal }}"><view><span>{{ item.name }}</span><span>{{ item.avatar }}</span></view>
</block>

注意：<block/> 并不是一个组件，它仅仅是一个包装元素，不会在页面中做任何渲染，只接受控制属性

条件渲染

知识点：

条件渲染主要用来控制页面结构的展示和隐藏，在微信小程序中实现条件渲染有两种方式：

使用 wx:if、wx:elif、wx:else 属性组
使用 hidden 属性

<view wx:if="{{condition}}"> True </view>

<view wx:if="{{length > 5}}"> 1 </view>
<view wx:elif="{{length > 2}}"> 2 </view>
<view wx:else> 3 </view

<view hidden="{{condition}}"> True </view>

wx:if 和 hidden 二者的区别：

wx:if ：当条件为 true 时将内容渲染出来，否则元素不会进行渲染，通过移除/新增节点的方式来实现
hidden ：当条件为 true 时会将内容隐藏，否则元素会显示内容，通过 display 样式属性来实现的

落地代码：

<!-- 使用 wx:if、wx:elif、wx:else 属性组控制元素的隐藏和控制 -->
<view wx:if="{{ num === 1 }}">num 等于 {{ num }}</view>
<view wx:elif="{{ num === 2 }}">num 等于 {{ num }}</view>
<view wx:else>大于 2</view><view hidden="{{ num !== 1 && num !== 2 && num !== 3 && num < 3}}">{{ num < 3 ? 'num 等于' + num : '大于 2' }}
</view><button type="primary" bindtap="updateNum">修改数据</button>

Page({// 页面的初始数据data: {num: 1},// 更新数据updateNum() {this.setData({num: this.data.num + 1})}// coding...
}

微信小程序 - 模版语法

声明和绑定数据小程序页面中使用的数据均需要在 Page() 方法的 data 对象中进行声明定义在将数据声明好以后，需要在 WXML 中绑定数据，数据绑定最简单的方式是使用 Mustache 语法（双大括号）将变量包起来。在 {{ }} 内部可以做…...

编程日记 2025/7/4 22:56:38

mapbox进阶，添加绘图扩展插件，裁剪线

👨‍⚕️ 主页： gis分享者 👨‍⚕️ 感谢各位大佬点赞👍 收藏⭐ 留言📝 加关注✅! 👨‍⚕️ 收录于专栏：mapbox 从入门到精通文章目录一、🍀前言1.1 ☘️mapboxgl.Map 地图对象1.2 ☘️mapboxgl.Map style属性1.3 ☘️MapboxDraw 绘图控件二、🍀添加绘图扩…...

编程日记 2025/7/5 3:57:40

Dav_笔记14：优化程序提示 HINTs -2

优化方法和目标的提示 ALL_ROWS和FIRST_ROWS（n）提示允许您在优化方法和目标之间进行选择。如果SQL语句具有指定优化方法和目标的提示，则优化程序将使用指定的方法，无论是否存在统计信息，OPTIMIZER_MODE初始化参数的值…...

编程日记 2025/7/2 18:08:48

ORA-00054: resource busy and acquire with NOWAlT specified or timeout expire 错误 ORA-00054: resource busy and acquire with NOWAIT specified or timeout expired 是 Oracle 数据库中常见的一个错误，通常发生在尝试获取一个已经被其他会话占用的资源时。这…...

编程日记 2025/7/4 15:52:33

ABB能源自动化选用宏集Cogent DataHub避免DCOM问题，实现高效、安全的数据传输

案例概况 ABB能源自动化公司通过宏集Cogent DataHub软件将电厂设施的数据实时传输到公司办公室，实现了OPC隧道/镜像解决方案，在电厂和公司网络之间建立了一个安全、可靠的连接，确保数据传输的高度安全，减少入侵风险。 &#xff0…...

编程日记 2025/7/4 11:46:10

IP地址有哪些类型？

IP地址是计算机网络中用来识别和查找设备的唯一标识符。根据其作用和使用范围，IP地址可分为以下几种类型： 1.局域网IP地址局域网IP地址又称内网IP地址，是局域网内用来识别和查找局域网设备的地址。局域网是一个相对较小的网络，…...

编程日记 2025/6/30 8:20:29

网络安全评估：保障设备与系统安全的关键

保障网络安全离不开对入网设备的安全评估，这种评估运用了多种技术和手段，对网络中的设备与系统进行详尽的检查。它能迅速发现并排除潜在的安全风险，对网络系统的安全稳定运行具有极其关键的作用。测评目的确保网络系统的安全与稳定是网络…...

编程日记 2025/7/5 3:37:18

一竞技瓦拉几亚S4预选:YB 2-0击败GG

在2月11号进行的PGL瓦拉几亚S4西欧区预选赛上,留在欧洲训练的YB战队以2-0击败GG战队晋级下一轮。双方对阵第二局:对线期YB就打出了优势,中期依靠卡尔带队进攻不断扩大经济优势,最终轻松碾压拿下比赛胜利,以下是对决战报。 YB战队在天辉。阵容是潮汐、卡尔、沙王、隐刺、发条。G…...

编程日记 2025/7/2 14:30:54

管式超滤膜分离技术在茶澄清浓缩领域的创新应用

管式超滤膜分离技术在茶澄清浓缩领域展现出广阔的前景，其独特优势和应用效果正逐渐改变着茶饮料行业的生产方式。以下是几个关键点，说明了这一技术为何具有如此积极的发展潜力： 1. 高效澄清与保留风味管式超滤膜具有高精度的过滤能力&#x…...

编程日记 2025/7/5 3:56:13

maven web项目如何定义filter

在 Maven Web 项目中定义一个 Servlet 过滤器（Filter），需要遵循 Java Servlet 规范，并利用 Maven 来管理项目结构和依赖。下面是如何在 Maven Web 项目中定义和配置一个过滤器的基本步骤： 1. 创建过滤器类首先&…...

编程日记 2025/7/2 2:33:21

如何在MacOS上查看edge/chrome的扩展源码

步骤进入管理扩展页面点击详细信息复制对应id在命令行键入 open ~/Library/Application Support/Microsoft Edge/Default/Extensions/${你刚刚复制的id} 即可打开访达中对应的更目录注意由于原生命令行无法直接处理空格 ,所以需要加转义符\,即：open ~/Librar…...

编程日记 2025/7/5 3:49:34

【学术投稿-2025年计算机视觉研究进展与应用国际学术会议 (ACVRA 2025)】CSS样式解析：行内、内部与外部样式的区别与优先级分析

简介 2025年计算机视觉研究进展与应用（ACVRA 2025）将于2025年2月28-3月2日在中国广州召开，会议将汇聚世界各地的顶尖学者、研究人员和行业专家，聚焦计算机视觉领域的最新研究动态与应用成就。本次会议将探讨前沿技术，…...

编程日记 2025/7/4 7:51:23

redis记录用户在线状态+活跃度

1.记录用户在线状态 redis的Bitmap记录用户在线状态使用一个大的Bitmap,每个bit位对应一个用户IDbit值1表示在线,0表示离线用户ID与bit位的映射关系: bit位置用户ID % bitmap容量具体实现: # 用户上线时,设置对应bit为1 SETBIT online_users {user_id} 1# 用户下线时,设…...

编程日记 2025/7/5 3:42:24

vmware安装win7

1、版本说明 vmware workstation 16 win7 X64 2、安装步骤安装步骤有点独特，先配置虚拟机，然后再虚拟机的虚拟光驱里添加下载的win7。配置完了之后，点击要运行的虚拟机，然后一直往下走就可以完成系统的安装。 3、配置系统以解…...

编程日记 2025/7/2 16:13:05

OpenAI推出的Computer Use智能体：Operator是什么

OpenAI推出的Computer Use智能体：Operator是什么是一款能像人一样与图形用户界面交互来操作计算机的AI智能体。以下是其核心原理及举例说明：核心原理感知：屏幕截图获取：利用高性能屏幕捕获模块，如基于WebRTC的截图技术，以极低延迟获取高清晰度页面图像，为后续分析…...

编程日记 2025/7/1 11:23:33

[FastAdmin] 上传图片并加水印,压缩图片

1.app\common\library\Upload.php 文件 upload方法 /*** 普通上传* return \app\common\model\attachment|\think\Model* throws UploadException*/public function upload($savekey null){if (empty($this->file)) {throw new UploadException(__(No file upload or serv…...

编程日记 2025/7/1 11:21:55

二、k8s项目的生命周期

项目的生命周期创建-----------》发布-----------》更新--------》回滚----------》删除 kubectl create deployment nginx1 --imagenginx:1.22 --replicas3 基于deployment控制器创建pod 控制器的名称是nginx1 pod使用的镜像:nginx:1.22 --replicas3 pod的数量有多少 3个…...

编程日记 2025/7/4 11:18:24

MySQL数据库入门到大蛇尚硅谷宋红康老师笔记基础篇 part 10

第10章_创建和管理表 DDL：数据定义语言。CREATE \ALTER\ DROP \RENAME TRUNCATE DML：数据操作语言。INSERT \DELETE \UPDATE \SELECT（重中之重） DCL：数据控制语言。COMMIT \…...

编程日记 2025/7/5 0:25:47

python自动化测试之Pytest框架之YAML详解以及Parametrize数据驱动!

一、YAML详解 YAML是一种数据类型，它能够和JSON数据相互转化，它本身也是有很多数据类型可以满足我们接口的参数类型，扩展名可以是.yml或.yaml 作用： 1.全局配置文件基础路径，数据库信息，账号信息&…...

编程日记 2025/7/4 10:44:44

deepseek的CoT优势、两阶段训练的有效性学习笔记

文章目录 1 DeepSeek的CoT思维链的优势1.2 open-r1的CoT训练数据1.3 ReAct任务与CoT任务适用场景 2 AI推理方向：deepseek与deepmind的两条路线的差异2.1 PRM与ORM的两大学派分支的差异2.2 DeepSeek-R1的两阶段训练概述 1 DeepSeek的CoT思维链的优势 DeepSeek跟之前…...

编程日记 2025/7/5 3:45:18

计算机网络-MPLS转发原理

在上一篇关于 MPLS 基础的文章中，我们了解了 MPLS 的基本概念、术语以及它在网络中的重要性。今天，我们将深入探讨 MPLS 转发的原理与流程，帮助大家更好地理解 MPLS 是如何在实际网络中工作的。一、MPLS 转发概述 MPLS 转发的本质是将数据…...

编程日记 2025/7/5 4:00:09

本地部署DeepSeek R1并搭建Web UI实现可视化交互的笔记

经过多天的挣扎和卸载了一些软件，终于下定决心在本地部署DeepSeek R1模型。部署和搭建过程非常简单和方便。一、下载Ollama 进入Ollama官方网站(https://ollama.com),进入下载下载Ollama页面（https://ollama.com/download） 根据电脑的操作…...

编程日记 2025/7/5 3:36:28

港中文腾讯提出可穿戴3D资产生成方法BAG，可自动生成服装和配饰等3D资产如，并适应特定的人体模型。

今天给大家介绍一种名为BAG（Body-Aligned 3D Wearable Asset Generation）的新方法，可以自动生成可穿戴的3D资产，如服装和配饰，以适应特定的人体模型。BAG方法通过构建一个多视图图像扩散模型，生成与人体对齐…...

编程日记 2025/7/3 13:46:56

JUC并发—1.Java集合包底层源码剖析

大纲 1.为什么要对JDK源码剖析 2.ArrayList源码一：基本原理以及优缺点 3.ArrayList源码二：核心方法的原理 4.ArrayList源码三：数组扩容以及元素拷贝 5.LinkedList源码一：优缺点和使用场景 6.LinkedList源码二：双…...

编程日记 2025/7/4 12:42:38

使用Java爬虫获取京东商品评论API接口（JD.item_review）数据

一、引言在电商领域，商品评论是用户决策的重要参考依据，也是商家优化产品和服务的重要数据来源。京东作为国内领先的电商平台，提供了丰富的API接口供开发者使用，其中JD.item_review接口可以获取商品的评论数据。通过这些数据&am…...

编程日记 2025/7/2 19:34:33

问卷数据分析|SPSS实操之单因素方差分析

适用条件： 检验分类变量和定量变量之间的差异分类变量数量要大于等于三具体操作： 1.选择分析--比较平均值--单因素ANOVA检验 2. 下方填分类变量，上方为各个量表数据Z1-Y2 3. 点击选项，选择描述和方差齐性检验 4.此处为结果数…...

编程日记 2025/7/3 19:06:02

【自然语言处理】TextRank 算法提取关键词、短语、句（Python源码实现）

文章目录一、TextRank 算法提取关键词 [工具包]二、TextRank 算法提取关键短语[工具包]三、TextRank 算法提取关键句[工具包]四、TextRank 算法提取关键句（Python源码实现） 一、TextRank 算法提取关键词 [工具包] 见链接【自然语言处理】TextRank 算法…...

编程日记 2025/7/3 1:13:07

Git的常用命令及常见问题处理方法

目录一、介绍二、常用 Git 命令1. 配置用户信息2. 初始化仓库3. 克隆远程仓库4. 查看状态5. 添加文件到暂存区6. 提交更改7. 查看提交历史8. 查看文件差异9. 查看分支10. 切换分支11. 合并分支12. 处理冲突13. 远程操作14. 标签管理15. 撤销操作三、常见问题处理方法1. 无法推…...

编程日记 2025/6/27 19:40:12

第6章 6.1 ASP.NET Core MVC 项目

6.1.1 ASP.NET Core MVC 项目的搭建进入VS环境，创建新的项目，选择【ASP.Net Core Web 应用（模型-视图-控制器）】如下图所示编写项目名称点击创建，进入项目后结构如下所示 wwwroot 文件夹为图片、JS、CSS等静态文件…...

编程日记 2025/7/4 18:41:37

ios通过xib创建控件

之前写过ios动态创建控件及添加事件，纯手工代码写控件，虽然比较灵活，但是就是代码量比较多。这次我们通过xib来创建app下载列表项 AppView.xib。一个imageview,一个label,一个button构成 1.创建AppView.xib 2.再创建xib对应的mode&#xff0…...

编程日记 2025/7/2 22:19:04

缓存组件＜keep-alive＞

缓存组件<keep-alive> 1.组件作用组件, 默认会缓存内部的所有组件实例，当组件需要缓存时首先考虑使用此组件。 2.使用场景场景1：tab切换时，对应的组件保持原状态，使用keep-alive组件使用：KeepAlive | Vu…...

编程日记 2025/7/5 1:37:31

SAP ABAP调用DeepSeek API大模型接口

搜索了一下DeepSeek，发现有人已经实现了SAP的对接， 不登录网页，SAP如何使用DeepSeek快速编程，ABAP起飞啦~ 按照对应的注册流程和方法。总算做出了第一个能够直连DeepSeek的API abap程序。效果不错。 report ZTOOL_ABAP_CALL_D…...

编程日记 2025/7/1 8:05:19

大数据与大模型：数字时代的共生力量

引言：大数据与大模型的崭新时代在数字化浪潮汹涌澎湃的当下，大数据与大模型无疑是最为耀眼的两颗明星 ，深刻地改变着我们的生活、工作和思维方式。大数据，作为信息时代的宝藏，蕴含着无尽的价值。从电商平台的海量交易…...

编程日记 2025/6/28 11:46:33

服务器使用宝塔面板Docker应用快速部署 DeepSeek-R1模型，实现Open WebUI访问使用

Deepseek这段时间非常火，最新推理模型Deepseek R1，都想装上试一试，特别是部署到服务器教程网上一堆教程好像没几个部署成功靠谱的，先说服务器上下载Ollama就难倒一堆人，每次都超时。今天终于在宝塔看到一篇应用安装文…...

编程日记 2025/7/4 19:29:25

Qt - 地图相关 —— 3、Qt调用高德在线地图功能示例（附源码）

效果作者其他相关文章链接: Qt - 地图相关 —— 1、加载百度在线地图（附源码） Qt - 地图相关 —— 2、Qt调用百度在线地图功能示例全集，包含线路规划、地铁线路查询等（附源码） Qt - 地图相关 —— 3、Qt调用…...

编程日记 2025/7/3 7:00:10

Idea集成deepseek生成代码

今天我带大家在idea上安装CodeGpt插件，这个插件可以根据我们的提示词生产代码，我们一起试试。 1、安装插件打开idea，再点击setting菜单，按以下步骤操作。安装完成后，一定要点击第四步“ok”。再次点击菜单setting…...

编程日记 2025/7/4 21:18:17

HTTP 请求方式`application/x-www-form-urlencoded` 与 `application/json` 怎么用？有什么区别？

HTTP 请求方式总结：application/x-www-form-urlencoded 与 application/json 在前后端交互中，客户端发送数据到服务器的常见方式有两种：application/x-www-form-urlencoded 和 application/json。本文将详细介绍这两种请求方式的特点、使用方…...

编程日记 2025/7/2 11:59:43

开发指南099-同时传递文件和参数

平台后台接口一般情况下要求传递一个json对象（对应后台需要一个继承RequestInfo的dto类），某些情况下需要同时传递文件和参数，该如何处理呢？ 1、前端 const formData new FormData(); formData.append(file, this.f…...

编程日记 2025/7/4 13:36:07

【Pycharm+Git+Gitlab】安装部署（粗糙版）

1、安装Git 2、安装Pycharm（这里选择的是社区版） 3、桌面右键打开Git Bash 1）设置全局用户名（准备连接的Gitlab仓库的访问用户名） git config ---global user.name "username"2）设置全局邮箱&…...

编程日记 2025/7/2 9:31:12

k8s中部署nginx的pod

在当今数字化的浪潮中，容器编排技术成为了构建和管理应用程序的核心力量。Kubernetes（简称 k8s）作为容器编排领域的佼佼者，凭借其强大的自动化部署、扩展和管理能力，深受开发者和运维人员的青睐。而 Nginx 作为一款高性…...

编程日记 2025/7/2 1:37:09

kafka生产者之发送模式与ACK

文章目录 Kafka的发送模式Kafka的ack机制发送模式与ack的关联重试次数总结在Kafka中，发送模式与ack机制紧密相关，它们共同影响着消息发送的可靠性和性能。 Kafka的发送模式发后即忘（Fire and Forget）：生产者发送消息…...

编程日记 2025/7/4 20:49:34

Clion使用jlink进行程序下载

1. 打开首选项(Preference)的Build, Execution, Deployment里的Toolchains，新建MinGW分别选择arm-none-eabi-gcc、arm-none-eabi-g、arm-none-eabi-gdb选择对应的可执行文件。具体可以参考进行前期配置https://blog.csdn.net/iyt2017/article/details/132411792 2…...

编程日记 2025/7/1 22:48:09

Go 1.4操作符指针理解

对于初学者来说操作符指针类型、指针、取地址容易混淆，多练就好了。只需要记住两个符号：&（取内存地址）和*（解引用）。定义和使用：你可以使用 & 操作符获取一个变量的内存地址&#x…...

编程日记 2025/7/1 0:45:48

MATLAB 生成脉冲序列 pulstran函数使用详解

MATLAB 生成脉冲序列 pulstran函数使用详解目录前言一、参数说明二、示例一三、示例二总结前言 MATLAB中的pulstran函数用于生成脉冲序列，支持连续或离散脉冲。该函数通过将原型脉冲延迟并相加，生成脉冲序列，适用于信号处理和系统…...

编程日记 2025/7/3 1:22:36

Windows 安装 DeepSeek 教程和open webui 图形化部署（非docker）

Windows 安装 Ollama : 步骤 1：下载并安装 Ollama 官网：奥拉马点击下载选择windows版本。双击安装包点击【Install】（注意：安装包是直接安装在C盘的，并不支持更改路径，因此C盘的空间必须要至少大于5…...

编程日记 2025/7/4 12:33:52

本地部署DeepSeek-R1（Ollama+Docker+Dify知识库）

安装Ollama 打开 Ollama官网 https://ollama.com/下载安装部署DeepSeek R1模型下载模型，自行选择1.5b、7b、8b、14b、32b、671b在终端输入： ollama pull deepseek-r1:1.5b运行模型 ollama run deepseek-r1:1.5b下载嵌入模型，嵌入模型…...

编程日记 2025/7/1 21:46:50

vcredist_x64.exe 是 Microsoft Visual C++ Redistributable 的 64 位版本

vcredist_x64.exe 是 Microsoft Visual C++ Redistributable 的 64 位版本，它提供了运行基于 Visual C++ 编写的应用程序所需的库文件。许多 Windows 应用程序都依赖这些库来正常运行，特别是使用 Visual Studio 编译的程序。用途和重要性：运行时库：vcredist_x64.exe 安装…...

编程日记 2025/7/3 21:52:46