【送 Girl Friend 的小工具】小程序 + 公众号开发笔记

---

前言

最近交女朋友了，就，从此君王不早朝？不咋学习了
女朋友有个需求，就是想找个地方记一下朋友的生日，还需要提醒的那种，我就在想想想怎么解决这个需求
于是想到了小程序+公众号这一套东西，顺便学点习吧

---

常用 API

跳转页面

uni.navigateTo({
  url: `/pages/getUserInfo/index`
})

获取 / 设置本地缓存

uni.getStorageSync('openid')
uni.setStorageSync('openid', openid)

发送请求

uni.request({
  url: 'http://localhost:3000/jscode2session',
  data: {
    code: res.code,
  },
  success: (res) => {},
})

提示

wx.showModal({
  title: '提示',
  content: `提示内容？`,
  showCancel: true,
  success: (e) => {},
})

---

开发踩坑

Vue

• 组件的 prop 不要用 id，属性的值被冲掉了。

网络请求的封装 + 基本请求地址

大致思路就是

• 封装一个 promise ，然后统一管理 api，这样会清楚一些。
  

Mysql

语法

• 查询语句的写法，注意条件 WHERE 要放到后面

  const [rows_update] = await connection.promise().execute(
    `UPDATE friends 
      SET name = ?, lunarDate = ?, solarDate = ?, isOfficialAccountReminder = ?, isRemindSolar = ?, isRemindLunar = ?, remark = ? 
      WHERE id = ?`,
    [name, lunarDate, solarDate, isOfficialAccountReminder, isRemindSolar, isRemindLunar, remark, id]
  

• 表设计的时候，有种类型 tinyint， 可以用来存储布尔值

• 清理表格，自增字段从零开始

  TRUNCATE TABLE 表名;
  

• 设计删除逻辑的时候，不需要勾选 Zerofill ，否则存储的时候就会变成 00000001 这样的
  

表设计

• timestamp 类型的数据不需要给长度，给了的话就会自动在字符串后面添加 0 （navcat 的操作）

存储 emoji

我想在表里存 emoji ，但是数据库报错了

于是我尝试修改字段的格式为 utf8mb4_unicode_ci 之后就可以了

---

知识点复习

小程序的生命周期

官方生命周期

• onShow 就是每次进入页面都会执行的是个宁钩子
• onLoad 就是只执行一次

下拉刷新

"style": {
  "enablePullDownRefresh": true
}

然后再打开的页面中写这个钩子函数：

onPullDownRefresh() {
  this.queryFriendList().then((res) => {
    uni.stopPullDownRefresh()
  })
},

处理带有 emojy 的字符串

掘金上的教程