【前端写java接口】前端用java写一个简单的后端接口并和前端交互数据【以前端角度解释，详细注释，谁都看得懂】

先声明：

我不是做后端的，我是前端的，然后想要做一个后端的接口平常用来测试测试前端的页面，所以百度加上看看视频学了几天，简单的做一个，可能很多不专业的地方，后端小哥们别太严格哈，有问题可以指出来我也学习一下。

我是只在B站看了java基础语法就没看了，然后直接就去下载了idea，数据库，springboot之类的开搞。中途很多坑是百度出来的。这帖子也算是我阶段的一个小总结。如果前端小伙伴们想要自己写一个简单的接口，建议还是先java基础看一眼不然你是一脸懵逼。可能我解释的你听的懂，但是想要修改就一点都没头绪了。

需要下载的：

jdk（其实就是java，不下载没法用java语言），idea（开发工具，和vscode一样，这里可以直接创建springboot项目），MySql数据库，Navicat（就是操作数据库的可视化平台，很方便，不然数据库的命令行你还要学一遍）

后端三层架构解释：

我用前端好理解的话说，就是controller内的文件代表写给前端的接口文件，给前端访问的，entity内的是实体类也就是映射数据库字段的。mapper也就是接口，用来后端链接数据库查询操作数据的。
合起来流程就是，前端发请求访问controller内的请求，然后后端通过controller内的请求调用mapper内的方法操作数据库拿到数据并对应实体类entity的实体类的格式通过controller内的接口返回给前端数据。

创建springboot项目

直接idea新建项目，这里注意java可能你下载的版本低，就改为8，勾选我选中的那些

项目文件格式

解释一下：
创建项目后只需要看src内的就行了，其他基本不用管。和前端项目一样。然后特别解释一下是，Demo2Application这个文件是启动文件，也就是运行文件，你代码写好后可以右键它运行代码，和前端npm run dev一个意思。
也可以idea右上角有个绿色箭头直接点击运行。然后application.properties文件是配置项，类似于前端的config配置。pom.xml文件是你的项目引入的插件等配置，类似前端的package.json文件。
其他的不用管，可能你们会出现很多其他文件，我也有，只不过我给隐藏了。所以看不到，因为都用不到，只需要看我说的这些文件就行了

代码

Demo2Application

package com.example.demo;import org.mybatis.spring.annotation.MapperScan;import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication//这里写的是告诉spring框架mapper接口在什么位置，然后找到对应的地方扫描。不写框架会找不到接口@MapperScan("com.example.demo.mapper")public class Demo2Application {    public static void main(String[] args) {        SpringApplication.run(Demo2Application.class, args);    }}

application.properties

#这里输入的是url也就是数据库的地址，这里的test代表你想要访问的数据库是哪一个。对照自己的改动spring.datasource.url=jdbc:mysql://localhost:3306/test" />
然后就可以了，前端接口调用一下测试
这里用postman测试一下接口成功。