坚持使用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

javascript 复制代码
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

javascript 复制代码
<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

javascript 复制代码
/* 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开始帮助更新出来的代码:

javascript 复制代码
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

javascript 复制代码
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

javascript 复制代码
<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

javascript 复制代码
/* 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

javascript 复制代码
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

javascript 复制代码
/* 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

javascript 复制代码
<!--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

javascript 复制代码
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

javascript 复制代码
/* 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

javascript 复制代码
<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

javascript 复制代码
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

javascript 复制代码
/* 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

javascript 复制代码
<!--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

javascript 复制代码
// 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

javascript 复制代码
.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

javascript 复制代码
<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个小时。

相关推荐
zhulangfly43 分钟前
Wux weapp 组件库的 bug—— wux-picker选择器组件无法正确初始化到选定的value
小程序·wux weapp
兔C2 小时前
微信小程序的轮播图学习报告
学习·微信小程序·小程序
Cc_Debugger3 小时前
小程序将对象通过url传递到下个页面
小程序
低代码布道师4 小时前
从用户视角出发:用例图分析家政预约小程序
低代码·小程序
说私域4 小时前
社交媒体形象打造中的“号设化”与开源AI智能名片商城小程序的应用
人工智能·小程序·媒体
美美的海顿8 小时前
spring boot 火车售票微信小程序LW
spring boot·后端·微信小程序·小程序·毕业设计
Kika写代码10 小时前
【微信小程序】1|底部图标 | 我的咖啡店-综合实训
微信小程序·小程序
JSON_L10 小时前
小程序 - 模拟时钟
微信·微信小程序·小程序
Kika写代码10 小时前
【微信小程序】2|轮播图 | 我的咖啡店-综合实训
前端·微信小程序·小程序
长风清留扬12 小时前
小程序毕业设计-音乐播放器+源码(可播放)下载即用
javascript·小程序·毕业设计·课程设计·毕设·音乐播放器