有余记账（h5记账类项目）

有余记账项目，我在大学时自己写着玩的一个小demo，该项目是一个拥有记账功能的移动WebApp，满足一个记账应用的基本需求。主要功能包含用户注册登录，用户记录收支情况，设置每月预算，账单汇总以及在线客服等，使用到的前端技术是：Vue + vue-router + vuex + vant-ui + axios + websocket，后端是：nodejs + express + mysql

注册登录（注册及登录），如果在数据找不到用户名就会直接注册，如果找到了就是验证密码登录
登录成功后进去个人主页，可对个人信息进行修改操作
再来到主页，会看到每一笔账单的详细记录，且可查看往年往月的记录
账单明细，可以查看年份的账单的收入、支出、结余情况
记录单笔收支情况，可切换收入或支出，点击图标后弹出自定义数字键盘，点击备注可自定义文字描述，点击设置则跳转至图标设置（每个用户的图标列表都是转为数组保存在数据库的），点击完成则完成单笔账单记录
图标编辑，分为支出图标编辑与收入图标编辑，拖动图标可以进行排序，点击红色叉号也可删除某个图标，点击下方添加类别按钮，可跳转至添加类别，添加类别有非常多的图标可以使用（截图仅是部分），文字可以自定义编辑。
客服，在首页可以看到左上角有个客服的图标，如果图标有上角有红色标记，则说明当前有未回复的信息，该页面引入了websocket技术，管理员可以在后台管理系统回复信息。

好了这就是该项目基本所有功能，预算功能开发到一半，因为时间问题就没有继续写下去了。。。

然后ui是仿照鲨鱼记账的。。。

对了这篇文章是面向面试官的！！！

有余记账（h5记账类项目）相关推荐

晨曦记账本记账，使用项目查看账目
什么时候会觉得自己最有钱呢?大概就是看年终账单的时候吧.但再看看你的钱包余额,你会想"我的钱都哪儿去了"其实我也一样,从刚开始的"钱付出哪儿了?到现在能控制自己的开支,就 ...
Cocos Creator小游戏-2048（PC、安卓、H5）益智类项目展示+完整项目源码
游戏录像 Cocos Creator小游戏-2048 游戏玩法在棋盘上,每次会增加一个小动物,你可以选择四个方向滑动,然后小动物会按方向移动,遇到相同的小动物就会合并,看谁合并的最多. 功能 1.初 ...
工作手册会计核算制度目录 1. 会计核算管理制度 1 2. 会计档案管理办法 4 1.会计核算管理制度 8. 1.采取借贷记账法记账，采用权责发生制，即凡是收益已经实现，用已经发生，不论款
工作手册会计核算制度目录 1. 会计核算管理制度 1 2. 会计档案管理办法 4 会计核算管理制度 8. 1.采取借贷记账法记账,采用权责发生制,即凡是收益已经实现,用已经发生,不论款项是否收付, ...
SAP PS 第11节收入类项目结果分析及结算
SAP PS 第11节收入类项目结果分析 1 收入类项目结果分析 1.1 OKG1定义结果分析码 1.2 OKG2定义版本信息,成本控制范围+RA版本 1.2.1 定义结果RA成本要素 1.2.2 ...
支付系统-财务记账复式记账借贷
其他文章来账/往账账户/账务系统总结: 同一个行为,对不同的主体,复式记账的记账方式是不同的. 很多文章都没说到这点. 有借必有贷,借贷必相等.那么盈利在哪? 利润是要季度/年度整理的,整理的时候 ...
2018世界杯那么火，区块链预测类项目了解一下？
北京时间7月12日,世界杯半决赛第2场在莫斯科卢日尼基球场展开较量,克罗地亚加时2比1逆转英格兰,首度打进世界杯决赛,将与法国争夺冠军. 世界杯的火爆带动了区块链预测类项目的风靡,小编为大家精心整理了 ...
记账APP：小哈记账4——记账首页页面的制作（1）
项目介绍: 小哈记账是一款用于记账APP,基于Android Studio开发工具,采用Java语言进行开发,同时使用litepal和阿里云数据库进行数据的增删查改,以图标的形式在App的界面上显示. ...
在线机房改造类项目建设难点的研究
摘要随着IT技术的不断发展,IT设备的运行环境要求越来越高,更新换代的速率也越来越快.其中作为IT系统运行的载体--数据中心,需要持续适应不断提升的运行环境要求. 由于数据中心作为一个建筑,生命周期 ...
深度学习在医学影像的三大类项目应用
深度学习在医学影像的三大类项目应用医学影像的分类医学影像的检测医学影像的分割关于数据方面的补充深度学习在医学影像的应用项目目前主要几种在三个方面:分类.检测和分割.下面我就我所接触的这三个方 ...
c++ 项目_罗纳尔多相信C罗从事技巧类项目，其成就不会亚于他在足坛的成绩
自从范巴斯滕在"梅西与C罗谁更加强大"表明了立场后,当今足坛关于梅西与C罗的讨论又一次达到了高峰.西班牙时间2月29日中午,罗纳尔多在体育节目中,也对此进行了探讨.大罗认为范巴斯滕 ...

有余记账（h5记账类项目）

有余记账（h5记账类项目）相关推荐

最新文章

热门文章