项目UI地址 www.ui.com 项目接口文档 www.api.swagger-ui 项目总体流程介绍 1. 我们这个项目是一个硬件+软件的项目，整体项目通过 华为云平台进行中转通信，具体流程如下 2. 设备端通过MQTT协议与IOTDA平台通讯 3. IOTDA平台收到消息后通过http协议把消息转发到指定服务器 4. 服务端作为中间层接收到消息后通过webScoket协议下发到app上 5. app 通过http+webScoket协议拿到数据后进行app页面展示 实时通讯本地调试 调试接口地址 www.subscribeTDA.com POST请求

系统包含 任务清单 、 任务分类 、 日志薄 、 废纸篓 等模块，本人参与了所有模块的开发。 系统分为前后端两个部分。前端部分使用 vue 作为框架，并使用脚手架 vue-cli 搭建。 其中，使用 vue-router 处理路由，使用 vuex 处理共享数据，使用 element-ui 构建界面。 后端部分使用 node 搭建轻量级服务器，通过 express 为前端提供REST风格的接口，数据方面利用 mysql 持久化数据，并利用库 sequelize 提供的接口操作数据库 项目开发中遇到了 打包体积过大 的问题，经过研究，最终利用 tree shaking 、 dynamic import 、 gzip ，很好的解决了该问题

登录 基于华为用户认证，需要基于华为的用户认证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. 并可以可以分别看到最近联系人