一、前言

像每一滴酒回不了最初的葡萄，我回不到年少。愛情亦是如此，這就是寫一篇小程序的初衷，用來記錄我和她最美的戀愛。什么是最美戀愛？就是繁忙之余的一封書信，一起奮斗的目標，精彩的瞬間，旅游的足跡，和那無數的紀念日。

言歸正傳吧，先看看小程序給你的第一印象。（截圖的是體驗版本，上線版本有些功能是沒有上的哦）

頁面比較簡約，她很喜歡。

二、說說代碼

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

總結

以上是生活随笔為你收集整理的七夕秀恩爱新姿势！这波操作我给十分！的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。