银行管理系统
相关流程:登录 基于华为用户认证,需要基于华为的用户认证api完成登录功能
添加银行卡 我们会把银行卡数据添加到数据库里面,留作后续金额加减,每个人初始有100
首页 1. 展示银行卡 2. 展示交易信息 3. 交易信息是真实的需要从数据库查询,也就是a转b的信息
数据统计 1. 我们基于webView编写 2. vue3+ts编写
钱包 和首页一模一样
转账 输入对应的数据完整转账,a给b转,a减b加,这里需要使用事务锁
个人信息 完整真实的更换头像功能
总流程 1. 现在有两个用户分别是用户A和用户B 2. 用户A和用户B都是通过邮箱注册 3. 在首页或者钱包页面通过可以添加银行卡 4. 在个人信息页面可以修改个人信息 5. 可以看到当前用户的二维码 6. A 给 B 转账,A这里可以显示B的相关信息 7. 点击支付的时候 8. 此时A用户的银行卡余额会减少,B用户的金额最增多 9. A 支付完成后 回到首页,可以看一条支付记录 10. 这个记录是A给B转账,对A来讲属于支出 11. B 也可以看到支付记录,对B来说属于收入 12. 并可以可以分别看到最近联系人
代码地址:https://gitee.com/lunmeng/bankManage
个人博客管理系统:
相关技术:系统包含 任务清单 、 任务分类 、 日志薄 、 废纸篓 等模块,本人参与了所有模块的开发。
系统分为前后端两个部分。前端部分使用 vue 作为框架,并使用脚手架 vue-cli 搭建。
其中,使用 vue-router 处理路由,使用 vuex 处理共享数据,使用 element-ui 构建界面。
后端部分使用 node 搭建轻量级服务器,通过 express 为前端提供REST风格的接口,数据方面利用 mysql 持久化数据,并利用库 sequelize 提供的接口操作数据库
项目开发中遇到了 打包体积过大 的问题,经过研究,最终利用 tree shaking 、 dynamic import 、 gzip ,很好的解决了该问题
代码地址:https://gitee.com/lunmeng