账单管理系统(SpringCloud)

本文介绍一个基于SpringCloud微服务框架的账单管理系统,本项目采用前后端分离设计,在后端分别创建eureka注册中心,gateway网关,config-server远程获取git配置,service服务提供者。在前端编写Layui框架的网页,通过跨域访问到网关,来获取数据。

项目后端代码访问:gitee后端代码链接 项目前端代码访问:gitee前端代码链接

后端部分

service服务提供者

该部分文件结构如下

账单中心架构_mysql


bean包下得账单实体类和用来前后端交互的信息对象;config包下注册一个分页拦截器;dao包下编写调用数据库的方法;service包中细处理查询的数据;controller包下编写控制层,进行前后端交互。

resource资源文件夹下,mapper包中存在调用数据库方法所需要的的sql语句,bootstrap.yml配置文件将服务提供者注册至eureka注册中心,然后从git上远程获取配置。

账单中心架构_微服务_02

eureka注册中心

该部分文件结构如下

账单中心架构_java_03


eureka注册中心只需要配置一个启动类和配置文件,在配置文件中配置该注册中心的端口号和地址即可。

账单中心架构_账单中心架构_04

config-server远程获取git配置

该部分文件结构如下

账单中心架构_spring_05


config-server远程获取git配置也只需要配置一个启动类和配置文件,在配置文件中配置将自己注册至eureka注册中心,并标明远程获取配置的git地址。

账单中心架构_mysql_06

gateway网关

该部分文件结构如下

账单中心架构_spring_07


gateway网关也只需要配置一个启动类和配置文件,在配置文件中配置将自己注册至eureka注册中心,配置网关的相关信息(通过网关访问的路径、访问路径前后缀、允许跨域访问的地址和方式)。

账单中心架构_java_08


以上就是账单管理系统的后端部分介绍。


前端部分

文件目录

账单中心架构_spring_09


index.html为主界面

operate.html是账单列表显示界面

账单中心架构_微服务_10

add.html是账单添加界面

账单中心架构_微服务_11

update.html是账单信息修改界面

账单中心架构_mysql_12