Idea+springboot+vue 前后端交互实现

目录

1.工程建立

2.springboot和vue介绍

3.springboot和vue交互

4.总结

---

1.工程建立

首先在idea中分别建立好springboot和vue项目，工程建立参照我之前的博客：

idea中springboot项目建立：
Idea 搭建 springboot 项目_.‘~’.的博客-CSDN博客

idea中vue项目建立：

Idea配置 vue 插件和 vue 项目的建立_.‘~’.的博客-CSDN博客

2.springboot和vue介绍

通过前面的工程建立，我们分别实现了springboot对后台数据库的数据访问，vue实现基本的页面展示。

关于springboot和vue，下面谈谈我自己的理解（刚刚接触，可能有不太正确的认识），一开始不太了解这些目录结构和功能实现，springboot和vue交互的实现完全没头绪。

springboot：

在以下目录中，基本实现了我们以什么方式去访问我们的数据库并得到我们的需要的数据

controller文件夹下定义的是我们的页面访问方式，也可以通过调用接口获取数据等（这里也是和vue实现数据交互的主要地方），controller中的文件我认为可以理解为springboot项目运行的控制其，主导者整个项目的运行。

下图中 ① ②分别定义了路径访问index页面的父子路径：通过