我新上线的小程序功能:生日备注

功能作用:记录亲朋好友的生日信息、还有多少天生日、多少岁。

背景:因为记不住亲人的出生日期和多少岁和还有多久生日,用记事本也只能记录一串文字,不是特别方便,所以自己从零开发了这样一个小功能,能帮助自己记录亲人的生日信息。

框架:uniapp、云开发,我的这套框架可以很方便的控制功能是否可用,以及可定义权限和角色,角色关联功能,角色分配给用户,用户可多角色,页面参数可灵活配置。

技术难点:时间转换,公农历虽然有相关的第三方库可以很方便的支持,但融入自己的项目也是有点麻烦。后端拿到的日期得设置到日期组件上,还得切换公农历,这里花费了一些时间。根据生日的公农历计算还有多少天生日、倒计时、年龄。列表监听详情添加、修改、删除动态处理,如果详情修改了那么列表也要修改,详情被删除那么列表也要被删除。用到了js-calendar-converter这个公农历转换的第三方包,在云对象中install,这样不占用小程序大小。以及用到了brithday-lunar这个uniapp插件用以在界面选择公农历日期,插件有些功能无法满足的我就修改和添加了一些方法以及修复了一些bug,日期方面的处理了2-3天才能用。

功能整体实现:前端使用uniapp开发,数据库使用云开发存储,数据库为nosql,定义好表结构。整体接口就四个,分别是:分组列表、数据列表、新增、编辑。

下面开始进入实际功能演示:

页面一进入是这样的:

 

啥也没有,我们点击右下角加号进入添加页面:

 

上面依次是头像、姓名、出生日期、分组、备注、更多信息。

我一次讲解一下各个字段的功能:

头像:可以随机选择一个或者自己拍照或者从相册选择一个作为头像。

姓名:生日对象的姓名,可以是称呼或昵称,让自己看到能知道是谁。

 

出生日期:在这里设置生日对象的出生日期,这样系统就知道还有多少天生日和多少岁了,可以设置农历、公历。

 

 

 

 
 
 

分组:可以给生日对象设置一个分组,比如家人一个组、朋友一个组:

 

备注:可以设置对生日对象的备注信息,比如可以添加生日当天要买什么礼物、什么仪式等等。

 

更多信息:可以设置更多特有的信息,如:喜欢吃的、身高、哪一年认识的、鞋码、手机号、身份证等等特有的信息。

 

以上信息都填好后点击提交:

此时列表自动刷新加载出来:

 

备注是滚动的,点击更多信息可以弹出刚才添加的更多信息:

 

我们再添加一个朋友的生日:

 

我们可以点击上面的分组只显示这一个分组下的亲朋好友:

 

 

 

 
 
 

如果到了生日的当天,还会在头像上面显示一个动图特效(这个图可以在后台更改),因为没法上传动图,所以我截图了完整的特效效果:

 

 

 

 
 
 

以上就是界面的操作了。

下面列出一下数据表的表结构:

 

一共10个字段,数据库实际存储的数据形式:

 

界面样式啥的都是自己想的,也没有设计,大概想了怎么放就做了。

涉及的文件修改:

 

目前整体式如上的功能,大家有啥建议吗~ 可以在评论区写上。

使用方式:微信搜索《一方云知》小程序,首页就能看到:

 

可能后面图标会改动。

该功能承诺永久免费使用,大家放心使用。

这篇分享文章就到这里啦!如果你对文章内容有疑问或想要深入讨论,欢迎在评论区留言,我会尽力回答。同时,如果你觉得这篇文章对你有帮助,不妨点个赞并分享给其他同学,让更多人受益。

想要了解更多相关知识,可以查看我以往的文章,其中有许多精彩内容。记得关注我,获取及时更新,我们可以一起学习、讨论技术,共同进步。

感谢你的阅读与支持,期待在未来的文章中与你再次相遇!

我的微信公众号:【xdub】,欢迎大家订阅,我会同步文章到公众号上。

posted @ 2024-10-25 16:49  一方_self  阅读(24)  评论(0编辑  收藏  举报