最近正在重构之前开发过的记账本

2019-06-13 admin

最近正在重构之前开发过的记账本,之前做得太烂了,现在想重新使用重构一般移动端的记账本,加入了新的功能,主要技术站为

webapp
      vue.js 后端php,可能原生写。
      也可能使用框架写。
      也可能使用 node.js写。
      也可能使用go语言写。
      也可能使用java写

小程序版本

app
安卓版本,
还有可能使用IOS版本

码云地址

Ken / 记账本,重构

暂时页面的安排,以及目录的排版

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

启动页面

|---------loading/ 启动页面
            |----component/ 组件模块
                     |----loading.vue
            |----common/ 公共模块
            |----style/ 样式模块

注册页面

|---------login/ 注册页面
            |--component/ 组件模块
                   |----login.vue
            |--common/ 公共模块
            |--sytle/ 样式模块

首页

|---------home/ 首页
           |--component/ 组件模块
                  |----date.vue 日期组件
                  |----inout.vue 收入支出组件
                  |----visualize.vue 可视化组件
                  |----importaccout.vue 导入账单组件
                  |----voiceaccount.vue 语音账单组件
           |--common/ 公共组模块
           |--style/ 样式模块

账本

|---------account/ 账本
             |---component/ 组件模块
                    |-----head.vue 头部组件
                    |-----account.vue 账本组件
                    |-----scroll.vue 滚动组件
             |---common/ 公共模块
             |---style/ 样式模块

我的资金

|---------usermoney/ 用户资金
             |---component/ 组件模块
                    |---inputmoney.vue 输入资金组件
                    |---showmoney.vue 展示资金模块
             |---common/ 公共模块
             |---style/ 样式模块

|---------user/ 用户模块
             |---component/ 组件模块
                    |---head.vue 导航
                    |---usernote.vue 账号密码修改
                    |---dailyremind.vue 每日提醒
                    |---exportbooks.vue 导出账本
                    |---aboutus.vue 关于我们
                    |---softwareupdates.vue 软件更新
             |---common/ 公共模块
             |---style/ 样式模块

添加记账页面

|---------addaccount/ 添加记账
              |-----inaccount 收入页面
                       |-----component/
                                |-----head.vue 图表
                                |-----show.vue 显示各种收入
                       |-----common/
                       |-----style/
              |-----outaccount 支出页面
                       |-----component/
                                |-----head.vue 图标
                                |-----show.vue 显示各种支出
                       |-----common/
                       |-----style/

              |------transferaccounts/ 转账页面
                       |------component/
                                 |----head.vue 图标
                                 |----show.vue 显示转出转入
                       |------common/
                       |------style/

              |-------blance/ 余额
                       |------component/
                                 |---inputblance.vue 转入余额
                                 |---showblance.vue 显示余额
                       |------common/
                       |------style/

在这里插入图片描述

加上注册页面的访问地址

https://kennana.gitee.io/accountingreconstruction/#/register 在这里插入图片描述 在这里插入图片描述

加上启动页面的访问地址

https://kennana.gitee.io/accountingreconstruction/#/ 在这里插入图片描述

加上主页的访问地址

https://kennana.gitee.io/accountingreconstruction/#/main

在这里插入图片描述 在这里插入图片描述

加上404页面的访问地址

https://kennana.gitee.io/accountingreconstruction/#/main/home1

在这里插入图片描述

[转载]原文链接:https://segmentfault.com/a/1190000019461937

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-67154.html

文章标题: 最近正在重构之前开发过的记账本

相关文章
10个强大的纯CSS3动画案例分享
我们的网页外观主要由CSS控制,编写CSS代码可以任意改变我们的网页布局以及网页内容的样式。CSS3的出现,更是可以让网页增添了不少动画元素,让我们的网页变得更加生动有趣,并且更易于交互。本文分享了10个非常炫酷的CSS3动画案例,希望大家...
2015-11-16
v-charts | 饿了么团队开源的基于 Vue 和 ECharts 的图表工具
在使用echarts生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts的出现正是为了解决这个 痛点。基于Vue2.0和echarts封装的v-charts图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简...
2018-05-24
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
ajax为什么令人惊异?ajax的优缺点
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。 Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHT...
2015-11-12
HTML5的5个不错的开发工具推荐
HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长,DCloud CEO王安也发表了文章,从开发者和用户两个角度分析了HTML对两个人群的优势。其实,关于HTML5的开发工具,我们以往的...
2015-11-12
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
零基础-5小时开发一个electron应用-[实践]
一、背景 三、技能升级 ​ 明明可以用颜值取胜,非要靠才华?不对,明明可以用代码搞定,非要搞设计?步入正题,正好最近对electron比较感兴趣,又是要做工具,那就直接怼 1.electron介绍 ​ electron最开始不叫这个名字,叫...
2017-12-26
JS中的语音合成——Speech Synthesis API
JS中的语音合成——Speech Synthesis API 简介 HTML5中和Web Speech相关的API实际上有两类,一类是“语音识别(Speech Recognition)”,另外一个就是“语音合成(Speech Synthes...
2018-05-17
layui表格checkbox选择全选样式及功能的实
在之前的版本,默认复选框是要有值得,默认为“勾选”两个字,在表格里用来做选择不适合,很难改,还好layui升级后,可以支持不写name值,来适应表格中的选择操作。 1、layui版本号为 v1.0.9 rls版本(当前最新版本) <s...
2018-03-08
回到顶部