用Spring Cloud实现前后端分离的记账项目

概述

这是一个前后端分离的记账系统，分为前端部分和后端部分，后端返回Json数据，前端通过Ajax调用后端接口来接收数据。

后端分为4个部分：

• Eureka注册中心：其他微服务都要注册到eureka（端口号：10086）
• Spring Cloud Gateway网关：有路由功能，将特定格式的请求（以/api/bill/开头的请求）路由到bill-service微服务（端口号：8086）
• Spring Cloud Config分布式配置中心：从Git仓库获取bill-service微服务的配置文件（我将bill-service微服务配置文件上传到了gitee）（端口号：12000）
• bill-service微服务（端口号：9091）

前端使用了layui框架。

为了实现bill-service微服务配置文件的实时更新，使用了基于RabbitMQ的Spring Cloud Bus服务总线，请见我写的这一篇文章：
Spring Cloud Config + Spring Cloud Bus + RabbitMQ 实现配置文件实时更新

遇到的问题及解决方法

前后端分离的项目怎么实现跨页面的数据回显？

主页（operate.html）显示了很多条账单数据，点击某一条账单数据的修改按钮，跳转到修改页面（update.html），此时要回显数据，把这条账单数据显示在输入框里。

可以使用本地存储localstorage。主页（operate.html）点击修改按钮时，把相应的数据存储在localstorage：

//将要修改的数据存在local storage中
localStorage