坚持使用kimi搭建小程序2小时（04天/05天）

运用好kimi智能助手里面的存储小程序，{缺乏一个相对稳定的反馈体系，自己所挑选的稳定反馈体系就是编程!}

开源竞争：

当你无法彻底掌握一门技术的时候，就开源这门技术，培养出更多的技术依赖，让更多人完善你的技术，那么这不就是在砸罐子吗？一个行业里面总会有人砸罐子的，你不如先砸还能听个响。

索引页面已经通过微信小程序完成了，现在开始做相关的加法逻辑，当我点击八部金刚功的时候养生操的次数进行一个增加，同时养生操的次数也开始进行一个增加。

（查错/基础逻辑构建/基础数据构建全部都可以依靠ai进行完成，通过ai使我自己的数据编程的速度更快快速。）

7-8-9月3个月的积累速度，让我自己个体使用ai进行个性化学习的速度开始变得更快（我现在也就掌握了一些基础的理论，我感觉自己在不断地使用ai的过程中吃透了软件！）

在经过长时间的内心纠结当中，终于开始继续进一步更换ai代码的使用。

另外一个问题，就是使用ai进行代码编程的心态问题吧！我一开始使用ai编程是觉得对于传统程序员的侮辱{但是，后来越用越香，关键在于，我不断地使用程序员进行编程的过程，我的速度是一个越来越快的状态，同时，还有就是：开源！}

 

今天利用ai一个小时编程出来的页面，想不到吧！放在以前，我要画很久的时间！个体编程最大的问题是什么呢？没有良好的反馈机制，什么是良好的反馈机制呢？写博客就是良好的反馈机制（还有用forest进行属于自己的时间管控）

但是还是不爽类，我觉得还差点东西，就是没有办法确定自己软件开发的进度

如何能够有效控制好自己软件开发的进度呢？

在这里抒发一下，自己对于软件编程的看法吧，现在ai是一个完全的个性化开发，这就意味着人们开始编程的时候要从实践活动入手，而不是单纯从自己的对象/属性/方法三个集合形成的理论当中入手，从实践入手，你的感触和感悟会更多，还有就是在进行项目编程的时候，尽可能保持开源！虽然现在ai已经无所不能，但是每个人使用ai的思维节点是不一样的，展示出自己的实践活动，用时间换取自己的生存空间，同时如果你能够看到这一篇文章，并且能够现实使用的话，我觉得就是开源，因为垄断永远赶不上开源的速度。

根据您的请求，以下是一些能够有效可视化项目进度的工具推荐：

1. **PingCode**


   - PingCode 是国内热门的研发项目进度管理系统，适合产品研发项目的进度跟踪管理。它支持从项目启动到交付的完整生命周期管理，并集成了需求管理和缺陷跟踪。PingCode 提供了敏捷和看板管理、自定义工作流、甘特图等多种项目进度管理方式，并支持自动数据采集和可视化BI工具，提供实时进度和绩效分析。

2. **Worktile**


   - Worktile 是国内市场占有率非常高的项目管理软件之一，提供前期管理与报批报建流程、设计阶段的流程管理、招采和采购管理以及施工阶段的进度和工时管理等功能。它使用甘特图来管理施工阶段的进度，提供时间维度的视觉表示，并帮助项目经理掌握项目的时间表和工时统计。

3. **Monday.com**


   - Monday.com 是一款强大的项目管理工具，提供任务管理、时间线、甘特图、看板视图、自动化工作流程和报表分析等功能。其高度可定制的界面允许团队根据自身需求设计工作流程，支持多项目管理和资源分配。

4. **ClickUp**


   - ClickUp 提供任务管理、时间跟踪、甘特图、看板视图、文档协作和目标设定等功能。其高度可定制的工作空间允许团队根据自身需求设计和管理项目，支持多项目管理和资源分配。

5. **Smartsheet**


   - Smartsheet 提供任务管理、甘特图、看板视图、资源管理、时间跟踪和报表分析等功能。其电子表格风格的界面使用户能够轻松管理和跟踪项目进展，支持多项目管理和资源分配。

6. **Asana**


   - Asana 提供任务分配、项目时间线、看板视图、日历视图和甘特图等功能，支持敏捷管理和远程工作的需求，适合各种规模的团队。

7. **Trello**


   - Trello 以其可视化的看板式界面受到青睐，适合需要灵活管理任务和项目的团队，支持各种规模的团队协作。

8. **Redmine**


   - Redmine 是一个完全免费且开源的项目管理工具，提供强大的问题跟踪和项目管理功能，支持多项目管理，适合技术和开发团队。

9. **ProjectLibre**


   - ProjectLibre 是一个完全免费且开源的项目管理工具，被广泛认为是Microsoft Project的主要替代品，提供Gantt图和网络图等项目管理功能。

10. **Jira**


    - Jira 被广泛推荐用于敏捷项目管理，支持多种敏捷方法，如Scrum和Kanban，提供灵活的定制选项。

这些工具都具备强大的功能，能够帮助团队有效地规划、跟踪和可视化项目进度。您可以根据团队的具体需求和预算，选择最适合的工具来提升项目管理的效率和成功率。

写博客就是最好的开源方式：

因为我是一个人搞开发，大专生的软件工程相对比较薄弱，培养一个伙伴不确定性因素太大了，所以我选择直接进行开源。

进度打卡（15点26分2024年10月29日）：

代码打卡（15点26分2024年10月29日）：

display.js

