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

news/2025/3/19 17:47:56/文章来源:https://www.cnblogs.com/shuinanxun/p/18502882

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

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

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

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

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

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

页面一进入是这样的:

 

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

 

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

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

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

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

 

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

 

 

 

 
 
 

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

 

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

 

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

 

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

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

 

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

 

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

 

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

 

 

 

 
 
 

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

 

 

 

 
 
 

以上就是界面的操作了。

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

 

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

 

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

涉及的文件修改:

 

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

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

 

可能后面图标会改动。

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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/821760.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

java第一次到第三次大作业总结

目录: 一、关于面向对象 二、三次大作业设计 ** 2.1相关知识** ** 2.2类图+大作业实现讲解+大作业时序图** 三、三次大作业中踩坑心得 四、修改建议 五、总的心得体悟 一、关于面向对象: 这个学期是我们第一次接触面向对象的这个概念,在接触java之前,我们所用到的基本上都…

摄像机实时接入分析平台视频分析网关烟火检测在校园消防安全场景中的应用

随着人工智能技术的不断进步,视频分析网关烟火检测的应用为校园消防安全带来了巨大变革。通过实时接入摄像机视频流,结合先进的烟火检测算法,这一平台不仅极大地提升了火灾预警的准确性和响应速度,还为校园安全管理提供了一种全新的智能化解决方案。 在校园消防安全场景中,…

CPython逆向实战分析

Python代码转换为C代码的时候,将会大大增加框架代码量。先有正向,再有逆向,写一个简单的pyx文件,.pyx文件是由 Cython 编程语言 “编写”而成的 Python 扩展模块源代码文件。写一个 setup.py文件,使用命令开始编译。Python代码转换为C代码的时候,将会大大增加框架代码量。…

场景题:百万数据插入Redis有哪些实现方案?

在面试的过程当中,偶尔会遇到一些场景题,虽然这些场景题归根到底还是技术问题,但他通常比常规的八股题要稍微难一些,因为他考验的是你对于技术的整体理解、应用,以及变通的能力。 那么今天咱们就来看一道,在面试中国平安时遇到的一道场景题:将百万数据插入到 Redis,有哪…

PbootCMS 404 错误解决方法

对于 PbootCMS 系统,404 错误出现的原因确实通常有以下两种情况:当前栏目调用的页面模板不正确,导致链接不存在:解决方法:进入后台管理,导航至“栏目管理”。 检查各栏目的模板设置,确保每个栏目都正确关联了对应的模板文件。 如果发现有栏目调用了不存在的模板文件,可…

BOS同步后进入应用提示“F_VTR_FORBIDDERID”,“F_VTR_FORBIDDATE无效”

原因: 同步反写规则业务对象未成功创建字段 解决:执行以下脚本 ALTER TABLE T_BF_WRITEBACKRULECUST ADD [F_VTR_FORBIDDERID] [INT] NOT NULL DEFAULT 0ALTER TABLE T_BF_WRITEBACKRULECUST ADD [F_VTR_FORBIDDATE] [DATETIME] NULL

如何在C语言中进行数据加密

## 如何在C语言中进行数据加密 在讨论C语言中的数据加密时,我们首先需要明确两个核心观点:使用加密库、实现自定义加密算法。其中,使用加密库是最直接且高效的方式,因为这允许开发者利用已经广泛测试和验证的加密算法来保护数据的安全性,而无需深入了解加密算法的内部工作…

使用Lucene.net来进行索引和检索

1.去 http://lucenenet.apache.org/ 下载lunece.net 文件 2.在项目添加引用Lucene.Net.dll class Program{static void Main(string[] args){//索引Directory direcotry = FSDirectory.GetDirectory("LuceneIndex");Analyzer analyzer = new StandardAnalyzer();I…

CSS Grid与Flexbox有何不同

CSS Grid与Flexbox的不同点:1. 定位方式不同;2. 维度不同;3. 主轴与交叉轴不同;4. 对齐方式不同;5. 元素排序不同;6. 应用场景不同;7. 自适应性不同等。Flexbox(弹性盒子模型)主要用于一维布局,即在行或列的方向上布局,Grid(网格布局)适用于二维布局,可以同时定义…

Gradle 7.0都有哪些新特性

Gradle 7.0引入了许多新特性和改进,主要包括:1、支持Java 16;2、性能改进;3、依赖管理改进;4、类型安全的项目访问器;5、移除已废弃的特性和API。特别的,依赖管理改进是本次更新的一个重点,通过减少模糊性,使得构建更加可预测和可维护。Gradle 7.0正式支持Java 16作为…

2024-10-25_Fri_15:06 - 中层管理:1以身作则

2024-10-25_Fri_15:06 - 中层管理:1以身作则 2024-10-25_Fri_13:20 - 以身作则是传递价值观的唯一方法! 2024-10-12_Sat_21:22 - 父母真正教育孩子的是途径 - 言传身教-以身作则 ‍ 2024-10-25_Fri_15:06 - 中层管理:1以身作则 2024-10-25_Fri_14:55 - 中层管理:2提升领导技…

Linux系统上nacos崩溃故障分析

前言:本月 21 日,公司的一个海外项目业测环境中的 Nacos 遭遇重大问题,竟意外 “宕机” 了。遗憾的是,这个项目并未配置监控系统,还是由负责的日本运维人员在上班时间发现并予以通告。而近日,我一直忙于搭建某项目的云监控平台,实在分身乏术。领导遂安排一位同事前去处理…