资讯专栏INFORMATION COLUMN

七夕秀恩爱新姿势!这波操作我给十分!

imingyu / 3020人阅读

摘要:四结语七夕已至,快和亲爱的人绑定最美恋爱关系吧在这里,你们就是导演,记录美好爱情。特别说明此小程序,是我亲手为女朋友写的,感谢她提供需求支持,七夕快乐。

一、前言

像每一滴酒回不了最初的葡萄,我回不到年少。爱情亦是如此,这就是写一篇小程序的初衷,用来记录我和她最美的恋爱。什么是最美恋爱?就是繁忙之余的一封书信,一起奋斗的目标,精彩的瞬间,旅游的足迹,和那无数的纪念日。

言归正传吧,先看看小程序给你的第一印象。(截图的是体验版本,上线版本有些功能是没有上的哦)



页面比较简约,她很喜欢。

二、说说代码 1.框架

小程序前端用的是taro框架写的,后台用的云开发(简直是个人开发者的福音)。
贴一下总体架构图:

其他的架构,页面等等都很常见,我具体来说说云函数的调用吧,主要是对数据库的操作:

云函数的入口(运用TcbRouter实现不同方法的调用):

小程序端是这样调用的:

调用方法的参数:

  let param = {
      method:"get",
      collection:"mail",
      id:auth.user._id,
      bindId:auth.user.bindId,
      start:this.start,
      limit:PAGE.LIMIT
    };

    let res = await commonApi.list(param);
三、说说功能

主要来说说邮箱这个功能吧,毕竟现在写信的越来越少了,这里很大程度的还原了写信的过程,可以挑选信封,挑选邮票,然后寄出你的思恋。
我已经收到这么多信了 你们呢?

还有个留言板功能,她说和微信聊天有什么区别(区别就在于没有websocket),这里就不赘述啦。

四、结语

七夕已至,快和亲爱的人绑定最美恋爱关系吧!在这里,你们就是导演,记录美好爱情。
特别说明:此小程序,是我亲手为女朋友写的,感谢她提供需求支持,七夕快乐。

/:heart小彩蛋 /:heart

使用小程序·云开发按以下四步操作即可查看惊喜彩蛋~

在cloudfuntions文件夹下,点击右键新建一个云函数love,并部署上传,

exports.main = async (event, context) => {
  return {
    timelimit: 10000,
  }
}

使用开发者工具新增一个小程序页面love,在love.wxml里输入以下代码

你问我爱你多少年?


  我爱你{{timelimit}}年
  云开发祝所有程序员七夕脱单  

在love.js里输入:

  data: {
    timelimit:"",
    loveurl:"https://tcb-1251009918.cos.ap-guangzhou.myqcloud.com/love.png",
  },

  loveFunction() {
    wx.cloud.callFunction({
      name: "love",
      data: {
      },
      success: res => {
        this.setData({
          timelimit: JSON.stringify(res.result.timelimit)
        })
      }
    })
  },

在love.wxss里输入:

view{text-align: center;margin: 20px 0;font-weight: bold;}
text{color: #FFC0CB;}
image{width: 100rpx;height: 100rpx}
button{background-color: #FFC0CB;color:#fff;width: 300rpx}
源码链接

https://github.com/TencentClo...

如果你有关于使用云开发CloudBase相关的技术故事/技术实战经验想要跟大家分享,欢迎留言联系我们哦~比心!

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/75922.html

相关文章

  • 破解浏览器同源政策利器之JSONP

    摘要:本文是在了解了浏览器的同源规则之后,学习了破解这个规则的一个简单有效的方法。所以,年公司火狐的前身提出了浏览器的同源政策,目的是保护使用网站的用户的信息安全。 本文是在了解了浏览器的同源规则之后,学习了破解这个规则的一个简单有效的方法->JSONP。主要通过阮一峰老师的博客学习 浏览器的同源规则 有这样一个背景,如果你通过银行的网站进行的取钱的交易,而其他用户可以通过某个渠道获得你在...

    Keagan 评论0 收藏0
  • #七夕促销#VoLLcloud:香港CMI三网直连VPS七折优惠,100Mbps起,月付低至$2.8

    摘要:官方网站点击进入官方网站促销套餐标签香港机房下的日志香港机房,标签虚拟架构下的日志虚拟架构,硬盘为,以下价格为原价。VoLLcloud怎么样,VoLLcloud好不好,刚刚收到VoLLcloud家的投稿,商家目前开始了七折的七夕促销活动,也不知道有没有情侣一起玩VPS的,他为玩VPS为了什么,看大姐姐么学习新姿势么!商家还是主推他家的香港CMI线路套餐,七折优惠,三网都是CMI直连国内,CM...

    wapeyang 评论0 收藏0
  • 模仿马云说话 云计算版“App Store” 构建生态

    摘要:此番热闹背后是全球云计算市场竞争的一次升级。阿里云的海外客户目前仍以中国出海企业为主。阿里云现在三级跳,已经进入生态层的争夺。据其透露,今年年底,阿里云将新开日本与软银合作欧洲德国迪拜和澳大利亚个数据中心。  微软最新财报交待了一个对比鲜明的消长关系,硬件营收下滑的同时,Azure云服务获得102%的同比增速。  阿里云官网上有一个云市场,这就像是云计算领域的苹果应用商店App Store。...

    ZHAO_ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<