springboot-vue-demo

全国血库联网管理系统

项目简介

该项目是全国血库联网管理系统的核心功能之一，完成了单个血库管理员用户记录、收支血液的功能
本项目使用了Vue3+springboot+mybatis作为开发框架，使用IDEA2021版作为开发环境

1.项目依赖

前端：vue3.x 请在终端使用如下代码进行依赖导入
npm install
后端：springboot 使用maven进行项目依赖导入

2.项目启动

前端启动：在终端输入 npm run serve
后端启动：启动 BloodBankApplication.java

3.项目设计模式

使用抽象工厂模式与观察者模式简单实现管理员管理的前端界面

抽象工厂模式：
我们在定义血库时用到了抽象工厂模式
1.首先定义一个抽象工厂：血库，而工厂的产品是的血液。生产一个产品，即代表着向血库中存储一单位的血液。
2.目前初步定义了全国血库，武汉血库，北京血库，上海血库，济南血库五个具体工厂类，每个工厂存储一定量的血液（生产了一定量的产品）。
3.血型的不同则代表了产品的不同等级结构。所有同一血型的产血液于同一个等级结构，在同一血库存储的血液属于同一产品族。
4.除了血型和存储地之外，血液还标有数量、添加日期，还可以在存储血液时添加备注。
5.数据库中导入数据时，可以通过简单工厂模式快速生产产品，将数据中的资料导入创建出若干个对象，从而在页面中显示出来。

观察者模式：
1.观察对象是各个血库血液的存储与取出情况，观察者当然就是各个血库的。当点击“添加”按钮时，update函数便会根据具体的添加内容，将数据存入相应的数据库。
2.而血液的取出以及在不同血库之间调配血液的操作，当然也会作为观察对象，当观察者观察到相应操作时，会对数据库进行相应修改。

4.Restful 设计风格

该项目中，我们使用了Restful设计风格来进行数据的请求
在该项目中，UserController类完成了传输数据的功能
@RestController：如果一个 Controller 类添加了@RestController，那么该 Controller 类下的所有方法都相当于添加了@ResponseBody 注解，
    用于返回字符串或 json 数据
在UserController类中，我们分别使用了@GetMapping、@PostMapping、@PutMapping、@DeleteMapping注解的方法，完成了前后端与数据库连接后，对数据
的增删改查功能