近期完成了一个前后端分离的项目,所思所想,分享一哈!
第一次做前后端分离项目时,我想大家对此肯定有很多疑问:
(1)前端是做界面,后端是做接口,那到底什么是接口呢?
(2)我以前做Java项目时候,前端界面也是我写的啊,现在分离开来,我后端的数据怎么给前端呢?
其实不管你是前端人员还是后端人员,要想在互联网行业中如鱼得水,你几乎得啥都会一点,然后精于一门技术。对于接口,我有一个通俗的解释:前端把精美的界面呈现在大家面前,但是,那只是一个vase,没有任何实际数据,后端对数据库进行处理后,就会把数据传上来,那怎么传呢?利用链接来与前端对接。熟悉Spring boot的同学应该知道,controller层中有各种各样的映射,我们在浏览器中输入你设置好的映射,你就可以访问这些数据了;不熟悉spring boot的同学可以看看浏览器中的链接,如CSDN网址“https://www.csdn.net/”,我现在所处页面网址“https://mp.csdn.net/postedit”,后面是不是多了一个“/postedit”?我们把这种可以来访问数据的url称之为接口。前端页面通过ajax就可以之间访问,实现前后端分离啦!
理解原理之后,我们试着来做一下后端是如何从数据库读取数据变成接口的。
(1)创建Spring boot项目。并创建controller、dao和pojo文件夹。项目目录结构如下:
2.pom.xml如下:
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
<modelVersion>4.0.0</modelVersion>
<parent>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-parent</artifactId>
<version>2.1.6.RELEASE</version>
<relativePath/> <!-- lookup parent from repository -->
</parent>
<groupId>com.gang</groupId>
<artifactId>study_boot_demo</artifactId>