Java Web学习笔记21——前后端分离开发

前后端混合开发:

沟通成本比较高。

分工不明确。

不便管理,不便于后期的维护和拓展。 

前后端分离开发:

当前主流的开发模式:前后端分离开发:

接口文档:

接口并不是interface。

接口指的是业务功能。

添加员工是一个业务功能,称为一个接口,删除员工是一个功能,也是一个接口。

一个业务功能,就是一个接口。

接口文档示例:

请求路径、请求方式、基本描述信息、请求参数、参数含义、请求样例。 

 

响应数据返回的格式是JSON格式。

JSON中每项数据的含义是什么?最终数据大概是什么样子。

接口文档有了,前后端工程师阅读接口文档,根据接口文档进行开发。

接口文档中定义了需要传递什么参数,前端工程师给后端在请求中传递什么参数就可以了。

后端工程师也是根据接口文档描述的形式,来接收参数,后端处理完成,再按照接口文档所描述的规范给前端响应对应的数据。

前端工程师再根据响应数据进行解析。

前端工程师和后端工程师都严格遵循了接口文档,前端工程师和后端工程师可以无缝衔接在一起的。

接口文档怎么进行维护呢?

在线方式:

接口在线管理平台:

离线:

word、excel、markdown中定义接口。

接口文档是由谁来定义的呢?依据什么定义的?

产品经理是由产品原型、需求分析分析而来的。

原型什么样子的?

 

 

 

 在页面原型中,就详细地描述了我们要做什么功能。每个功能要做成什么样子的,界面显示什么信息?界面中有哪些功能,以及每个功能的描述、需求说明中都有详细的描述。

那么我们根据这个页面原型和需求文档,就能得到接口文档。

开发流程:

需求分析:

接口文档:API接口文档

前后端并行开发:遵守规范

测试:前端、后端

前端和后端的联调测试

接口文档的管理平台:

YAPI:

介绍:YApi是一款高效、易用、功能强大的api管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务。

可以在公司内部进行部署,供自己公司内部使用。

YApi主要提供两个功能:

1)api接口管理功能;

2)Mock服务:模拟真实接口,生成接口的模拟数据,用于前端功能测试。前后端就可以并行开发。后端人员还没有开发完成,前端人员可以先使用mock提供的地址进行模拟测试。

YApi平台:

添加项目

添加分类:

添加接口

Mock地址:

高级Mock配置期望返回的数据。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/web/24809.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

学习java第九十六天

AOP有哪些实现方式? AOP有两种实现方式:静态代理和动态代理。 静态代理 静态代理:代理类在编译阶段生成,在编译阶段将通知织入Java字节码中,也称编译时增强。AspectJ使用的是静态代理。 缺点:代理对象需要与…

Wireshark自定义Lua插件

背景: 常见的抓包工具有tcpdump和wireshark,二者可基于网卡进行抓包:tcpdump用于Linux环境抓包,而wireshark用于windows环境。抓包后需借助包分析工具对数据进行解析,将不可读的二进制数转换为可读的数据结构。 wires…

React+TS前台项目实战(三)-- 国际化配置

文章目录 前言一、安装国际化相关插件包二、在src/locales目录下创建en.json和zh.json语言包文件三、配置与使用1. i18n.ts配置详细代码及注释如下2. 在layout布局组件中初始化,并处理路由跳转问题 总结 前言 本文主要讲项目的国际化配置和相关常用方法封装。 一、…

pytho入门教程

文章目录 随机数据生成的方式list操作方式数据操作方式处理缺失数据数据框操作方式画图的方式 随机数据生成的方式 # 随机生成数据的方式 # 1. 随机生成10-20之间的浮点数 holdForce random.uniform(10,20) # print(holdForce)# 2.for循环输出50个数据的方式 # for i in rang…

element-plus的el-text组件(文本组件)的介绍和使用

el-text(适合文本操作的组件) 设置文本type,如default,primary,success,info,warning,danger超出容器尺寸自动省略,tuncated属性设置size属性控制文本大小,有large,default,small设置tag属性,值为html5标签名&#xf…

前端工程化工具系列(十二)—— PostCSS(v8.4.38):CSS 转换工具

PostCSS 是转换 CSS 语法的工具。它提供 API 来对 CSS 文件进行分析和修改它的规则。 PostCSS 本身并不能直接使用,主要是使用基于 PostCSS 编写的插件。 1 安装 pnpm add -D postcss-import postcss-nested postcss-preset-env cssnano2 配置 在项目根目录下创…

基本类型值,是按值复制的,而不是按引用复制的。(深浅拷贝)

let obj[1,2,4] let obj2Array.from(obj) obj2[0]23 console.log(obj) 这是浅拷贝吗? 在给出的例子中,Array.from(obj) 实际上执行的是对数组 obj 的浅拷贝。这是因为数组在JavaScript中是一种特殊的对象,其元素存储在索引属性中。Array.fr…

Spring Cloud、Spring Cloud LoadBalancer、Nacos 和 OpenFeign整合

