收藏
评论

饮食日记小程序

# 饮食日记小程序

一款已上线、基于微信原生及云开发的饮食日记小程序,用于帮助炎症性肠病(IBD)患者记录每日饮食、症状等。

github开源地址: https://github.com/zuoxiaobai/foodDiary



## 技术选型

- 微信小程序原生组件及API

- 微信小程序云开发·数据库

- 微信小程序云开发·云函数


## 功能模块及技术点

完全基于微信小程序原生组件及API开发,css样式直接手写,不依赖框架,无服务器,使用小程序云开发创建请求接口,存储数据。不保存用户相关信息,如头像、昵称等资料。开发者工具里需要开启增强编译(方便使用async await)

- 首页,根据日期拉取饮食日记,用到了 **下拉刷新、scroll-view、自定义picker样式、请求数据缓存**

- 添加/修改/删除记录 用到了 **数组push、pop来标记是否进行了添加、修改删除操作**。便于成功后返回首页时刷新数据

- 我的页面,**利用open-data不需要用户授权点击,直接显示用户头像、昵称等信息**。还有**画比1px还细的线。改变原生button的样式,和其他列表样式显示一致**。

- 关于页面,**仿微信关于页面,集成检查新版本功能**

- 功能介绍,**仿微信更新日志,弄了一个通用的样式、格式来渲染对应的更新信息**。

- 其他:**iPad大屏兼容**、用rpx时注意,有些位置如高度、大屏显示会很别扭,**sitemap配置索引**,**配置某些页面是否可以转发,自定义转发路径、标题、图片**。云开发函数返回通用格式规划,**基于promise的通用云函数请求封装**,**错误提示处理**;云开发数据库,**集合数据的增删查改**;**数组sort自定义排序**;


## 历史日志

```

v1.1.0(2019-08-16 21:35)

  1. A 新增 iPad UI适配,将字体rpx,以及固定高度rpx改为px,优化大屏显示效果。iphone 5显示优化

  2. A 新增下拉刷新,弥补多端同步时,一端已缓存数据,另一端当天数据变更后,缓存的一端不会实时刷新的不足。

  3. A 新增网络异常提示,当检测没网络时,提示异常,但如果连接了wifi,但如果wifi也没网是无法检测的,只能等超时提示异常

v1.0.1(2019-08/16)

  1. A 新增 缓存数据,减少请求操作

  2. F 修复 修改记录时文案依旧是'新增记录'的问题,改为'修改记录'

  3. F 修复 饮食记录里按新增顺序排序,而不是按时间排序

  4. O 优化 饮食记录列表的key原来为时间,考虑后时间可以重复,key改为_id

  5. O 优化 提取request请求通用代码封装,开启增强编译,使用async await写法替换promise.then

  6. O 优化 首页每次onshow都会刷新数据的问题,仅在日期变更或新增、修改、删除记录返回页面时执行请求数据操作

  7. O 优化 暂无记录时,'添加一条记录' 的点击范围增大

v1.0.0 (2019/08/15)

  A 新增 基础功能,初始化项目

```


## 参考文档

- [微信小程序云开发文档](https://developers.weixin.qq.com/miniprogram/dev/wxcloud/basis/getting-started.html)


扫码体验

赞 0
收藏
登录 后发表内容