Ant Design Pro前端 + Golang(Gin) 后端 + 小熊派下位机 : 智能开灯

目录

一. Ant Design Pro 做前端

1. src/pages 增加一个light_up目录, 创建新文件index.tsx

2. 创建 一个 service.ts 和 一个model.ts 文件

4. config/config.ts 增加新的一页的路由

5. config/proxy.ts 增加后台接口 '/goApi/'

二. Golang - Gin后端

三. 小熊派

1. 修改gpio.c

2. HAL_UART_RxCpltCallback 修改

四. 效果

五. 代码

一. Ant Design Pro 做前端

1. src/pages 增加一个light_up目录, 创建新文件index.tsx

2. 创建 一个 service.ts 和 一个model.ts 文件

service.ts

model.ts

4. config/config.ts 增加新的一页的路由

5. config/proxy.ts 增加后台接口 '/goApi/'

二. Golang - Gin后端

三. 小熊派

参考教程

https://mp.weixin.qq.com/s/0ep0ofCUENFVtzzqrvs2BA

1. 修改gpio.c

2. HAL_UART_RxCpltCallback 修改

四. 效果

<iframex id="JtK0F1yH-1588517303548" frameborder="0" src="//i2.wp.com/player.youku.com/embed/XNDY1ODc1MDE4OA==" allowfullscreen="true" data-mediaembed="youku"></iframex>

AntDesignPro控制小熊派.mp4

五. 代码

https://download.csdn.net/download/halo_hsuh/12385523

backend.zip - golang 后端代码

frontend.zip - ant design pro 前端代码

lightUp_uart1.zip - 小熊派串口操作启用灯代码