七夕秀恩爱新姿势!这波操作我给十分!
一、前言
像每一滴酒回不了最初的葡萄,我回不到年少。爱情亦是如此,这就是写一篇小程序的初衷,用来记录我和她最美的恋爱。什么是最美恋爱?就是繁忙之余的一封书信,一起奋斗的目标,精彩的瞬间,旅游的足迹,和那无数的纪念日。
言归正传吧,先看看小程序给你的第一印象。(截图的是体验版本,上线版本有些功能是没有上的哦)
页面比较简约,她很喜欢。
二、说说代码
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里输入以下代码
<view>你问我爱你多少年?</view>
<image bindtap="loveFunction" src="{{loveurl}}"></image>
<view wx:if="{{timelimit}}"><view><text>我爱你{{timelimit}}年</text></view><view><text>云开发祝所有程序员七夕脱单</text></view>
</view>
在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/TencentCloudBase/Good-practice-tutorial-recommended
如果你有关于使用云开发CloudBase相关的技术故事/技术实战经验想要跟大家分享,欢迎留言联系我们哦~比心!
转载于:https://www.cnblogs.com/CloudBase/p/11318089.html
七夕秀恩爱新姿势!这波操作我给十分!相关推荐
- 体验AI拜年新姿势,爱奇艺技术团队这波操作真秀!
春节是中国人最看重,也是最具仪式感的节日,回首往年春节假期,无外乎三个关键词:拜年.消费.聚会.而2021年春节和以往不同,为响应国家号召,不少人选择就地过年,与之相伴而生的还有"云拜年&q ...
- 七夕祝福网页制作_七夕宠粉高甜预警!一叶子AGATHA大玩跨界“秀恩爱”
会"玩"的品牌总是能持续创造惊喜,以玩乐出圈,用实力圈粉. 七夕来临前,各大品牌纷纷瞄准这个关键节点发力.以年轻化营销闻名的上美集团,乘着旗下品牌一叶子品牌新鲜代言人张新成生日的契 ...
- 还记得月入1.9亿的《开心消消乐》吗?解锁中老年游戏产业掘金新姿势
记者丨黄小米 开篇:60后玩家人均充值金额是00后3倍 如果你在百度上搜索"消消乐"加"妈妈",你会看到成千上万条妈妈们与<开心消消乐>的爱恨情仇, ...
- 要过年了,换个发微信红包新姿势
苏生不惑第215篇原创文章,将本公众号设为星标,第一时间看最新文章. 关于微信之前写过好几篇文章了: 你刚才微信上撤回了什么?我都看到了 微信支付分开通了,来看看你有多少分 c 盘空间又满了?微信清理 ...
- 朋友,请不要轻易秀恩爱
每每下班,总能看到情侣骑着芒果电单,一前一后的坐着,女前男后,男的一脸享受,女的也超级开心,还时不时的来个kiss,身为单身狗的我,真的感觉是受到了暴击伤害,心想,前方路多车多,搞不好就马路躺尸了,秀 ...
- 《复联4》的这波操作,其实是在灭 bug
前方涉及剧透,请谨慎阅读!!! 前方涉及剧透,请谨慎阅读!!! 前方涉及剧透,请谨慎阅读!!! ↓ ↓ ↓ Q1:您是否看了<复联4>? A.已看 B.马上准备去电影院刷 ↓ ↓ ↓ 如果 ...
- 自动唤醒解锁电脑 bat_吉行贴士 | 一键解锁智能语音新姿势
有时候爱死语音助理的便捷 有时候却又怪它的过分灵敏 语音助理表示 "怪我咯,反正怪我咯" 咱的语音助理为了给广大吉利车主们提供更贴心的服务,所以变得hin灵敏,你聊天中的一句&qu ...
- python程序实例电话本-利用Python电话本小程序!这波操作你给几分?
原标题:利用Python电话本小程序!这波操作你给几分? 最近比较忙,只能抽空的写写文章,其实我也是一个上班族,python完全是个人想学然后希望以后对工作有所帮助,2019年了,祝大家新年快乐. 2 ...
- 免杀新姿势:利用线程将恶意代码注入到内存中
本文讲的是免杀新姿势:利用线程将恶意代码注入到内存中, 产生存放远程攻击线程的进程 在这篇文章中我不想一步一步解释我编写的C#代码,但是我会展示下它能够绕过杀毒软件,并且操作非常简单,而且实用. 首先 ...
最新文章
- ATF(TF-A)的编译方法
- 2020-10-25(极客pyc题目)
- ChemDraw教程:如何查看和删除俗名
- 在laravel5.8中集成swoole组件----用协程实现的服务端和客户端(nginx配置篇章)
- 如何基于阿里云搭建适合初创企业的轻量级架构?
- android RadioGroup中设置selector后出现多个别选中的RadioButton的解决办法
- UnityShader之遮挡透明
- Hadoop简单介绍
- Android 手把手教您自定义ViewGroup(一)
- 拓端tecdat|数据类岗位需求的数据面
- 还不会用 Python 提取 PDF 表格?三种类型数据,轻松转换成 Excel
- 阿里云上构建php mysql_手把手教你如何在阿里云服务器上搭建PHP环境?
- 8700K + z370 安装黑苹果 Mojave
- 【水题】CodeForce 1183B Equalize Prices
- 后台将图片以base64形式传给前台,前台展示
- centos7 安装最新rabbitmq,并设置开机自启
- ManageEngine云ITSM系统助斯德雷特(Sterlite)年处理5万个工单
- oracle 11g 安装 先决性检查 环境变量,Window XP安装oracle11gR2数据库先决条件检查的问题解决(实测有效)...
- 电脑怎么连接隐藏的无线WiFi ?
- Fastjson 1.2.24远程代码执行漏洞(com.sun.org.apache.xalan.internal.xsltc.trax.TemplatesImpl)
热门文章
- java学习(148):三个参数的输入流
- Vue中token刷新及token过期的实现
- o_rdonly_O_RDWR, O_CREAT等open函数标志位在哪里定义? | 学步园
- python网格划分_在python中创建一个2d网格
- gd动态曲线 php_php中用GD绘制折线图
- Nginx编译安装和平滑升级
- IP通信基础 4月28号
- 3.3、自定义错误页面
- hadoop-2.7.2 分布式集群搭建
- LeetCode 204. Count Primes