艾妮记账本微信小程序开发(失败版)

时间:2023-03-09 08:39:08
艾妮记账本微信小程序开发(失败版)

这是一个寒假假期作业,要求是用web开发或者微信小程序或者手机app开发的,我本来是打算用微信小程序开发的,但由于这个后台数据库连接需要通过https认证后的浏览器再访问MySQL。所以做到后台数据库连接我就不得不停止,因为太贵了实在买不起。这是我做的微信小程序的界面。因为我自己不按时设计程序的话会习惯先用固定数据设计页面(这样可以比较好看到页面效果)然后再连接数据库用数据库里的数据代替。

艾妮记账本微信小程序开发(失败版)

这个是只要一创建微信小程序就会帮你创建的一个页面之一,总共会创建两个页面还一个是记录页面,因为第二个页面没有什么用我就把它删掉了。

这里对这个页面做了一些改进,修改了页面下面的小字改为程序的欢迎语,并且设置为它添加了定时跳转页面及时不需要点击头像也可以跳转到主页面。

艾妮记账本微信小程序开发(失败版)

这是这个软件的主页面,是一个分层的页面分为记账和报表两个页面。这个页面可以会显示每月的收入和支出。以及所有琐碎的账单。

点击记一笔这个图标会跳转到添加账单的页面如下图:

艾妮记账本微信小程序开发(失败版)

微信小程序的背景设置比较烦,它是需要将图片发表在一个https认证的网页上的,然后再在这个网页上提取再设置为背景。所以没有办法修改图片以及设置图片的样式。

这里的账单类型选择还算比较正规化如图所示,时间选择也是这样滑动选择年月日的这里就不做详细介绍了。

艾妮记账本微信小程序开发(失败版)

点击提交会跳转到主页面,主页面的数据也会随之更新(如果后台数据库连接上的话)

这个主页面的报表部分也是个亮点它是统计每天的账单数据然后显示出来。(如果后台数据库连接上的话)

艾妮记账本微信小程序开发(失败版)

以上是我假期的一个失败的微信小程序。因为没有连接数据库只能草草作罢。