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,一经查实,立即删除!

相关文章

Wireshark自定义Lua插件

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

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

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

Nagios的安装和使用

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

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

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

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

title: Vue CLI 4与项目构建实战指南 date: 2024/6/9 updated: 2024/6/9 excerpt: 这篇文章介绍了如何使用Vue CLI优化项目构建配置,提高开发效率,涉及配置管理、项目部署策略、插件系统定制以及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…

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

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

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

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

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

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

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

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

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

下载地址:竞拍商城系统源码后端PHP前端UNIAPP

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

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

肠道病原体感染定植的三个关键角色——炎症、营养与共生菌群

谷禾健康 日常生活中大部分人都可能碰到过食用了不卫生或过期变质食物以及水源后,出现过恶心、腹痛,并伴有腹泻、食欲不振、呕吐等症状?如果有就要当心,这可能是病原体感染引起的胃肠道炎症。 但是,即使食用了同样食物…

mysql中 redo日志(下)

大家好。上篇文章我们介绍了什么是redo日志以及redo日志的写入过程。建议没看过上篇文章的同学先看一下上一篇文章,今天我们继续来说一说redo日志。 一、redo日志文件 1. redo日志刷盘时机 我们知道mtr运行过程中产生的一组redo日志在mtr结束时会被复制到log buf…

从VS Code源码看清晰代码之美

VS Code的产品做的很优秀,其源码也质量颇高,清晰、整洁、富有美感。 下面是 src\vs\workbench\common\notifications.ts 文件中的两段代码,大家感受一下: get sticky(): boolean {if (this._sticky) {return true; // explicitl…

冲刺面试加油

1、HTML语义化? 对于开发者而言,语义化标签有着更好的页面结构,有利于代码的开发编写和后期的维护。 对于用户而言,当网络卡顿时有良好的页面结构,有利于增加用户的体验。 对于爬虫来说,有利于搜索引擎的…

所谓自律,就是去对抗那些廉价的快乐

所谓自律,就是去对抗那些廉价的快乐 以下文章来源于洞见 ,作者洞见 导语 打败内心那只及时享乐的猴子。 董宇辉说过这样一句话:“廉价的快乐是直接给你想要的东西,高等的快乐则会给你设置重重阻碍。” 廉价的快乐,就…

Huggingface的Transformer库经验总结

文章目录 transformerstransformers.Trainertrain()tr_loss self.training_step(model, inputs)dagn的forward中逐步计算损失函数 transformers transformers.Trainer class Trainer:#这段代码根据训练数据集的类型和硬件环境,选择适当的采样器来处理数据集。def…

【免费Web系列】大家好 ,今天是Web课程的第十七天点赞收藏关注,持续更新作品 !

这是Web第一天的课程大家可以传送过去学习 http://t.csdnimg.cn/K547r SpingBoot原理 在前面十多天的课程当中,我们学习的都是web开发的技术使用,都是面向应用层面的,我们学会了怎么样去用。而我们今天所要学习的是web后端开发的最后一个篇…

冯喜运:6.7晚间黄金原油行情分析及操作建议

【黄金消息面分析】:周四(6月6日)纽市尾盘,现货黄金盘中报2373.15美元/盎司,涨18.16美元或0.77%。如果金价反弹至上周高点2364上方,将引发一周看涨反转。日收盘价高于该价格水平将确认突破。一旦突破得到确认,金价进一…