Giter Club home page Giter Club logo

rainbow-cats-personal-wechat-miniprogram's Introduction

云开发情侣互动小程序(做任务,攒积分,换商品)

序言

这是使用云开发能力构建的情侣互动小程序,可以跟女朋友互动哦,其中使用了云开发基础能力的使用:

  • 数据库:对文档型数据库进行读写和管理
  • 云函数:在云端运行的代码,开发者只需编写业务逻辑代码

使用逻辑

打个比方:

  • 女朋友发布任务->女朋友来做任务->做完后由你来确认完成->女朋友收到积分
  • 你发布商品(洗碗券)->女朋友使用积分购买->商品进入到女朋友的库存->女朋友拿着洗碗券叫你洗碗->你洗碗->女朋友将物品(洗碗券)标记为已使用(不可逆)
  • 这样做的原因是 不想给任何一方能自说自话 增加自己或者对方积分的能力[点击完成任务的人不能是获得积分的人也不能是自己]

版本新增

  • 将所有非云函数的云逻辑封装为云函数
  • 新增了仓库系统,购买了的商品会存入仓库,然后再被使用
  • 新增了搜索框,可以搜索物品和任务
  • 新增了滑动窗,可以自动播放显示多张图片
  • 新增了商品和任务预设,添加商品或任务可以使用预设,非常迅速
  • 将新增按钮变为可拖拽的页面悬浮按钮
  • 购买,上架,新建任务的时间都会被记录并显示
  • 取消了点击左边圆圈来完成或者购买,统一改为左滑菜单
  • 左滑菜单统一用图标显示,更加精简
  • 使用特效升级了详细信息页面与添加页面的美观度
  • 添加任务或物品界面积分文本框改为滑块
  • 在商城添加了顶栏显示积分,更直观
  • 使用表情符号简单的增加了美感

效果图与动画

Image Image

部署方式

Image

  • 登录之后先在主页完成小程序信息类目
  • 然后可以在管理中的版本管理成员管理中发布小程序体验版并邀请对象使用

Image

  • 随后可以在开发中的开发工具里下载微信开发者工具
  • 打开微信开发工具->登录->导入我的文件夹-进入工具
  • 在左上角五个选项中选择云开发->按照提示开通云开发(这里可以选择免费的,不过限量,我开发用的多,6块够用了)

Image

  • 进入后点击数据库->在集合名称添加四个集合:MarketList, MissionList, StorageList, UserList
  • 之前使用过上一个版本的,需要清空所有数据,因为字段结构不一样

Image

  • UserList中添加两个默认记录, 在两个记录中分别添加两个字段:
字段 = _openid | 类型 = string | 值 = 先不填
字段 = credit | 类型 = number | 值 = 0
  • 打开云开发的控制台的概览选项->复制环境ID
  • 打开 miniprogram/envList.js 将内容全部替换成如下,注意替换环境ID
module.exports = {
  envList: [{
    envId:'上述步骤中你获得的环境ID (保留单引号)'
  }]
}
  • 右键点击 cloudfunctions 中的每个文件夹并选择云函数云端安装依赖上传 (有点麻烦但是这是一定要做的)

Image

  • 如果云开发里面的云函数页面是这样的就是成功了

Image

Image

  • 别忘了最后点击右上角上传->然后在开发者账号上设置小程序为体验版->不用去发布去审核

Image

旧版效果图

Image

声明

  • 小程序内所有图片均来自网络,此项目非商用,侵删。
  • 若想使用此项目为商用,请先告知我,谢谢。

rainbow-cats-personal-wechat-miniprogram's People

Contributors

alvinyuechao avatar richard-zrx avatar songlove avatar uxxhans avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

rainbow-cats-personal-wechat-miniprogram's Issues

云端依赖

右键点击 cloudfunctions/getOpenId 文件夹,选择云函数云端安装依赖上传,这一步是怎么操作的,求解

怎么改主页的文字

很想修改欢迎回来下面的那些文字
有大佬可以指点一下嘛
纯纯小白一个

致谢

毕业设计中对硬件配置写了个小程序,苦恼于界面设计的时候看到了您的作品,借鉴了一些您的设计之处,在此致谢

【待优化】需要增加个用户绑定逻辑

需要开发者自己去复制opendi 这个限制了 使用范围啊,应该增加个用户绑定逻辑,可以分享给对应的朋友,朋友点击后拿到openid再绑定,如果再深入的话 可以做的像共享记账本一样 可以修改共享者;

【求助】手机端积分无法增长的问题

请问下大佬们体验版任务完成后积分并没有增加怎么解决呢?

不知道下面截图能不能看出问题在哪。之前 4 月份的版本也是遇到这个同样的问题,都是按照教程部署的,翻了翻小红书和以往的 Issues 都没能解决,这次包括修改了userA userB之后手机端也无法同步,希望作者大佬空了帮看一下,万分感谢。
IMG_6928
IMG_6929

小程序积分bug

您好!非常感谢您的小程序代码。
但是我在使用时发现云端Userid中credit数值已经改变,但是小程序中数值未变(均为0)。
请问如何解决?

关于UserList的openID

关于UserList的openID,复制过来后,两个ID都填在openid字段里吗,用什么分隔?还是说再添加一条记录,放女朋友的OPENID

积分无法获得

想问一下大佬 其他一切正常 但是积分无法正常获取
_openid字段是两个变量逗号分开还是userlist在创建一条默认记录
所以想请教一下两个openid是分开写还是需要写在一起
image

萌新求助

求问那个蓝卡比和红卡比的位置在哪改

建议优化一下项目文件

最近在开发一个小程序静态扫描器,然后有一些小建议😊

  • images/Item.gif 文件大于200k
  • miniprogram_npm/weui-miniprogram/badge/badge.wxss 文件为空
  • miniprogram_npm/weui-miniprogram/slideview/slideview.wxss 文件为空
  • pages/Market/Images/MarketCover.jpg 文件可能没有被使用

检查器

编译出错

开发者工具中模拟器提示 编译出错,未找到 miniprogram/game.json 文件

请教一下

图片循环播放会增加数据库的读取吗,我好像没怎么打开就超上限500次了

【求助】女友手机上小程序跳转页面时空白

自己手机上没有问题。
女友手机刚打开小程序时也没有问题,但是在四个页面之间多切换几次,就都显示不出内容了,进入调试看日志也是空白。重新进入小程序后又正常显示。
但如果等较长一段时间,又恢复显示。

积分bug

任务完成后积分不会增加,因为MissionList数据库中的start字段不会改变为true(在任务完成时freq字段变为1时)
是否问题没有修复?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.