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

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

相关文章

Java controller接口出入参时间序列化转换操作方法(两种)

《Javacontroller接口出入参时间序列化转换操作方法(两种)》:本文主要介绍Javacontroller接口出入参时间序列化转换操作方法,本文给大家列举两种简单方法,感兴趣的朋友一起看... 目录方式一、使用注解方式二、统一配置场景:在controller编写的接口,在前后端交互过程中一般都会涉及

利用Python打造一个Excel记账模板

《利用Python打造一个Excel记账模板》这篇文章主要为大家详细介绍了如何使用Python打造一个超实用的Excel记账模板,可以帮助大家高效管理财务,迈向财富自由之路,感兴趣的小伙伴快跟随小编一... 目录设置预算百分比超支标红预警记账模板功能介绍基础记账预算管理可视化分析摸鱼时间理财法碎片时间利用财

python处理带有时区的日期和时间数据

《python处理带有时区的日期和时间数据》这篇文章主要为大家详细介绍了如何在Python中使用pytz库处理时区信息,包括获取当前UTC时间,转换为特定时区等,有需要的小伙伴可以参考一下... 目录时区基本信息python datetime使用timezonepandas处理时区数据知识延展时区基本信息

Python的time模块一些常用功能(各种与时间相关的函数)

《Python的time模块一些常用功能(各种与时间相关的函数)》Python的time模块提供了各种与时间相关的函数,包括获取当前时间、处理时间间隔、执行时间测量等,:本文主要介绍Python的... 目录1. 获取当前时间2. 时间格式化3. 延时执行4. 时间戳运算5. 计算代码执行时间6. 转换为指

Java中字符串转时间与时间转字符串的操作详解

《Java中字符串转时间与时间转字符串的操作详解》Java的java.time包提供了强大的日期和时间处理功能,通过DateTimeFormatter可以轻松地在日期时间对象和字符串之间进行转换,下面... 目录一、字符串转时间(一)使用预定义格式(二)自定义格式二、时间转字符串(一)使用预定义格式(二)自

Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码

《Java中Date、LocalDate、LocalDateTime、LocalTime、时间戳之间的相互转换代码》:本文主要介绍Java中日期时间转换的多种方法,包括将Date转换为LocalD... 目录一、Date转LocalDateTime二、Date转LocalDate三、LocalDateTim

golang获取当前时间、时间戳和时间字符串及它们之间的相互转换方法

《golang获取当前时间、时间戳和时间字符串及它们之间的相互转换方法》:本文主要介绍golang获取当前时间、时间戳和时间字符串及它们之间的相互转换,本文通过实例代码给大家介绍的非常详细,感兴趣... 目录1、获取当前时间2、获取当前时间戳3、获取当前时间的字符串格式4、它们之间的相互转化上篇文章给大家介

Feign Client超时时间设置不生效的解决方法

《FeignClient超时时间设置不生效的解决方法》这篇文章主要为大家详细介绍了FeignClient超时时间设置不生效的原因与解决方法,具有一定的的参考价值,希望对大家有一定的帮助... 在使用Feign Client时,可以通过两种方式来设置超时时间:1.针对整个Feign Client设置超时时间

springboot+dubbo实现时间轮算法

《springboot+dubbo实现时间轮算法》时间轮是一种高效利用线程资源进行批量化调度的算法,本文主要介绍了springboot+dubbo实现时间轮算法,文中通过示例代码介绍的非常详细,对大家... 目录前言一、参数说明二、具体实现1、HashedwheelTimer2、createWheel3、n

Java实现时间与字符串互相转换详解

《Java实现时间与字符串互相转换详解》这篇文章主要为大家详细介绍了Java中实现时间与字符串互相转换的相关方法,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录一、日期格式化为字符串(一)使用预定义格式(二)自定义格式二、字符串解析为日期(一)解析ISO格式字符串(二)解析自定义