写给开发小白的---如何写前后端分离的API设计文档

2023-10-27

    最近在进行一个公司内部可视化执行工具的开发,在过程中遇到的一些问题就总结一下了。

    我们知道,现在我们的开发基本都是前后端分离的,这样就可以方便后端开发人员全身心投入到后端逻辑实现的工作中,前端工程师全身心的为用户提供更好的使用体验上,前后端分离显得尤为重要,因此这里需要通过一个API设计文档,来为前后端开发人员设定约束,约定好了,可以进行同步开发.

    因为当时开发的项目是一个python web项目,做了一个批量进行任务下载和上传的可视化工具,功能也比较简单,这里就以此为例,进行具体说明:

    我们知道后端开发人员的任务,主要负责业务逻辑处理,前端开发人员来负责信息展示,前后端连接的纽带就是url,后端通过url给前端传递数据,前端通过url活动数据对象,进行显示。

    因此API设计文档,重要的就是这个url的限定,还有数据对象的约定。

    例如我们的界面首页,假设链接为:http://11.12.157.33:80/index.html?user=user

     这里的第一个user是表示对象的名称,第二个user表示的是对应的用户信息,我们一半传递的对象为json类型 或者list类型的对象居多

    这里user就是json类型,具体如下:user对应的json类型如下user={'username':'xxxx','pass':'ccc'} (其实user是一个字典类型)

    这里面我们前后端的工作人员,只需要把链接和传递的数据类型相互沟通好,那么最后API文档就是一些对应的这些内容:

    例如:

    1.首页:http://11.12.157.33:80/index.html?user=user

     user对象结构: user={'username':'xxxx','pass':'ccc'}     用户未登录状态 user=null

    2.类别列表: http://11.12.157.33:80/show.html?infolist=info

     info对象结构: info=['aaa','bbb','ccc']   (list类型)

    `````````

    

    这样就构成了前后端分离的API设计文档,怎么样,你明白了吗?

    由于能力有限,如有说的不准确的地方,欢迎有经验的大牛指正~

 

===========

我是晶心Monica,一个努力进阶的程序媛,欢迎我们一起交流学习~

也欢迎多多关注哈~

公众号:学习生活微交流 (公众号:xxshwjl) 我会在公众号分享一些关于我的学习生活心得,期待和努力向上的你一起交流~

===========

    

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

写给开发小白的---如何写前后端分离的API设计文档 的相关文章

  • 完整的vuejs + django 前后端分离项目实践(登录,注册,权限控制,可视化)

    完整的vuejs django 前后端分离项目实践 登录 注册 权限控制 可视化 vuejs是一个流行的前端框架 django是一个python非常流行的web框架 在某期的作业中 需要基于它两实现一个前端后分离 并且拥有权限管理的系统 声
  • 当前端的一次操作会调用多个有关联的后台接口

    由于历史原因 前端的一次操作需要调用多个后台接口 以前写的一般都是调用一个的 或者哪怕是多个 接口之间也不会有依赖 但最近做的需求里 前端一次操作需要调用两个后台接口 且这两个接口是有关联的 需要先调用接口A 再调用接口B 一开始直接写两个
  • 浅谈前后端分离

    一 前端 前后端分离已成为互联网项目开发的业界标准使用方式 通过nginx tomcat的方式 也可以中间加一个nodejs 有效的进行解耦 并且前后端分离会为以后的大型分布式架构 弹性计算架构 微服务架构 多端化服务 多种客户端 例如 浏
  • 写给开发小白的---如何写前后端分离的API设计文档

    最近在进行一个公司内部可视化执行工具的开发 在过程中遇到的一些问题就总结一下了 我们知道 现在我们的开发基本都是前后端分离的 这样就可以方便后端开发人员全身心投入到后端逻辑实现的工作中 前端工程师全身心的为用户提供更好的使用体验上 前后端分
  • 前后端分离 单点登录SSO 纯前端实现单点登录SSO

    示例代码地址 GitHub 以前涉及到单点登录 都是用CAS解决的 不过体验不是很好 但是也确确实实实现了单点登录 利用了session会话 后来我到了公司的架构部 部门决定重新定位前端技术路线 我大胆地采用了前后端分离的方式 让前端工程化
  • 【车联网原型系统|一】项目介绍+需求分析+概要设计

    物联网原型系统导航 车联网原型系统 一 项目介绍 需求分析 概要设计 https blog csdn net weixin 46291251 article details 125807297 车联网原型系统 二 数据库 应用层协议设计 h
  • Django框架(二十四:前后端分离之分页的设置和csrf认证的解决)

    前后端分离开发和混合开发的区别还是很大的 前后端分离我们需要遵循restful规范 先介绍什么是restful api规范 a 同一种数据的操作 只设置一个url路由 也就是根据请求方法来区分具体的处理逻辑 而不再设置多个增删改查的路由 1
  • 从0开始写Vue项目-Vue实现用户个人信息界面上传头像

    从0开始写Vue项目 环境和项目搭建 慕言要努力的博客 CSDN博客 从0开始写Vue项目 Vue2集成Element ui和后台主体框架搭建 慕言要努力的博客 CSDN博客 从0开始写Vue项目 Vue页面主体布局和登录 注册页面 慕言要
  • python web开发笔记--如何采用uwsgi来部署你的Django项目

    接上一文 python web开发笔记 MAC上Django uwsgi构建总结 最近对于采用uwsgi进行成功部署自己的项目已经成功搞定 因此写下这篇博客 这绝对是一篇值得需要的人读的用心好博文 废话不多少 开始正题 1 进入你的项目目录
  • 前后端分离实现审核功能

    一 前言 在实际开发中 审核功能是一个非常常用的功能 例如管理后台的文章审核等等 本篇博文将介绍如何基于SpringBoot Vue的前后端分离技术实现审核功能 二 项目准备 本项目使用的技术栈为 前端 Vue ElementUI 后端 S
  • 【车联网原型系统|二】数据库+应用层协议设计

    物联网原型系统导航 车联网原型系统 一 项目介绍 需求分析 概要设计 https blog csdn net weixin 46291251 article details 125807297 车联网原型系统 二 数据库 应用层协议设计 h
  • 前后端分离第一课--创建app与model在数据库中执行

    一 创建APP 在Terminal里面输入 python manage py startapp student 如果在根目录里面创建的app多了 目录可能就会很乱 这个时候 就可以在django项目下新建一个Python Package 命
  • springboot+spring-security+ajax+前后端分离解决Authorization请求头跨域问题

    security ajax 前后端分离解决Authorization请求头跨域问题 背景 后端采用 springboot spring security oauth2开发 前台采用纯静态页面的形式开发 以此做到前后端分离 采用token的形
  • 从0开始写Vue项目-Vue实现用户数据批量上传和数据导出

    从0开始写Vue项目 环境和项目搭建 慕言要努力的博客 CSDN博客 从0开始写Vue项目 Vue2集成Element ui和后台主体框架搭建 慕言要努力的博客 CSDN博客 从0开始写Vue项目 Vue页面主体布局和登录 注册页面 慕言要
  • python基础(一)

    python基础 1 数据类型 整数 浮点数 字符串 布尔值 True False 注意大小写 空值 是none 列表list 相当于别的语言里的数组 字典 2 编码设置与注释 编码 coding utf 8 注释 使用 或者是 和 这种表
  • 从0开始写Vue项目-SpringBoot整合Mybatis-plus实现登录、注册功能

    1 从0开始写Vue项目 环境和项目搭建 慕言要努力的博客 CSDN博客 2 从0开始写Vue项目 Vue2集成Element ui和后台主体框架搭建 慕言要努力的博客 CSDN博客 3 从0开始写Vue项目 Vue页面主体布局和登录 注册
  • 从0开始写Vue项目-Vue页面主体布局和登录、注册页面

    1 从0开始写Vue项目 环境和项目搭建 慕言要努力的博客 CSDN博客 2 从0开始写Vue项目 Vue2集成Element ui和后台主体框架搭建 慕言要努力的博客 CSDN博客 一 主体布局 关于主体布局 我们刚开始肯定是做的死数据的
  • 基于SpringBoot和vue的若依后台管理系统 部署

    RuoYi Vue是一款前后端分离的极速后台开发框架 基于SpringBoot和Vue 目录 一 准备 二 启动前端项目 解决报错 digital envelope routines unsupported 测试 三 启动后端项目 四 运行
  • 【车联网原型系统|四】adhoc组网+frp内网穿透

    物联网原型系统导航 车联网原型系统 一 项目介绍 需求分析 概要设计 https blog csdn net weixin 46291251 article details 125807297 车联网原型系统 二 数据库 应用层协议设计 h
  • 基于Springboot+Vue图书商城系统

    目录 1 系统架构 2 系统介绍 3 运行环境 4 系统演示 5 前端搭建 6 功能展示 7 代码展示 1 系统架构 后台 SpringBoot Mybatis plus Mybatis Hutool工具包 lombok插件 前台 Vue

随机推荐

  • Cuda实战-02 向量加法与内存分配

    概述 本节通过一个向量加法的实例程序探讨如何进行有效的内存分配 案例中定义了三个向量VectorA VectorB VectorC VectorA和VectorB为待计算的两个向量 VectorC为结果向量 VectorA初始值为 1 2
  • Java开发的打包和分发机制之jar包

    Welcome Huihui s Code World 接下来看看由辉辉所写的关于jar包的相关操作吧 一 什么是jar包 jar包 是Java Archive的缩写 它是一种用于打包Java类 资源文件 库等内容的文件格式 Jar包是一种
  • 服务器点播直播系统,服务器点播直播系统

    服务器点播直播系统 内容精选 换一换 在SAP系统中 除了SAP HANA节点使用裸金属服务器外 其他节点都使用弹性云服务器 Jump Host弹性云服务器 用户可通过访问该服务器后 再通过SSH协议跳转到SAP HANA及SAP应用节点
  • 程序员面试题精选100题(41)-把数组排成最小的数

    程序员面试题精选100题 41 把数组排成最小的数 题目 输入一个正整数数组 将它们连接起来排成一个数 输出能排出的所有数字中最小的一个 例如输入数组 32 321 则输出这两个能排成的最小数字32132 请给出解决问题的算法 并证明该算法
  • samba(SMB)的安装与使用(Ubuntu)

    samba用于Linux与Windows共享文件夹 包括虚拟机或云服务器等都可以使用 1 安装SMB sudo apt get install samba 2 创建共享目录 创建的目录即之后能够在Windows主机上直接访问的目录 例如 在
  • Java应用的GC优化

    最近看到这篇GC优化 自己标记一下 这里记录学习 Java应用的GC优化 当Java程序性能达不到既定目标 且其他优化手段都已经穷尽时 通常需要调整垃圾回收器来进一步提高性能 称为GC优化 但GC算法复杂 影响GC性能的参数众多 且参数调整
  • BeanUtils.copyProperties的使用(深拷贝,浅拷贝)

    文章目录 场景 BeanUtils是深拷贝 还是浅拷贝 什么情况适合用BeanUtils 有子对象就一定不能用BeanUtils么 代码例子 dest src 还是 src dest 这里说的是spring的BeanUtils copyPr
  • WPF中通过反射实现对象的复制粘贴

    WPF中通过反射实现对象的复制粘贴 1 前言 2 复制 3 粘贴 1 前言 在WPF项目开发过程中 需要实现一个功能 在当前界面的工程列表中 实现工程的复制粘贴功能 要求能够完整拷贝被复制的工程的各个参数 并生产一个跟被拷贝工程没有任何关联
  • 三菱PLC快速写入

    通常的写入过程是把整个PLC的程序内存进行写入 然而大多编写程序往往并不需要写入全部内存 所以我们需要通过调整PLC内存容量达成只写入适量的步数程序 来避免不必要的写入时间 调整程序容量 如图打开工程栏的参数 双击PLC参数来到FX参数设置
  • 安全测试-django防御安全策略

    django安全性 django针对安全方面有一些处理 学习如何进行处理设置 也有利于学习安全测试知识 CSRF 跨站点请求伪造 Cross Site Request Forgery CSRF 是一种网络攻击方式 攻击者欺骗用户在自己访问的
  • OpenCV-C++——基本操作总结

    文章目录 基本图像操作 1 创建空图像 2 获取图像尺寸 3 图像读取与显示 3 图像镜像 旋转 画线 遍历图像 基本图像操作 1 创建空图像 在OpenCV中 图像的类型是cv Mat 而cv Mat可作为任意维度的数组使用 0对应黑 2
  • Xenserver6.2设置VM开机自动启动

    XenServer 6 2中的虚拟机默认是不会自动启动的 据说是为了防止在HA环境中出现某些异常 所以如果母鸡 宿主机 异常断电恢复启动后 所有的虚拟机均为关机状态 但如果只是单台XenServer跑若干独立虚拟机 还是有必要让虚拟机开机自
  • WIFI版本云音响设置教程阿里云平台版本

    文章目录 WIFI本云音响设置教程介绍 一 申请设备三元素 1 登录阿里云物联网平台 2 创建产品 3 设置产品参数 4 添加设备 5 获取三元素 二 设置设备三元素 1 打开MQTTConfigTools 2 计算MQTT参数 3 使用w
  • 存储类型auto,static,extern,register的区别

    变量和函数的属性包括数据类型和数据的存储类别 存储类别指数据在内存中存储方式 静态和动态 包含auto static register extern四种 内存中 具体点来说内存分为三块 静态区 堆区 栈区 外部变量和全局变量存放在静态区 局
  • MySQL进阶语句

    目录 引言 一 常用查询 1 1 order by按关键字排序 升序排序 降序排序 结合where进行条件过滤在排序 多字段排序 1 2 and or判断 and or使用 1 3 distinct查询不重复记录 1 4 GROUP BY对
  • 使用IDEA进行git进行协同开发

    使用IDEA进行git进行协同开发 步入公司的第一步就是掌握版本控制工具的使用 常见的版本控制工具有两种方式 git常见于一些小的创业公司 项目小人员少 svn使用的公司规模较大 这里介绍git使用的一些场景 假设小组中有两个人 组长 组员
  • 期货模板实例

    以下是期货专用的API 1 get symbol 获得主力连续合约的映射合约 我们在进行生成信号时 可以使用助理合约时间序列 但在下单时要使用具体的合约 若想得到当天的主力合约映射的具体合约符号时 则可以使用context get symb
  • vs2013中配置多线程的使用环境

    提供vs2013的产品密钥供激活 BWG7X J98B3 W34RT 33B3R JVYW9 1 在Visual Studio 2013中配置 2 pthreads w32 下载地址 这里下载最新版本pthreads w32 2 9 1 f
  • 你不知道的javascript之JS原型对象和原型链

    开篇 之前对js中的原型链和原型对象有所了解 每当别人问我什么是原型链和原型对象时 我总是用很官方 其实自己不懂 的解释去描述 有一句话说的好 如果你不能把一个很复杂的东西用最简单的话语描述出来 那就说明你没有真正的理解 最近正在读 Jav
  • 写给开发小白的---如何写前后端分离的API设计文档

    最近在进行一个公司内部可视化执行工具的开发 在过程中遇到的一些问题就总结一下了 我们知道 现在我们的开发基本都是前后端分离的 这样就可以方便后端开发人员全身心投入到后端逻辑实现的工作中 前端工程师全身心的为用户提供更好的使用体验上 前后端分