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

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

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

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

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