网站的目的和意义,课堂网页设计素材,怎么做网站多少钱,怎么样注册企业邮箱2.1 前后台分离开发介绍
在之前的课程中#xff0c;我们介绍过#xff0c;前端开发有2种方式#xff1a;前后台混合开发和前后台分离开发。
前后台混合开发#xff0c;顾名思义就是前台后台代码混在一起开发#xff0c;如下图所示#xff1a; 这种开发模式有如下缺点我们介绍过前端开发有2种方式前后台混合开发和前后台分离开发。
前后台混合开发顾名思义就是前台后台代码混在一起开发如下图所示 这种开发模式有如下缺点 沟通成本高后台人员发现前端有问题需要找前端人员修改前端修改成功再交给后台人员使用 分工不明确后台开发人员需要开发后台代码也需要开发部分前端代码。很难培养专业人才 不便管理所有的代码都在一个工程中 不便维护和扩展前端代码更新和后台无关但是需要整个工程包括后台一起重新打包部署。 所以我们目前基本都是采用的前后台分离开发方式如下图所示 我们将原先的工程分为前端工程和后端工程这2个工程然后前端工程交给专业的前端人员开发后端工程交给专业的后端人员开发。前端页面需要数据可以通过发送异步请求从后台工程获取。但是我们前后台是分开来开发的那么前端人员怎么知道后台返回数据的格式呢后端人员开发怎么知道前端人员需要的数据格式呢所以针对这个问题我们前后台统一指定一套规范我们前后台开发人员都需要遵循这套规范开发这就是我们的接口文档。接口文档有离线版和在线版本接口文档示可以查询今天提供资料/接口文档示例里面的资料。那么接口文档的内容怎么来的呢是我们后台开发者根据产品经理提供的产品原型和需求文档所撰写出来的产品原型示例可以参考今天提供资料/页面原型里面的资料。
那么基于前后台分离开发的模式下我们后台开发者开发一个功能的具体流程如何呢如下图所示 需求分析首先我们需要阅读需求文档分析需求理解需求。 接口定义查询接口文档中关于需求的接口的定义包括地址参数响应数据类型等等 前后台并行开发各自按照接口文档进行开发实现需求 测试前后台开发完了各自按照接口文档进行测试 前后段联调测试前段工程请求后端工程测试功能 2.2 YAPI
2.2.1 YAPI介绍
前后台分离开发中我们前后台开发人员都需要遵循接口文档所以接下来我们介绍一款撰写接口文档的平台。
YApi 是高效、易用、功能强大的 api 管理平台旨在为开发、产品、测试人员提供更优雅的接口管理服务。
其官网地址http://yapi.smart-xwork.cn/
YApi主要提供了2个功能 API接口管理根据需求撰写接口包括接口的地址参数响应等等信息。 Mock服务模拟真实接口生成接口的模拟测试数据用于前端的测试。
2.2.2 接口文档管理
接下来我们演示一下YApi是如何管理接口文档的。
首先我们登录YAPI的官网然后使用github或者百度账号登录没有的话去注册一个如下图所示 登录进去后在个人空间中选择项目列表-添加测试项目效果如图所示 然后点击创建的项目进入到项目中紧接着先添加接口的分类如下图所示 然后我们选择当前创建的分类创建接口信息如下图所示 紧接着我们来到接口的编辑界面对接口做生层次的定制例如接口的参数接口的返回值等等效果图下图所示 添加接口的请求参数如下图所示 添加接口的返回值如下图所示 然后保存上述设置紧接着我们可以来到接口的预览界面查询接口的信息其效果如下图所示篇幅有限只截取部分 最后我们还可以设置接口的mock信息 来到接口的Mock设置窗口如下图所示 紧接着我们来到接口的预览界面直接点击Mock地址如下图所示 我们发现浏览器直接打开并返回如下数据 如上步骤就是YAPI接口平台中对于接口的配置步骤。