Page({/*** 页面的初始数据*/data: {yogaCount: 0,baguaJingangongCount: 0,baduanjinCount: 0,taijiCount: 0,zhanZhuangCount: 0,stretchCount: 0,yijinjingCount: 0,wenshiyijinjingCount: 0,// 其他已有数据...},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.queryYogaCount();this.queryBaguaJingangongCount();this.queryBaduanjinCount();this.queryTaijiCount();this.queryZhanZhuangCount();this.queryStretchCount();this.queryYijinjingCount();this.queryWenshiyijinjingCount();},/*** 查询养生操次数*/queryActivityCounts: function() {const db = wx.cloud.database();const collection = db.collection('ActivityCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yogaCount: res.data[0].count || 0 });}}});},// 其他查询函数与 queryYogaCount 类似，只是集合名称和数据变量不同/*** 查询易筋经次数*/queryYijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('YiJinJingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yijinjingCount: res.data[0].count || 0 });}}});},/*** 查询文式易筋经次数*/queryWenshiyijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('WenshiyijinjingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ wenshiyijinjingCount: res.data[0].count || 0 });}}});},// 动画效果函数和其他已有函数...
});

disply.wxml 

<view class="page"><text class="title-large">斗柄在握，我命在我不在天</text><view class="stats-container"><view class="stat-item" bindtap="animateItem"><text>养生操：{{yogaCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>八部金刚功：{{baguaJingangongCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>八段锦：{{baduanjinCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>太极：{{taijiCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>站桩：{{zhanZhuangCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>拉伸：{{stretchCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>易筋经：{{yijinjingCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>文式易筋经：{{wenshiyijinjingCount}}次</text></view></view>
</view>

display.wxss

/* pages/HealthExercises/display/display.wxss */.page {display: flex;flex-direction: column;align-items: center;padding: 20px;}.title-large {font-size: 24px;font-weight: bold;margin-bottom: 20px;color: #333;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}.stat-item {display: flex;flex-direction: column;align-items: center;margin: 10px;padding: 10px;background-color: #f2f2f2;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: 48%; /* Adjust the width to fit your design */}.stat-item .icon {width: 50px; /* Adjust the size to fit your icons */height: 50px;margin-bottom: 10px;}.stat-item text {font-size: 16px;color: #666;}

就是得开源，代码往往实际上一个人思维的舞蹈，我现在采用代码打卡和进度打卡，至少我编程就不会觉得自己没有成就感，同时林外一个关键信息是：多看科技展览会开阔自己的视野。

kimi，我现在还是感到我自己很疲惫，能帮助继续这段js代码吗？不要害怕害怕向ai说出自己的需求，因为我们平时的生活的时候，总是压抑我们自己的本性求生存，但是实际的情况不应该是这样的，现在时代不一样了，如果你都不敢把自己需求跟人工智能诉说的话，我只觉得你这个人很可悲！

一下是ai开始帮助更新出来的代码：

Page({/*** 页面的初始数据*/data: {yogaCount: 0,baguaJingangongCount: 0,baduanjinCount: 0,taijiCount: 0,zhanZhuangCount: 0,stretchCount: 0,yijinjingCount: 0,wenshiyijinjingCount: 0,// 其他已有数据...},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.queryYogaCount();this.queryBaguaJingangongCount();this.queryBaduanjinCount();this.queryTaijiCount();this.queryZhanZhuangCount();this.queryStretchCount();this.queryYijinjingCount();this.queryWenshiyijinjingCount();},/*** 查询养生操次数*/queryYogaCount: function() {const db = wx.cloud.database();const collection = db.collection('YogaCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yogaCount: res.data[0].count || 0 });}},fail: err => {console.error('查询养生操次数失败', err);}});},/*** 查询八部金刚功次数*/queryBaguaJingangongCount: function() {const db = wx.cloud.database();const collection = db.collection('BaguaJingangongCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ baguaJingangongCount: res.data[0].count || 0 });}},fail: err => {console.error('查询八部金刚功次数失败', err);}});},/*** 查询八段锦次数*/queryBaduanjinCount: function() {const db = wx.cloud.database();const collection = db.collection('BaduanjinCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ baduanjinCount: res.data[0].count || 0 });}},fail: err => {console.error('查询八段锦次数失败', err);}});},/*** 查询太极次数*/queryTaijiCount: function() {const db = wx.cloud.database();const collection = db.collection('TaijiCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ taijiCount: res.data[0].count || 0 });}},fail: err => {console.error('查询太极次数失败', err);}});},/*** 查询站桩次数*/queryZhanZhuangCount: function() {const db = wx.cloud.database();const collection = db.collection('ZhanZhuangCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ zhanZhuangCount: res.data[0].count || 0 });}},fail: err => {console.error('查询站桩次数失败', err);}});},/*** 查询拉伸次数*/queryStretchCount: function() {const db = wx.cloud.database();const collection = db.collection('StretchCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ stretchCount: res.data[0].count || 0 });}},fail: err => {console.error('查询拉伸次数失败', err);}});},/*** 查询易筋经次数*/queryYijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('YiJinJingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yijinjingCount: res.data[0].count || 0 });}},fail: err => {console.error('查询易筋经次数失败', err);}});},/*** 查询文式易筋经次数*/queryWenshiyijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('WenshiyijinjingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ wenshiyijinjingCount: res.data[0].count || 0 });}},fail: err => {console.error('查询文式易筋经次数失败', err);}});},// 动画效果函数和其他已有函数...
});

 

有没有什么办法能够将云数据库里面的数据库名称给导入出来？

要将微信云数据库中的数据库名称导出，你可以通过以下步骤进行操作：

1. **使用云开发控制台导出**：


   - 登录微信小程序云开发控制台，选择要导出的数据库。
   - 点击“导出”按钮，选择导出的文件格式，默认为 JSON 格式。
   - 选择导出的数据范围和分片大小（可选2000条/片或5000条/片）。
   - 点击“确定”后，选择下载位置并保存导出的文件。导出的文件将包含所选集合的数据，方便后续查看和编辑。

2. **使用 HTTP API 导出**：


   - 微信云开发提供了 HTTP API 接口，可以通过编程方式导出数据库数据。你需要调用 `exportDatabaseItem` 接口，传入相关参数，如云环境 ID、导出文件路径和导出条件等。完成后，可以使用 `getDownloadTcbFileLink` 接口获取下载链接。

3. **注意事项**：


   - 在导出和导入数据时，需要确保数据的完整性和准确性，避免数据丢失或重复。
   - 在操作小程序云开发时，建议定期备份数据，以防止数据丢失或意外情况发生。

通过以上方法，你可以有效地导出云数据库中的数据，便于后续的管理和分析。如果你有其他具体需求或问题，随时告诉我！

第一次尝试没有成功，于是我更换方式，我觉得，在使用ai的时候，你的想法应该是这样，我要是能把ai给问死了，我就战胜了互联网30年的公开数据积累了！

第二次询问导出数据库名称的方法：

这通常需要编写一个云函数，利用云数据库的API查询所有集合的列表，然后提取集合名称。需要注意的是，这种办法需要您有一定的编程基础和对云开发数据库API的了解。编写一个云函数，帮我把云数据库的名称给导出来！（ai就是一面镜子，他把你自己的不足，你的缺陷全部都给照射出来，这个时候，你只要偷懒就是一个倒霉的状态。）

根据您的需求，要将微信云数据库中的所有数据库（集合）名称导出，可以通过编写一个云函数来实现。

这个云函数将利用云数据库的API查询当前环境的所有集合名称，并将它们导出为一个列表。以下是如何编写这个云函数的步骤和代码示例：

### 步骤 1: 创建云函数

1. 在微信小程序的根目录下创建一个名为 `cloudfunctions` 的文件夹，用于存放云函数。


2. 在 `cloudfunctions` 文件夹下创建一个新的云函数文件夹，例如命名为 `exportCollections`。


3. 在 `exportCollections` 文件夹中创建 `index.js` 文件，这将是云函数的入口文件。

### 步骤 2: 编写云函数代码

在 `index.js` 文件中，编写以下代码来查询并导出所有集合的名称：

```javascript
// 导入云开发SDK
const cloud = require('wx-server-sdk');
cloud.init();

// 定义云函数入口函数
exports.main = async (event, context) => {
  const db = cloud.database();
  try {
    // 获取数据库的所有集合
    const collections = await db.listCollections();
    const collectionNames = collections.map(collection => collection.name);
    
    // 返回集合名称数组
    return collectionNames;
  } catch (e) {
    console.error(e);
    return e;
  }
};
```

### 步骤 3: 部署云函数

1. 在微信开发者工具中，右键点击 `exportCollections` 文件夹，选择“上传并部署：云端安装依赖”。
2. 等待部署完成后，云函数即可使用。

### 步骤 4: 调用云函数

在小程序的页面逻辑中，调用这个云函数来获取所有集合的名称：

```javascript
wx.cloud.callFunction({
  name: 'exportCollections',
  data: {},
  success: function(res) {
    console.log('集合名称列表：', res.result);
  },
  fail: function(err) {
    console.error('调用云函数失败：', err);
  }
});
```

以上步骤和代码将帮助你实现从微信云数据库导出所有集合名称的功能。这样，你就可以轻松地获取当前云环境中的所有数据库（集合）名称了。这个解决方案参考了微信开放文档中关于云函数和数据库操作的相关内容。
 

多看科技展，多去一线城市带着，多做自媒体，多拍短视频，用心做人做事，不要向ai隐藏自己的需求（你如果再向ai隐藏自己的需求，那么我只能你可能是这个世界上最孤独的人了！）

养生操展示页面进行一个显示(16点06分2024年10月29日)：

也就才40分钟的时间，我终于完成这个显示页面的查询，接下来利用ai开始下一个统一化页面的复制

display.wxjs

Page({/*** 页面的初始数据*/data: {activityCount: 0,baguaJingangongCount: 0,baduanjinCount: 0,taijiCount: 0,zhanZhuangCount: 0,stretchCount: 0,yijinjingCount: 0,wenshiyijinjingCount: 0,// 其他已有数据...},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.queryActivityCount();this.queryBaguaJingangongCount();this.queryBaduanjinCount();this.queryTaijiCount();this.queryZhanZhuangCount();this.queryStretchCount();this.queryYijinjingCount();this.queryWenshiyijinjingCount();},/*** 查询养生操次数*/queryActivityCount: function() {const db = wx.cloud.database();const collection = db.collection('ActivityCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ activityCount: res.data[0].count || 0 });}}});},/*** 查询养生操次数*/queryYogaCount: function() {const db = wx.cloud.database();const collection = db.collection('YogaCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yogaCount: res.data[0].count || 0 });}},fail: err => {console.error('查询养生操次数失败', err);}});},/*** 查询八部金刚功次数*/queryBaguaJingangongCount: function() {const db = wx.cloud.database();const collection = db.collection('BaguaJingangongCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ baguaJingangongCount: res.data[0].count || 0 });}},fail: err => {console.error('查询八部金刚功次数失败', err);}});},/*** 查询八段锦次数*/queryBaduanjinCount: function() {const db = wx.cloud.database();const collection = db.collection('BaduanjinCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ baduanjinCount: res.data[0].count || 0 });}},fail: err => {console.error('查询八段锦次数失败', err);}});},/*** 查询太极次数*/queryTaijiCount: function() {const db = wx.cloud.database();const collection = db.collection('TaiChiCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ taijiCount: res.data[0].count || 0 });}},fail: err => {console.error('查询太极次数失败', err);}});},/*** 查询站桩次数*/queryZhanZhuangCount: function() {const db = wx.cloud.database();const collection = db.collection('ZhanZhuangCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ zhanZhuangCount: res.data[0].count || 0 });}},fail: err => {console.error('查询站桩次数失败', err);}});},/*** 查询拉伸次数*/queryStretchCount: function() {const db = wx.cloud.database();const collection = db.collection('StretchCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ stretchCount: res.data[0].count || 0 });}},fail: err => {console.error('查询拉伸次数失败', err);}});},/*** 查询易筋经次数*/queryYijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('YiJinJingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ yijinjingCount: res.data[0].count || 0 });}},fail: err => {console.error('查询易筋经次数失败', err);}});},/*** 查询文式易筋经次数*/queryWenshiyijinjingCount: function() {const db = wx.cloud.database();const collection = db.collection('WenShiYiJinJingCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ wenshiyijinjingCount: res.data[0].count || 0 });}},fail: err => {console.error('查询文式易筋经次数失败', err);}});},// 动画效果函数和其他已有函数...
});

display.wxml

<view class="page"><text class="title-large">斗柄在握，我命在我不在天</text><view class="stats-container"><view class="stat-item" bindtap="animateItem"><text>养生操：{{activityCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>八部金刚功：{{baguaJingangongCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>八段锦：{{baduanjinCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>太极：{{taijiCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>站桩：{{zhanZhuangCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>拉伸：{{stretchCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>易筋经：{{yijinjingCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>文式易筋经：{{wenshiyijinjingCount}}次</text></view></view>
</view>

display.wxml

/* pages/HealthExercises/display/display.wxss */
/* pages/HealthExercises/display/display.wxss */.page {display: flex;flex-direction: column;align-items: center;padding: 20px;}.title-large {font-size: 24px;font-weight: bold;margin-bottom: 20px;color: #333;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}.stat-item {display: flex;flex-direction: column;align-items: center;margin: 10px;padding: 10px;background-color: #f2f2f2;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: 48%; /* Adjust the width to fit your design */}.stat-item .icon {width: 50px; /* Adjust the size to fit your icons */height: 50px;margin-bottom: 10px;}.stat-item text {font-size: 16px;color: #666;}

学历提升板块各个数字之间的展示：

参照这个页面，开始展示以下相关的数据，学历提升板块下面的（数学学习/英语学习/计算机学习）的次数展示，这里补充一个细节，由于我的微信小程序最开始就是由ai开始进行编程的小程序，让人神奇的地方也在这，后续电脑系统崩了，ai还是可以最大程度上面设别出ai代码进行编程的部分。

disply.wx

disply.wxjs

Page({/*** 页面的初始数据*/data: {// ...其他已有数据...mathStudyCount: 0,englishStudyCount: 0,computerStudyCount: 0,},/*** 生命周期函数--监听页面加载*/onLoad(options) {// ...其他已有函数调用...this.queryMathStudyCount();this.queryEnglishStudyCount();this.queryComputerStudyCount();},/*** 查询数学学习次数*/queryMathStudyCount: function() {const db = wx.cloud.database();const collection = db.collection('MathStudyCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ mathStudyCount: res.data[0].count || 0 });}},fail: err => {console.error('查询数学学习次数失败', err);}});},/*** 查询英语学习次数*/queryEnglishStudyCount: function() {const db = wx.cloud.database();const collection = db.collection('EnglishStudyCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ englishStudyCount: res.data[0].count || 0 });}},fail: err => {console.error('查询英语学习次数失败', err);}});},/*** 查询计算机学习次数*/queryComputerStudyCount: function() {const db = wx.cloud.database();const collection = db.collection('ComputerStudyCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ computerStudyCount: res.data[0].count || 0 });}},fail: err => {console.error('查询计算机学习次数失败', err);}});},// 动画效果函数和其他已有函数...
});

disply.wxss

/* pages/Learning/display/display.wxss */
/* pages/HealthExercises/display/display.wxss */
/* pages/HealthExercises/display/display.wxss */.page {display: flex;flex-direction: column;align-items: center;padding: 20px;}.title-large {font-size: 24px;font-weight: bold;margin-bottom: 20px;color: #333;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}.stat-item {display: flex;flex-direction: column;align-items: center;margin: 10px;padding: 10px;background-color: #f2f2f2;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: 48%; /* Adjust the width to fit your design */}.stat-item .icon {width: 50px; /* Adjust the size to fit your icons */height: 50px;margin-bottom: 10px;}.stat-item text {font-size: 16px;color: #666;}

disply.wxml

<!--pages/Learning/display/display.wxml-->
<view class="page"><text class="title-large">终生学习，重在过程！</text><view class="stats-container"><!-- ...其他已有统计项... --><view class="stat-item" bindtap="animateItem"><text>数学学习：{{mathStudyCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>英语学习：{{englishStudyCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>计算机学习：{{computerStudyCount}}次</text></view></view>
</view>

关于这里，你可能会说，既然是一个重复的代码，那么重复的代码就没有必要再次发出来了吧？但是，我发出来，是因为我是一个个体开发者，个体开发者，最大的问题就是没有反馈，没有反馈进行编程是在学习过程中最为头疼的一件事情（你把反馈写出来，反而可以最大程度上面使你自己坚持编程这件事情，如果，感觉自己开源的时候，心里面不舒服，就把“开源竞争”这一句话重新再说一遍）。

塑形板块各个数字之间的展示：

自己今天心情不错，因为自己已经原本那种技术封锁的心态当中走出来了！继续开始保持开源竞争。

参照这个页面，开始展示以下相关的数据，塑性提升板块下面的（有氧运动/无氧运动/柔韧性拉伸）的次数展示({烦，超级想要一边听歌一边写程序，但是听歌就是写不了程序，继续开始搞！}不这样进行重复的记录，自己的数据根本没有办法能够进行记录的)

display.wx

display.wxjs

Page({/*** 页面的初始数据*/data: {// ...其他已有数据...aerobicExerciseCount: 0,anaerobicExerciseCount: 0,flexibilityStretchCount: 0,},/*** 生命周期函数--监听页面加载*/onLoad(options) {// ...其他已有函数调用...this.queryAerobicExerciseCount();this.queryAnaerobicExerciseCount();this.queryFlexibilityStretchCount();},/*** 查询有氧运动次数*/queryAerobicExerciseCount: function() {const db = wx.cloud.database();const collection = db.collection('AerobicExerciseCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ aerobicExerciseCount: res.data[0].count || 0 });}},fail: err => {console.error('查询有氧运动次数失败', err);}});},/*** 查询无氧运动次数*/queryAnaerobicExerciseCount: function() {const db = wx.cloud.database();const collection = db.collection('AnaerobicExerciseCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ anaerobicExerciseCount: res.data[0].count || 0 });}},fail: err => {console.error('查询无氧运动次数失败', err);}});},/*** 查询柔韧性操拉伸次数*/queryFlexibilityStretchCount: function() {const db = wx.cloud.database();const collection = db.collection('FlexibilityStretchCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ flexibilityStretchCount: res.data[0].count || 0 });}},fail: err => {console.error('查询柔韧性操拉伸次数失败', err);}});},// 动画效果函数和其他已有函数...
});

display.wxss

/* pages/Shaping/display/display.wxss */
.page {display: flex;flex-direction: column;align-items: center;padding: 20px;}.title-large {font-size: 24px;font-weight: bold;margin-bottom: 20px;color: #333;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}.stat-item {display: flex;flex-direction: column;align-items: center;margin: 10px;padding: 10px;background-color: #f2f2f2;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: 48%; /* Adjust the width to fit your design */}.stat-item .icon {width: 50px; /* Adjust the size to fit your icons */height: 50px;margin-bottom: 10px;}.stat-item text {font-size: 16px;color: #666;}

display.wxml

<view class="page"><text class="title-large">塑形</text><view class="stats-container"><!-- ...其他已有统计项... --><view class="stat-item" bindtap="animateItem"><text>有氧运动：{{aerobicExerciseCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>无氧运动：{{anaerobicExerciseCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>柔韧性操拉伸：{{flexibilityStretchCount}}次</text></view></view>
</view>

你看吧，越开源，自己越爽！敲代码的速度也就越来越快，自己可以尝试把单兵速度提升到极致。

清洁板块的各个数字之间的展示：

display.wxjs

Page({/*** 页面的初始数据*/data: {// ...其他已有数据...underwearCount: 0,underwearBottomCount: 0,socksCount: 0,clothesCount: 0,shoesCount: 0,pantsCount: 0,},/*** 生命周期函数--监听页面加载*/onLoad(options) {// ...其他已有函数调用...this.queryUnderwearCount();this.queryUnderwearBottomCount();this.querySocksCount();this.queryClothesCount();this.queryShoesCount();this.queryPantsCount();},/*** 查询内衣清洁次数*/queryUnderwearCount: function() {const db = wx.cloud.database();const collection = db.collection('UnderwearCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ underwearCount: res.data[0].count || 0 });}},fail: err => {console.error('查询内衣清洁次数失败', err);}});},/*** 查询内裤清洁次数*/queryUnderwearBottomCount: function() {const db = wx.cloud.database();const collection = db.collection('UnderwearBottomCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ underwearBottomCount: res.data[0].count || 0 });}},fail: err => {console.error('查询内裤清洁次数失败', err);}});},/*** 查询袜子清洁次数*/querySocksCount: function() {const db = wx.cloud.database();const collection = db.collection('SocksCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ socksCount: res.data[0].count || 0 });}},fail: err => {console.error('查询袜子清洁次数失败', err);}});},/*** 查询衣服清洁次数*/queryClothesCount: function() {const db = wx.cloud.database();const collection = db.collection('ClothesCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ clothesCount: res.data[0].count || 0 });}},fail: err => {console.error('查询衣服清洁次数失败', err);}});},/*** 查询鞋子清洁次数*/queryShoesCount: function() {const db = wx.cloud.database();const collection = db.collection('ShoesCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ shoesCount: res.data[0].count || 0 });}},fail: err => {console.error('查询鞋子清洁次数失败', err);}});},/*** 查询裤子清洁次数*/queryPantsCount: function() {const db = wx.cloud.database();const collection = db.collection('PantsCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ pantsCount: res.data[0].count || 0 });}},fail: err => {console.error('查询裤子清洁次数失败', err);}});},// 动画效果函数和其他已有函数...
});

display.wxss

/* pages/Cleaning/display/display.wxss */
/* pages/Shaping/display/display.wxss */
.page {display: flex;flex-direction: column;align-items: center;padding: 20px;}.title-large {font-size: 24px;font-weight: bold;margin-bottom: 20px;color: #333;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-between;width: 100%;}.stat-item {display: flex;flex-direction: column;align-items: center;margin: 10px;padding: 10px;background-color: #f2f2f2;border-radius: 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);width: 48%; /* Adjust the width to fit your design */}.stat-item .icon {width: 50px; /* Adjust the size to fit your icons */height: 50px;margin-bottom: 10px;}.stat-item text {font-size: 16px;color: #666;}

display.wxml

<!--pages/Cleaning/display/display.wxml-->
<view class="page"><text class="title-large">一尘不染，冰清玉洁</text><view class="stats-container"><!-- ...其他已有统计项... --><view class="stat-item" bindtap="animateItem"><text>内衣清洁：{{underwearCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>内裤清洁：{{underwearBottomCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>袜子清洁：{{socksCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>衣服清洁：{{clothesCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>鞋子清洁：{{shoesCount}}次</text></view><view class="stat-item" bindtap="animateItem"><text>裤子清洁：{{pantsCount}}次</text></view></view>
</view>

小程序的持续运行（自己继续开始！）现在数据展示的模块，已经弄完了，接下来就是数据加法的模块，加油！重复一遍，自己的开源誓言：开源竞争（自己没有办法完全掌握技术的时候就开源掉，培养出更多的技术依赖，让更多人完善你的技术，那么这不就是在砸罐子吗？一个行业里面你不去砸罐子，其他人就会砸罐子，你不如先砸罐子，还能听个响。）

养生操-八部金刚功的加法逻辑图：

尝试试错了这么多次，终于探索到一次相对比较完整的次数。

EightSectionBrocade.wxjs

// pages/HealthExercises/EightSectionBrocade/EightSectionBrocade.js
Page({/*** 页面的初始数据*/data: {baguaJingangongCount: 0,currentStreak: 0,maxStreak: 0,openid: '',fortyEightHourFastingCount: 0,dietCount: 0,disabled: false, // 控制按钮禁用状态lastTapTime: 0, // 上次点击时间戳},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.queryBaguaJingangongCount();this.queryActivityCount();this.setData({activityCount: 10, // 示例数据baguaJingangongCount: 5, // 示例数据currentStreak: 3, // 示例数据maxStreak: 7, // 示例数据});},/*** 生命周期函数--监听页面初次渲染完成*/onReady() {},/*** 生命周期函数--监听页面显示*/onShow() {},/*** 生命周期函数--监听页面隐藏*/onHide() {},/*** 生命周期函数--监听页面卸载*/onUnload() {},queryBaguaJingangongCount: function() {const db = wx.cloud.database();const collection = db.collection('BaguaJingangongCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ baguaJingangongCount: res.data[0].count || 0 });}}});},queryActivityCount: function() {const db = wx.cloud.database();const collection = db.collection('ActivityCounts');const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {this.setData({ activityCount: res.data[0].count || 0 });}}});},/*** 增加计数并禁用按钮60秒*/incrementBothCounts: function() {const currentTime = new Date().getTime();if (this.data.disabled || (currentTime - this.data.lastTapTime < 60000)) {return; // 如果按钮已禁用或距离上次点击不足60秒，则不执行操作}const newBaguaJingangongCount = this.data.baguaJingangongCount + 1;const newActivityCount = this.data.activityCount + 1;this.setData({activityCount: newActivityCount,baguaJingangongCount: newBaguaJingangongCount,disabled: true, // 禁用按钮lastTapTime: currentTime, // 更新上次点击时间});this.uploadCounts('BaguaJingangongCounts', newBaguaJingangongCount);this.uploadCounts('ActivityCounts', newActivityCount);setTimeout(() => { // 60秒后启用按钮this.setData({disabled: false,});}, 60000);},// 动画效果animateItem: function(e) {const item = e.currentTarget;const animation = wx.createAnimation({duration: 500,timingFunction: 'ease',});animation.scale(1.1).step(); // 放大效果item.animate(animation).then(() => {setTimeout(() => {animation.scale(1).step(); // 恢复原大小item.animate(animation).step();}, 500);});},uploadCounts: function(collectionName, count) {const db = wx.cloud.database();const collection = db.collection(collectionName);const openid = wx.getStorageSync('openid');collection.where({_openid: openid}).get({success: res => {if (res.data.length > 0) {const docId = res.data[0]._id;collection.doc(docId).update({data: {count: count,updateTime: new Date(),},success: res => {console.log(`${collectionName} 更新成功`, res);},fail: err => {console.error(`${collectionName} 更新失败`, err);}});} else {collection.add({data: {count: count,updateTime: new Date(),openid: openid,},success: res => {console.log(`${collectionName} 新建成功`, res);},fail: err => {console.error(`${collectionName} 新建失败`, err);}});}},fail: err => {console.error('查询失败', err);}});},/*** 页面相关事件处理函数--监听用户下拉动作*/onPullDownRefresh() {},/*** 页面上拉触底事件的处理函数*/onReachBottom() {},/*** 用户点击右上角分享*/onShareAppMessage() {}
})

EightSectionBrocade.wxss

.page {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 20px;background-color: #f8f8f8;}.title-large {font-size: 28px;color: #333;text-align: center;margin-bottom: 30px;}.stats-container {display: flex;flex-wrap: wrap;justify-content: space-around;width: 100%;margin-bottom: 30px;}.stat-item {display: flex;flex-direction: column;align-items: center;margin-bottom: 15px;padding: 10px;border: 1px solid #e0e0e0;border-radius: 8px;background-color: #fff;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;}.stat-item:active {transform: scale(0.95);box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.icon {width: 40px;height: 40px;margin-bottom: 10px;}.big-button {width: 100%;max-width: 300px;height: 60px;background-color: #007aff;color: white;font-size: 20px;border-radius: 25px;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease-in-out;outline: none;margin-top: 20px;}.big-button:active {transform: scale(0.98);}

EightSectionBrocade.wxml

<view class="page"><text class="title-large">斗柄在握，我命在我不在天</text><view class="stats-container"><view class="stat-item" bindtap="animateItem"><image class="icon"  mode="aspectFit"></image><text>养生操：{{activityCount}}次</text></view><view class="stat-item" bindtap="animateItem"><image class="icon"  mode="aspectFit"></image><text>八部金刚功：{{baguaJingangongCount}}次</text></view><view class="stat-item"><text>当前已连续{{currentStreak}}天</text><progress percent="{{currentStreak / maxStreak * 100}}" activeColor="#007aff" backgroundColor="#e5e5e5" /></view><view class="stat-item"><text>最长连续{{maxStreak}}天</text></view></view><button class="big-button" bindtap="incrementBothCounts" disabled="{{disabled}}">八部金刚功</button>
</view>

养生操-八段锦的加法逻辑图：

自动化打卡是否触发了用户的逻辑问题？

关于您提到的自动化打卡可能违反微信小程序服务条款的问题，确实存在这样的风险。微信小程序平台鼓励提供用户友好、公平的服务，自动化打卡可能会违反平台的公平性原则，因为它可能涉及到模拟用户行为，绕过正常的用户交互流程。根据微信小程序的运营规范，任何形式的自动化操作，包括但不限于自动打卡，都可能被视为违规行为。

因此，我建议您在设计打卡功能时，遵循微信小程序的相关规定，确保所有操作都在用户的主动触发下进行，以保证合规性。例如，您可以设计一个提醒功能，当用户进入小程序时提醒他们打卡，而不是自动为他们完成打卡。这样既能够提升用户体验，又能够遵守平台规则。

此外，对于打破最高打卡天数的数据存储问题，您可以在用户完成打卡后，通过云函数将数据存储到云数据库中。这样，即使用户更换设备，他们的打卡记录也能被保留和更新。您可以使用云数据库的API来实现数据的增删改查操作，确保数据的持久化存储。

总之，确保小程序的打卡功能既方便用户，又符合微信小程序的服务条款，是设计时需要重点考虑的。希望这些建议对您有所帮助。

让kimi帮助我设计一个打卡页面？

（这是第一版文字）

在微信小程序当中，当用户进入到八段锦的页面之后，自动完成这个页面天数的打卡，当用户打破最高打卡天数的时候，将打破最高连续打卡天数的数据进行一个存储，存储在云数据库中，请帮我设计出用户的wxml，wxss，wxjs这三个界面的文件夹，存储在云数据库中的破记录时间数据通过wxml进行一个显示，提示用户，你在什么时候，什么地点打破了这个数据？

（这是第二版文字）

在微信小程序当中，当用户进入到八段锦的页面之后，自动完成这个页面天数的打卡，当用户打破最高打卡天数的时候，将打破最高连续打卡天数的数据进行一个存储，存储在云数据库中，请帮我设计出用户的wxml，wxss，wxjs这三个界面的文件夹，存储在云数据库中的破记录时间数据通过wxml进行一个显示，提示用户，你在什么时间打破了自己最高连续天数这个数据记录？

{这一刻，我感觉我自己很懒，为什么呢？因为我的价值观里面，还在觉得，我是不是太超前学习了？超前学习是因为以别人为参考系，以自己为参考系，就不会觉得超前学习了！}

（这是第三版文字）

在微信小程序当中，当用户进入到八段锦的页面之后，自动完成页面天数的打卡，当用户打破最高打卡天数的时候，将打破最高连续打卡天数的日期进行一个存储，存储在云数据库中（kimi，你在设计云数据库的时候，要标识出这是属于八部金刚功的云数据库），请帮我设计出用户的wxml，wxss，wxjs这三个界面的文件夹，存储在云数据库中的破记录时间数据通过wxml进行一个显示，提示用户，你在什么时间打破了自己最高连续天数这个数据记录？

在微信小程序当中，当用户进入到八段锦的页面之后，自动完成页面天数的打卡，当用户打破最高打卡天数的时候，将打破最高连续打卡天数的日期进行一个存储，存储在云数据库中（kimi，你在设计云数据库的时候，要标识出这是属于八部金刚功的云数据库），请帮我设计出用户的wxml，wxss，wxjs这三个界面的文件夹，存储在云数据库中的破记录时间数据通过wxml进行一个显示，提示用户，你在什么时间打破了自己最高连续天数这个数据记录？在wxml页面中需要你显示出最高连续打卡天数，连续打卡天数，破纪录的日期（不行，我觉得我自己还是有一点！好高骛远了！我这周的更新目标把所有数据的增加次数逻辑给完成了！）

解决一个小问题 

Page({

    data: {

      animationData: {},

      currentStreak:0,

      maxStreak:0,

      categories: [

        { name: '饮食', key: 'Diet', count: 0 },

        { name: '养生', key: 'HealthExercises', count: 0 },

        { name: '塑形', key: 'Shaping', count: 0 },

        { name: '学历提升', key: 'Learning', count: 0 },

        { name: '清洁', key: 'Cleaning', count: 0 },

      ],

      loading: false,

    },

  

    onLoad: function() {

      this.loadCategoryCounts();

      this.applyAnimation();

      this.getCheckInData();

      this.queryActivityCount();

    },

    //获取用户养生操次数

    queryActivityCount: function() {

        const db = wx.cloud.database();

        const collection = db.collection('ActivityCounts');

        const openid = wx.getStorageSync('openid');

    

        collection.where({

          _openid: openid

        }).get({

          success: res => {

            if (res.data.length > 0) {

              this.setData({ activityCount: res.data[0].count || 0 });

            }

          }

        });

      },

    // 获取用户打卡数据

  getCheckInData: function() {

    const db = wx.cloud.database();

    db.collection('checkins').where({

      openid: this.data.openid

    }).get({

      success: res => {

        if (res.data.length > 0) {

          const checkinData = res.data[0];

          this.setData({

            currentStreak: checkinData.currentStreak,

            maxStreak: checkinData.maxStreak

          });

        }

      },

      fail: err => {

        console.error('Failed to fetch check-in data:', err);

      }

    });

  },

  

    applyAnimation: function() {

      const animation = wx.createAnimation({

        duration: 2000,

        timingFunction: 'ease',

      });

      animation.opacity(1).translateY(0);

      this.setData({

        animationData: animation.export()

      });

    },

  

    loadCategoryCounts: function() {

      const db = wx.cloud.database();

      const that = this;

      this.setData({ loading: true });

  

      db.collection('CategoryCounts').get({

        success: res => {

          that.setData({ loading: false });

          if (res.data.length > 0) {

            res.data.forEach(item => {

              const category = that.data.categories.find(cat => cat.key === item.key);

              if (category) {

                category.count = item.count;

              }

            });

            that.setData({ categories: that.data.categories });

          } else {

            console.warn('未找到数据');

          }

        },

        fail: err => {

          console.error('加载分类次数失败', err);

          that.setData({ loading: false });

          wx.showToast({

            title: '加载失败',

            icon: 'none',

            duration: 2000,

          });

        }

      });

    },

  

    goToCategory: function(e) {

      const categoryKey = e.currentTarget.dataset.key;

      wx.navigateTo({

        url: `/pages/${categoryKey}/display/display`

      });

    },

  });

把这个里面这个养生操次数的查询次数更换从云数据中进行查询的逻辑！

把这个里面这个养生操次数的查询次数更换从云数据中进行查询的逻辑！今年自己的脑力已经用完了，编程不了了！今天自己的创造时间就是3个小时。

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/58423.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

免费流程图制作工具 draw.io v24.5.3 中文绿色版

免费流程图制作工具 draw.io v24.5.3 中文绿色版

draw.io是一款免费的在线图表绘制工具&#xff0c;它提供了强大的功能和易于使用的界面&#xff0c;适用于各种绘图需求。 详细功能 多种类型的图表&#xff1a;draw.io支持创建各种类型的图表&#xff0c;包括流程图、组织结构图、UML图、网络拓扑图、平面图等。自定义图表元…
阅读更多...
NVR小程序接入平台/设备EasyNVR多个NVR同时管理多平台级联与上下级对接的高效应用

NVR小程序接入平台/设备EasyNVR多个NVR同时管理多平台级联与上下级对接的高效应用

政务数据共享平台的建设正致力于消除“信息孤岛”现象&#xff0c;打破“数据烟囱”&#xff0c;实现国家、省、市及区县数据的全面对接与共享。省市平台的“级联对接”工作由多级平台共同构成&#xff0c;旨在满足跨部门、跨层级及跨省数据共享的需求&#xff0c;推动数据流通…
阅读更多...
Axure PR 9 多级下拉清除选择器 设计交互

Axure PR 9 多级下拉清除选择器 设计交互

大家好&#xff0c;我是大明同学。 Axure选择器是一种在交互设计中常用的组件&#xff0c;这期内容&#xff0c;我们来探讨Axure中选择器设计与交互技巧。 OK&#xff0c;这期内容正式开始 下拉列表选择输入框元件 创建选择输入框所需的元件 1.在元件库中拖出一个矩形元件。…
阅读更多...
2024年10月实测安装支持 winxp的最后一个python版本 2.7.18 和python 3.4.4版本,你觉得还能正常安装吗？

2024年10月实测安装支持 winxp的最后一个python版本 2.7.18 和python 3.4.4版本,你觉得还能正常安装吗？

各位粉丝朋友们&#xff0c;大家好&#xff01;在编程的世界里&#xff0c;有时候特定的业务需求会让我们不得不使用老版本的软件。Python 目前支持 Windows XP 的最后一个版本为 Python 2.7.18。由于官网下载可能会比较耗时&#xff0c;为了方便大家&#xff0c;我将这个版本上…
阅读更多...
省级- 可持续性再生能源消纳量（2015-2022年）

省级- 可持续性再生能源消纳量（2015-2022年）

非水电可再生能源电力消纳量&#xff0c;作为衡量一个地区可再生能源利用程度的关键指标&#xff0c;正受到越来越多的关注。 非水电可再生能源电力消纳量指的是在一定时间内&#xff0c;除了水力发电之外的其他可再生能源&#xff08;如太阳能、风能、生物质能等&#xff09;…
阅读更多...
基于uniapp微信小程序的旅游系统

基于uniapp微信小程序的旅游系统

作者&#xff1a;计算机学姐 开发技术&#xff1a;SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等&#xff0c;“文末源码”。 专栏推荐&#xff1a;前后端分离项目源码、SpringBoot项目源码、Vue项目源码、SSM项目源码、微信小程序源码 精品专栏&#xff1a;…
阅读更多...
Golang的跨平台开发

Golang的跨平台开发

Golang的跨平台开发 一、Golang跨平台开发概述 语言是一种开源的编程语言&#xff0c;由Google开发&#xff0c;广泛应用于云计算和网络编程领域。Golang具有并发性好、性能优异、内存管理自动化等特点&#xff0c;因此备受开发者青睐。其中&#xff0c;Golang的跨平台特性使得…
阅读更多...
macOS Sonoma 14.7.1 (23H222) Boot ISO 原版可引导镜像下载

macOS Sonoma 14.7.1 (23H222) Boot ISO 原版可引导镜像下载

macOS Sonoma 14.7.1 (23H222) Boot ISO 原版可引导镜像下载 2024 年 10 月 28 日&#xff0c;Apple 智能今日登陆 iPhone、iPad 和 Mac。用户现可借助 Apple 智能优化写作&#xff0c;为通知、邮件和消息生成摘要&#xff0c;体验交互更自然、功能更丰富的 Siri&#xff0c;使…
阅读更多...
【排序】常见的八大排序算法

【排序】常见的八大排序算法

目录 一、冒泡排序 二、堆排序 三、直接插入排序 四、希尔排序 五、直接选择排序 六、快速排序 七、归并排序 八、非比较排序 --- 计数排序 九、排序的分类及稳定性分析 总结 前言 本文排序算法有&#xff1a;冒泡排序、堆排序、直接插入排序、希尔排序、直接选择排序、快速排序…
阅读更多...
Node.js：内置模块

Node.js：内置模块

Node.js&#xff1a;内置模块 Node.jsfs模块读取文件写入文件__dirname path模块路径拼接文件名解析 http模块创建服务 Node.js 传统的JavaScript是运行在浏览器的&#xff0c;浏览器就是其运行环境。 浏览器提供了JavaScript的API&#xff0c;以及解析JavaScript的解析引擎&a…
阅读更多...
ElasticSearch - Bucket Script 使用指南

ElasticSearch - Bucket Script 使用指南

文章目录 官方文档Bucket Script 官文1. 什么是 ElasticSearch 中的 Bucket Script&#xff1f;2. 适用场景3. Bucket Script 的基本结构4. 关键参数详解5. 示例官方示例&#xff1a;计算每月 T 恤销售额占总销售额的比率百分比示例计算&#xff1a;点击率 (CTR) 6. 注意事项与…
阅读更多...
【MyBatis源码】SqlSource对象创建流程

【MyBatis源码】SqlSource对象创建流程

文章目录 介绍XMLScriptBuilder初始化parseDynamicTags解析动态节点RawSqlSource分析代码分析实例化 介绍 代码入口&#xff1a; SqlSource sqlSource langDriver.createSqlSource(configuration, context, parameterTypeClass);languageRegistry&#xff1a;用于注册Langua…
阅读更多...
配合数据库进行网页的动态数据上传

配合数据库进行网页的动态数据上传

1.接口文档编写 1.1 什么是接口文档 在项目开发中&#xff0c;web项目的前后端通常分离开发&#xff0c; 此过程中&#xff0c;需要由前后端工程师共同定义接口&#xff0c;编写接口文档&#xff0c; 之后大家都根据这个接口文档进行开发&#xff0c;到项目结束前都要一直维…
阅读更多...
数据结构——基础知识补充

数据结构——基础知识补充

1.队列 1.普通队列 queue.Queue 是 Python 标准库 queue 模块中的一个类&#xff0c;适用于多线程环境。它实现了线程安全的 FIFO&#xff08;先进先出&#xff09;队列。 2.双端队列 双端队列&#xff08;Deque&#xff0c;Double-Ended Queue&#xff09;是一种具有队列和…
阅读更多...
OpenSSL

OpenSSL

OpenSSL 概述 OpenSSL 是一个开源的、安全传输协议实现工具&#xff0c;广泛应用于数据加密与解密、证书生成与管理以及其他安全性相关的任务。在现代网络安全中&#xff0c;OpenSSL 被用于构建和维护 SSL/TLS 通信&#xff0c;确保数据在传输过程中的机密性和完整性。 简单来…
阅读更多...
「C/C++」C/C++预处理 之 X宏（X Macro）

「C/C++」C/C++预处理 之 X宏（X Macro）

✨博客主页何曾参静谧的博客&#x1f4cc;文章专栏「C/C」C/C程序设计&#x1f4da;全部专栏「VS」Visual Studio「C/C」C/C程序设计「UG/NX」BlockUI集合「Win」Windows程序设计「DSA」数据结构与算法「UG/NX」NX二次开发「QT」QT5程序设计「File」数据文件格式「PK」Parasoli…
阅读更多...
WPF+MVVM案例实战（四）- 自定义GroupBox边框样式实现

WPF+MVVM案例实战（四）- 自定义GroupBox边框样式实现

文章目录 1、项目准备2、功能实现1、EnviromentModel.cs 代码2、GroubBoxViewModel.cs 代码实现3、ViewModelLocator.cs 依赖注入4、GroubBoxWindow.xaml 样式布局5、数据绑定3、效果展示4、资源获取1、项目准备 打开项目 Wpf_Examples，新建 GroubBoxWindow.xaml 界面、Groub…
阅读更多...
第十六章 Vue组件化开发及组件局部/全局注册

第十六章 Vue组件化开发及组件局部/全局注册

目录 一、组件化 1.1. 组件概述 1.2. 语法高亮插件 ​编辑 1.3. 组件内部组成 1.4. 让组件支持 less 1.5. 组件注册的两种方式 二、局部注册 2.1. 使用描述 2.2. 脚手架工程变动的核心代码 2.2.1. 工程结构图 2.2.2. App.vue 2.2.3. WzxHeader.vue 2.2.4. WzxMain…
阅读更多...
excel斜线表头

excel斜线表头

检验数据验证对象 鼠标放在检验数据 验证对象中间&#xff0c;altenter 之后空格 选中格子&#xff0c;右键单元格格式&#xff0c; 完成 如果是需要多分割&#xff0c;操作一样&#xff0c;在画斜线的时候会有区别&#xff0c;在插入里面用直线画斜线即可 在表格插入的时…
阅读更多...
【python】OpenCV—Connected Components

【python】OpenCV—Connected Components

文章目录 1、任务描述2、代码实现3、完整代码4、结果展示5、涉及到的库函数6、参考 1、任务描述 基于 python opencv 的连通分量标记和分析函数&#xff0c;分割车牌中的数字、号码、分隔符 cv2.connectedComponentscv2.connectedComponentsWithStatscv2.connectedComponents…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023