?? 前端如何与后端对接？当年差点和后端同学打起来了！

阅读须知

大学期间对于前端的学习

对于我双非本科小菜鸡来说，最开始入门的语言是 C 语言，之后大二大三就以 Java 语言为主。后面了解了一下其它学校同学学习的课程，好像大部分也是以 Java 为主，不过有的学校会教学一些 Web 前端的课程，这个是挺好的。

我是仅仅大二学了一本 《Web基础入门指南》书籍（可能书名也不叫这个名字），内容也是比较基础，学习一些 html 标签，css 语法也学的很少。

课程快要结束的时候，老师给我们提及了 ajax 以及异步请求相关的概念，逐渐的有了前后端的概念，最后的作业就是完成一个课程设计，也是比较经典的管理系统，要有数据库连接等等，我们当时做的就是比较经典的「图书管理系统」了。

大学期间做的项目

大二学习前端的知识不是很多，后面来到了大三，学习了 JavaEE 以及软件工程的课程，当时这两门学科老师进行了联合，要求我们分组完成一个大的课程设计，这个也是作为期末考试的重点比例分数，可以说如果这个项目分数不高的话，两门都得挂了。

不过平常与大佬接触蛮多，所以就和大佬们组了队，其中就有一位小学就学习过编程的同学，对于大学才刚接触编程的我来说经验还是有许多差距。

当时软件工程老师给我们提及了，前端框架可以考虑使用 Vue 或者 React 框架，那时候我最开始接触这两个词，然后组内大佬就开始研究这个框架了，让我佩服学习能力真的好强，一周内就开始编写页面了。

而后端当时提及的就是 SSM，如果不太熟悉的小组也可以使用 SSH，我们当时就采用了 SSM 框架，并且采用前后端分离的模式开发。

后端也是一位大佬，当时就引入了 Swagger UI

在这里引用官方的介绍：

Swagger UI allows anyone — be it your development team or your end consumers — to visualize and interact with the API’s resources without having any of the implementation logic in place. It’s automatically generated from your OpenAPI (formerly known as Swagger) Specification, with the visual documentation making it easy for back end implementation and client side consumption.

来自谷歌翻译： Swagger UI 允许任何人——无论是你的开发团队还是你的最终消费者——在没有任何实现逻辑的情况下可视化 API 资源并与之交互。 它是根据您的 OpenAPI（以前称为 Swagger）规范自动生成的，带有可视化文档，便于后端实现和客户端使用。

当时做的效果就是如官方图片一样，提供了一种可视化的效果，这样前端同学就不用这么花费很多沟通上的成本，直接看图一目了然。