前后端分离开发流程与技术栈.pdfVIP

问题说明

➢开发人员同时负责前端和后端代码开发，分工不明确

➢开发效率低

➢前后端代码混合在一个工程中，不便于管理

➢对开发人员要求高，人员招聘

◆前后端分离开发

◆Yapi

◆Swagger

◆项目部署

前后端分离开发

•介绍

•开发流程

•前端技术栈

前后端分离开发

介绍

前后端分离开发，就是在项目开发过程中，对于前端代码的开发由专门的前端开发人员负责，后端代码则由后端开发

人员负责，这样可以做到分工明确、各司其职，提高开发效率，前后端代码并行开发，可以加快项目开发进度。

目前，前后端分离开发方式已经被越来越多的公司所采用，成为当前项目开发的主流开发方式。

前后端分离开发后，从工程结构上也会发生变化，即前后端代码不再混合在同一个maven工程中，而是分为前端工程

和后端工程。

后端工程打包部署

Tomcat

(Java代码)

Java代码工程拆分

html

CSS

JS前端工程打包部署

(htmlNginx

CSS

JS)

前后端分离开发

开发流程

前后端分离开发后，一个问题，就是前端开发人员和后端开发人员如何进行配合来共同开发一个项目？

可以按照如程进行：

接口(API接口)就是一个http的请求地址，主要就是去定义：请求路径、请求方式、请求参数、响应数据等内容。

前后端分离开发

前端技术栈

开发工具

⚫VisualStudioCode

⚫hbuilder

技术框架

⚫nodejs

⚫VUE

⚫ElementUI

⚫mock

⚫webpack

YApi

•介绍

•使用

YApi

介绍

YApi是高效、易用、功能强大的api管理平台，旨在为开发、产品、测试人员更优雅的接口管理服务。可以帮助

开发者轻松创建、发布、API，YApi还为用户了优秀的交互体验，开发人员只需利用平台的接口数据写

入工具以及简单的点击操作就可以实现接口的管理。

YApi让接口开发更简单高效，让接口的管理更具可读性、可性，让团队协作更合理。

源码地址：

要使用YApi，需要自己进行部署。

YApi

使用方式

使用YApi，可以执行下面操作：

⚫添加项目

⚫添加分类

⚫添加接口

⚫编辑接口

⚫查看接口

Swagger

•介绍

•使用方式

•常用注解

Swagger

介绍

使用Swagger你只需要按照它的规范去定义接口及接口相关的信息，再通过Swagger衍生出来的一系列项目和工具，

就可以做到生成各种格式的接口文档，以及接口调试页面等等。

：

knife4j是为JavaMVC框架集成Swagger生成Api文档的增强解决方案。

dependency

groupIdcom..xiaoymin/groupId

artifactIdknife4j-spring-boot-starter/artifactId

version3.0.2/version

/dependency

Swagger

使用方式

操作步骤：

1、导入knife4j的maven坐标

2、导入knife4j相关配置类

3