版本 Spring Cloud 3.1.1spring cloud loadbalancer 3.1.1nacos 2021.1open feign 3.1.1 引入依赖 在项目的 pom.xml 文件中添加相关依赖&#xff1a; <dependency><groupId>org.springframework.cloud</groupId><artifactId>spring-cloud-starter…

Nagios的安装和使用

*实验* *nagios安装和使用* Nagios 是一个监视系统运行状态和网络信息的监视系统。Nagios 能监视所指定的本地或远程主机以及服务&#xff0c;同时提供异常通知功能等. Nagios 可运行在 Linux/Unix 平台之上&#xff0c;同时提供一个可选的基于浏览器的 WEB 界面以方便系统管…

【创作活动】面对层出不穷的AI大模型产品我们应该怎么选择?

&#x1f604; 19年之后由于某些原因断更了三年&#xff0c;23年重新扬帆起航&#xff0c;推出更多优质博文&#xff0c;希望大家多多支持&#xff5e; &#x1f337; 古之立大事者&#xff0c;不惟有超世之才&#xff0c;亦必有坚忍不拔之志 &#x1f390; 个人CSND主页——Mi…

Vue CLI 4与项目构建实战指南

title: Vue CLI 4与项目构建实战指南 date: 2024/6/9 updated: 2024/6/9 excerpt: 这篇文章介绍了如何使用Vue CLI优化项目构建配置&#xff0c;提高开发效率&#xff0c;涉及配置管理、项目部署策略、插件系统定制以及Webpack和TypeScript的深度集成技巧。 categories: 前端…

五、身份与访问管理—身份管理和访问控制管理(CISSP)

目录 1.身份管理 1.1 目录技术 1.2 单点登录 1.2.1 Kerberos认证 1.2.2 SESAME认证 1.2.3 KryptoKnight认证 1.3 联合身份管理 1.3.1 SAML安全断言标记语言 1.3.2 标记语言 1.3.3 OpenID 1.3.4 OAuth 1.3.5 OIDC(OpenID Connect) 2.身份即服务(IDaaS) 2.1 AA…

深度神经网络是什么?

深度神经网络&#xff08;Deep Neural Network, DNN&#xff09;是机器学习领域中的一种重要技术&#xff0c;特别是在深度学习领域。以下是关于深度神经网络的详细回答&#xff1a; 1. 定义与结构 定义&#xff1a;深度神经网络是由多层人工神经元相互连接而成的网络结构&am…

Rocky linux 搭建DNS主从服务器+keepalived实现高可用

接上两篇文章&#xff0c;这篇文章跟上两篇没有直接关系。 第一篇&#xff1a;linux rocky 搭建DNS服务和禁止AD域控DNS&#xff0c;做到独立DNS并加域_linux 域控-CSDN博客文章浏览阅读519次&#xff0c;点赞20次&#xff0c;收藏10次。使用linux rocky 搭建DNS服务&#xff…

【个人博客搭建】(22)申请QQ开发者

这里我们要引入的一个概念是OAuth - OAuth 2.0是一个行业标准的授权协议&#xff0c;用于处理用户数据访问和分享的安全问题。它允许用户将他们对某些服务的访问权限授权给第三方应用&#xff0c;而无需分享他们的用户名和密码。以下是对OAuth 2.0的介绍&#xff1a; 基本概念 …

Nvidia/算能 +FPGA+AI大算力边缘计算盒子:中国舰船研究院

中国舰船研究院又称中国船舶重工集团公司第七研究院&#xff0c;隶属于中国船舶重工集团公司&#xff0c;是专门从事舰船研究、设计、开发的科学技术研究机构&#xff0c;是中国船舶重工集团公司的军品技术研究中心、科技开发中心&#xff1b;主要从事舰船武器装备发展战略研究…

PDF编辑与转换的终极工具智能PDF处理Acrobat Pro DC

Acrobat Pro DC 2023是一款功能全面的PDF编辑管理软件&#xff0c;支持创建、编辑、转换、签署和共享PDF文件。它具备OCR技术&#xff0c;可将扫描文档转换为可编辑文本&#xff0c;同时提供智能PDF处理技术&#xff0c;确保文件完整性和可读性。此外&#xff0c;软件还支持电子…

信驰达蓝牙数字钥匙方案持续创新,助推智慧汽车生态发展

随着汽车智能化的加速发展&#xff0c;数字钥匙正成为全球化的新趋势&#xff0c;它通过数字化的手段连接人、车以及更广泛的生态&#xff0c;引领着出行方式的革命和用户体验的转变。数字钥匙不仅仅是一个简单的访问工具&#xff0c;它重新定义了人与车的互动方式&#xff0c;…

竞拍商城系统源码后端PHP+前端UNIAPP

下载地址&#xff1a;竞拍商城系统源码后端PHP前端UNIAPP

手把手教你入门vue+springboot开发(二)

文章目录 前言一、开发环境搭建二、创建项目三、编写代码1.插件下载2.编写代码 四、测试验证总结 前言 前面我们构建了一个查询用户信息的简单springboot后端demo&#xff0c;今天我们先搭建VSCodevue的开发环境&#xff0c;然后在这个开发环境上构建一个demo&#xff0c;连接…