前后端分离式项目如何打通前后端——思路篇

一、使用的技术

 
        后端用 java 的 SpringBoot、Mybatis，前端用 Vue和 Element 的开源组件、数据库用 Mysql；有条件的可以部署到服务器。测试后端 API 用 POSTMAN。依赖管理使用Maven

        详细步骤请参考实战篇。

二、大致步骤：

        1、Java编写后端代码。

                 -xml文件用maven导入依赖

                -数据库建表
                -连接数据库并创建数据库表 对应的  类（对应图中的pojo文件夹下面的 Student类）
                -编写经典三层代码结构：Controller、Service、Mapper层。Controller负责请求的处理相当于WebAPI，Controller转发给Service层，Service再转发给mapper层，真正在操作数据库的增删改查是mapper层。其中Controller层使用@RequestMapping、@PostMapping等注解就可以变成WebAPI提供访问（例如http://localhost:9999/api/queryall）。详细请参考实战篇。
                -Res类是用来装返回值信息的类（例如状态码、返回的内容），就是如果有人用浏览器访问了这个网址，Res就包含了返回给浏览器的信息。

                -application.yml里面有数据库的配置

                -跨域问题目前可以通过简单的注解@CrossOrigin 解决

       
                
                

        2、Postman测试后端API。

                -测试成功说明前端代码可以使用这个API

        3、Vue编写前端代码。

                -为了快速开发，建议使用开源组件而不是自己写。
               

        4、打包放到服务器
               

                 -后端打包成jar, 前端打包成dist文件夹

                
                
                首先你得有一台服务器，笔者使用的是阿里云服务器，装了宝塔系统。部署到服务器其实跟部署到本地是一样的。本质都是一台主机。
                1、给服务器装jdk、数据库MySQL。

                2、把打包好的文件扔上去。
这就是大致思路啦~我们详细步骤见~~