DAY28:实作专案之内容

今天要来说到专题实作的部分,预想的设计大致都有完整做出来。
第一个是我们设置日历元件
https://ithelp.ithome.com.tw/upload/images/20211013/20140488P4WkL8NyIx.png
接着介绍一下我们的类别,我们分为记帐类别及日记类别两部分,当然一定也会有不同画面
https://ithelp.ithome.com.tw/upload/images/20211013/20140488zmXFEAcMua.png
继续看到我们程序打开的样子,首先,我们打开程序就会是日历的画面,
接着我们可以设置标记,以利将经期做纪录或是有重要日子时能够使用一个小符号会比较显眼,想当然的,可以新增必定可以移除标记,当我们按下移除标记时,标记将会消失。
https://ithelp.ithome.com.tw/upload/images/20211013/2014048868TQl0wl0d.png
再来,我们可以按下日记,开始进行我们日记的撰写,我们可以看到日记的部分有标题跟内容,日记打开的画面如下:
https://ithelp.ithome.com.tw/upload/images/20211013/20140488Sj814xxyKa.png
输入完後并可以做储存。
另外,记帐的部分当我们按下记帐按钮时,将会将页面跳转至记帐画面,这时候我们可以新增款项,如下图:
https://ithelp.ithome.com.tw/upload/images/20211013/20140488rXZFamZ1Ok.png
剩下的几个小地方有做一些变化,像是日历颜色更改或是标记符号更改等等。
https://ithelp.ithome.com.tw/upload/images/20211013/201404889Kf8sD43Sl.png
https://ithelp.ithome.com.tw/upload/images/20211013/20140488yrNSlZmWj5.png
大致上,这就是我们所制作出来的小专案!


<<:  Day-29 跳页

>>:  Day29|常见的三种工作流程 - Git flow、GitHub Flow 与 Gitlab Flow

自动化测试,让你上班拥有一杯咖啡的时间 | Day 7 - 如何写断言

此系列文章会同步发文到个人部落格,有兴趣的读者可以前往观看喔。 在测试脚本加上断言後,当程序码有 ...

大共享时代系列_029_共享读书趣

是不是该读点书了呢? 参加读书会的好处? 打造社群学习RSC的价值:Reading(共读)、Shar...

老大哥在看着你 - 事件与事件监听

在JS的世界里到处是物件,在浏览器的世界里到处是事件。 事件驱动 根据JavaScript大全,客户...

第47天-学习一次性排程工作 at

今天进度 : 鸟哥私房菜 - 第十五章、例行性工作排程(crontab) 使用 systemctl ...

[Day 07] - Spring Boot 实作登入验证(一)(TOKEN or SESSION?)

昨天在controller有做了一个post的登入api, 不过也就只是验证你传入的帐密有没有正确而...