花了一个月时间,做了自己想做的事水母记账上线啦

2023-11-21 18:20

本文主要是介绍花了一个月时间,做了自己想做的事水母记账上线啦,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

 

用了一个月的时间,做了一直想做却没有着手开始的事情。一直有个习惯就是记账,但是市面上记账软件多多少少都有些不尽人意的地方,从16年就有这么个想法,当时自己还是个技术小白,弄了一个非常简陋的pc版记账软件,很多功能都不完善,因工作的关系这个项目就被遗弃了。这也是这些年的一个遗憾,如果一直坚持,这个项目也许会很好了吧。

​ 随着年龄增长,琐事也就越来越多,一直坚持下来做好一件事真心不容易,但这个项目我不准备放弃,会直接坚持下去,不管如何至少我自己和身边朋友一直在用就很好的啦…

​ 言归正传,水母记账项目现在已经迭代到V2.0版本,已经有账本管理、记账日历、多人记账、多人分账、模版记账、循环记账、好友邀请、记账提醒、统计等功能基本上覆盖市面有的功能。现在小程序的基本功能没有问题,很多细节还需要在进行优化迭代。后续还设计了存钱罐、存钱计划等着部分还在规划中敬请期待。

水母小程序朋友圈宣传

作为一个后端来说,从产品规划到UI设计完全从0到1是个脑力活也是个体力活,第一次发现设计一个好看的页面这么不容易,很佩服前公司的UI小姐姐两天出了150个图真不知道她是怎么搞的…

自己动起手来感觉大脑一片空白(我是谁?我在那?我在干嘛?这个按钮要啥颜色?上个页面边距多少来?)要疯的节奏;还好现在设计工具很多,照着大家的抄就好啦。我使用的Figma用起来还是比较顺手拖拉拽,有点像低代码平台哈哈。

image-20231121150609688

Figma比较好的是不用在导出到其他平台,直接就可以看到尺寸字体等,上来就研发啦,还有插件可以直接转换成代码,这个比较不错的。

前端开发

因为之前接触过vue所以直接使用uni-app去开发,上手快。

├── components 自定义组件
│   ├── circle-card
│   ├── cn-money
│   ├── lazy-load
│   └── ...
├── config 配置文件
│   └── api.js
├── pages 主要页面
│   ├── home
│   ├── bill
│   └── ...
├── static 静态文件
│   ├── css
│   └── img
├── uni_modules uni扩展组件
│   ├── uni-load-more
│   ├── uni-popup
│   └── ...
├── unpackage 打包生成目录
│   └── dist
└── utils 封装公共工具文件├── config.js└── util.js
├── App.vue
├── pages.json
├── uni.scss
├── index.html
├── main.js
├── manifest.json 应用的配置文件

组件方面我们使用的是uni-app官方uni-ui的部分组件,其他的都是根据轻航的需求来自定义的。为了就是让项目尽量少的引用第三方库,减少代码量,更为统一,后续为小程序打包App减少UI上面的适配工作;

WX20231121-155554@2x

后端

后端比较简单,是我的老本行。前期采用的单体结构SpringBoot直接搞定,考虑到前期用户量较少,前期没有必要分布式浪费资源,云资源还是蛮贵的。

最后

成功的人不是赢在起点,而是坚持到终点。这句话用来告诫大家,做自己喜欢的事情,直接坚持下去不轻言放弃。

如果大家想体验我的小程序也非常欢迎哦;花了一个月时间,做了自己想做的事水母记账上线啦

水母记账小程序码

这篇关于花了一个月时间,做了自己想做的事水母记账上线啦的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/404175

相关文章

MySQL 日期时间格式化函数 DATE_FORMAT() 的使用示例详解

《MySQL日期时间格式化函数DATE_FORMAT()的使用示例详解》`DATE_FORMAT()`是MySQL中用于格式化日期时间的函数,本文详细介绍了其语法、格式化字符串的含义以及常见日期... 目录一、DATE_FORMAT()语法二、格式化字符串详解三、常见日期时间格式组合四、业务场景五、总结一、

SpringBoot中整合RabbitMQ(测试+部署上线最新完整)的过程

《SpringBoot中整合RabbitMQ(测试+部署上线最新完整)的过程》本文详细介绍了如何在虚拟机和宝塔面板中安装RabbitMQ,并使用Java代码实现消息的发送和接收,通过异步通讯,可以优化... 目录一、RabbitMQ安装二、启动RabbitMQ三、javascript编写Java代码1、引入

如何利用Java获取当天的开始和结束时间

《如何利用Java获取当天的开始和结束时间》:本文主要介绍如何使用Java8的LocalDate和LocalDateTime类获取指定日期的开始和结束时间,展示了如何通过这些类进行日期和时间的处... 目录前言1. Java日期时间API概述2. 获取当天的开始和结束时间代码解析运行结果3. 总结前言在J

修改若依框架Token的过期时间问题

《修改若依框架Token的过期时间问题》本文介绍了如何修改若依框架中Token的过期时间,通过修改`application.yml`文件中的配置来实现,默认单位为分钟,希望此经验对大家有所帮助,也欢迎... 目录修改若依框架Token的过期时间修改Token的过期时间关闭Token的过期时js间总结修改若依

Go Mongox轻松实现MongoDB的时间字段自动填充

《GoMongox轻松实现MongoDB的时间字段自动填充》这篇文章主要为大家详细介绍了Go语言如何使用mongox库,在插入和更新数据时自动填充时间字段,从而提升开发效率并减少重复代码,需要的可以... 目录前言时间字段填充规则Mongox 的安装使用 Mongox 进行插入操作使用 Mongox 进行更

对postgresql日期和时间的比较

《对postgresql日期和时间的比较》文章介绍了在数据库中处理日期和时间类型时的一些注意事项,包括如何将字符串转换为日期或时间类型,以及在比较时自动转换的情况,作者建议在使用数据库时,根据具体情况... 目录PostgreSQL日期和时间比较DB里保存到时分秒,需要和年月日比较db里存储date或者ti

Python 标准库time时间的访问和转换问题小结

《Python标准库time时间的访问和转换问题小结》time模块为Python提供了处理时间和日期的多种功能,适用于多种与时间相关的场景,包括获取当前时间、格式化时间、暂停程序执行、计算程序运行时... 目录模块介绍使用场景主要类主要函数 - time()- sleep()- localtime()- g

如何用Java结合经纬度位置计算目标点的日出日落时间详解

《如何用Java结合经纬度位置计算目标点的日出日落时间详解》这篇文章主详细讲解了如何基于目标点的经纬度计算日出日落时间,提供了在线API和Java库两种计算方法,并通过实际案例展示了其应用,需要的朋友... 目录前言一、应用示例1、天安门升旗时间2、湖南省日出日落信息二、Java日出日落计算1、在线API2

如何使用 Bash 脚本中的time命令来统计命令执行时间(中英双语)

《如何使用Bash脚本中的time命令来统计命令执行时间(中英双语)》本文介绍了如何在Bash脚本中使用`time`命令来测量命令执行时间,包括`real`、`user`和`sys`三个时间指标,... 使用 Bash 脚本中的 time 命令来统计命令执行时间在日常的开发和运维过程中,性能监控和优化是不

python中的与时间相关的模块应用场景分析

《python中的与时间相关的模块应用场景分析》本文介绍了Python中与时间相关的几个重要模块:`time`、`datetime`、`calendar`、`timeit`、`pytz`和`dateu... 目录1. time 模块2. datetime 模块3. calendar 模块4. timeit