《大营销平台系统设计实现》 - 前端页面 第5节：对接联调额度签到权重接口

作者：小傅哥
博客：https://bugstack.cn (opens new window)

沉淀、分享、成长，让自己和他人都能有所收获！😄

• 本章难度：★★☆☆☆
• 本章重点：开发前端UI增加；额度展示、签到按钮、抽奖权重，对接服务端接口渲染UI页面。
• 课程视频：https://t.zsxq.com/MiNib (opens new window)

版权说明：©本项目与星球签约合作，受《中华人民共和国著作权法实施条例》 (opens new window) 版权法保护，禁止任何理由和任何方式公开(public)源码、资料、视频等内容到Github、Gitee等，违反可追究进一步的法律行动。

一、本章诉求

开发前端UI增加；额度展示、签到按钮、抽奖权重，对接服务端接口渲染UI页面。这个过程也是实际开发中，后端开发好接口后，前端做好了UI，开始联调对接调试接口和页面UI问题的过程。

二、流程设计

如图，本节的目的就是把这些页面效果和接口对接完成；

• 前端，开发UI界面，这部分是 React 的代码开发，可以做为了解学习。面试中不会问前端代码，只要能看懂即可。
• 后端，修改蓝色的类，在提交个 git 记录中可以看到。主要是配置些注解和字段取值，以及判空的操作。