热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

前端中什么是中台开发环境_软件开发中前端和后端如何协同开发和集成?

软件开发中前端和后端如何协同开发和集成?现在通过我的经验,来给你讲一讲前端和后端如何协同开发和集成。前端和后端都会遵照一套数据模型定义。前段在开发的时候
ad0b998062ccdb47fc24fb92437956e9.gif

软件开发中前端和后端如何协同开发和集成?

现在通过我的经验,来给你讲一讲前端和后端如何协同开发和集成。

前端和后端都会遵照一套数据模型定义。前段在开发的时候,会利用模拟数据进行开发。前端在开发的时候就不需要依赖后端的API。

768291884d1b541684540e4f11d57fc4.png

这些模拟数据一般来自于内存数据库,就是使用真正的API接口来获取数据,只不过这个数据不是从远程服务器上获取,而是通过本地的内存数据库来获取。

这样子开发出来的前端,几乎可以无缝的与后端API进行集成。

当然需要一个参数变量,或者环境变量来设置是开发环境还是生产环境。如果是开发环境,就直接获取本地内存数据库。如果是生产环境,则调用远程数据接口。

接下来说一下后端。

后端开发要与前端完全分开,最好要使用rest API。这样子可以使每个接口不存在状态的记录,属于无状态API。

aae245007919ce7a556e371db1a21c2d.png

这样的API可以让任何的终端调用。

因此测试这样的API,可以使用任何程序。一般常用的比如,一些浏览器插件postman,rest client。也可以使用一些独立的程序。只要可以进行HTTP的get,post ,patch, delete, put等操作就可以了。

一般过程是这样子的,装好插件或者程序以后,如果需要的话,设定输入参数, 然后进行相关的HTTP操作。再查看返回结果。根据返回结果进行调试。

这样子后端就开发完成了。

5bfb03ed8f179589520824dd588d688e.png

在这个过程中,不需要前端的参与。

假设前端的开发任务已经完成,后端的开发任务也已经完成。两者需要真正的集成测试一下。

那么前端这一部分只需要打开生产环境变量就可以了。

现在的前后端开发一般都是这么一个流程。

4ce1c735994bbe2e97e1ee561b6d1075.png

如果你用的比较老的开发模式,比如ASP dot net mvc或者spring mvc这种前后端,放在一起的。那就边开发边集成。不存在前后端分开的问题。

后面这种模式,开发起来比较麻烦。如果一个程序员,只懂的后端,比如c sharp或者Java。他只能等着一个懂Javascript, html, css的程序员来做页面部分。在页面部分要对API进行调用。

这个调用的框架准备好以后,后端才可以放开手脚,进行开发和测试。

2dbbe3e60443b30b703b0be5299be68d.png

这里面会造成一些时间上的浪费,和工作上的瓶颈。开发效率不是很高。

除非团队里的程序员都是全栈的程序员。既可以写页面,也可以写后端编程和数据库访问交互。这样子对程序员的要求有点高。一般来说不太现实。

总的来说,现在业界比较推崇前端和后端分开的方式来进行开发。这样子开发的好处就是,前端工程师和后端工程师,分的比较开,招人的成本和花的时间都还过得去。

7f4d0232c61dfb1240ee0945f41e1dba.png

但是有一点,整个项目必须有一个既懂前端又懂后端的架构师或者首席程序员来把握全局。否则会比较麻烦。关于这一点,我们在以后的讨论中可以进行深入探讨。

好,这个问题就先说这些吧,可以给我留言,我们可以深入讨论,欢迎关注,谢谢。



推荐阅读
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 基于PgpoolII的PostgreSQL集群安装与配置教程
    本文介绍了基于PgpoolII的PostgreSQL集群的安装与配置教程。Pgpool-II是一个位于PostgreSQL服务器和PostgreSQL数据库客户端之间的中间件,提供了连接池、复制、负载均衡、缓存、看门狗、限制链接等功能,可以用于搭建高可用的PostgreSQL集群。文章详细介绍了通过yum安装Pgpool-II的步骤,并提供了相关的官方参考地址。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 本文介绍了使用AJAX的POST请求实现数据修改功能的方法。通过ajax-post技术,可以实现在输入某个id后,通过ajax技术调用post.jsp修改具有该id记录的姓名的值。文章还提到了AJAX的概念和作用,以及使用async参数和open()方法的注意事项。同时强调了不推荐使用async=false的情况,并解释了JavaScript等待服务器响应的机制。 ... [详细]
  • 本文介绍了数据库的存储结构及其重要性,强调了关系数据库范例中将逻辑存储与物理存储分开的必要性。通过逻辑结构和物理结构的分离,可以实现对物理存储的重新组织和数据库的迁移,而应用程序不会察觉到任何更改。文章还展示了Oracle数据库的逻辑结构和物理结构,并介绍了表空间的概念和作用。 ... [详细]
  • 本文介绍了使用Java实现大数乘法的分治算法,包括输入数据的处理、普通大数乘法的结果和Karatsuba大数乘法的结果。通过改变long类型可以适应不同范围的大数乘法计算。 ... [详细]
  • 本文是一位90后程序员分享的职业发展经验,从年薪3w到30w的薪资增长过程。文章回顾了自己的青春时光,包括与朋友一起玩DOTA的回忆,并附上了一段纪念DOTA青春的视频链接。作者还提到了一些与程序员相关的名词和团队,如Pis、蛛丝马迹、B神、LGD、EHOME等。通过分享自己的经验,作者希望能够给其他程序员提供一些职业发展的思路和启示。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • Mac OS 升级到11.2.2 Eclipse打不开了,报错Failed to create the Java Virtual Machine
    本文介绍了在Mac OS升级到11.2.2版本后,使用Eclipse打开时出现报错Failed to create the Java Virtual Machine的问题,并提供了解决方法。 ... [详细]
  • 基于事件驱动的并发编程及其消息通信机制的同步与异步、阻塞与非阻塞、IO模型的分类
    本文介绍了基于事件驱动的并发编程中的消息通信机制,包括同步和异步的概念及其区别,阻塞和非阻塞的状态,以及IO模型的分类。同步阻塞IO、同步非阻塞IO、异步阻塞IO和异步非阻塞IO等不同的IO模型被详细解释。这些概念和模型对于理解并发编程中的消息通信和IO操作具有重要意义。 ... [详细]
  • 本文介绍了Web学习历程记录中关于Tomcat的基本概念和配置。首先解释了Web静态Web资源和动态Web资源的概念,以及C/S架构和B/S架构的区别。然后介绍了常见的Web服务器,包括Weblogic、WebSphere和Tomcat。接着详细讲解了Tomcat的虚拟主机、web应用和虚拟路径映射的概念和配置过程。最后简要介绍了http协议的作用。本文内容详实,适合初学者了解Tomcat的基础知识。 ... [详细]
  • 本文介绍了计算机网络的定义和通信流程,包括客户端编译文件、二进制转换、三层路由设备等。同时,还介绍了计算机网络中常用的关键词,如MAC地址和IP地址。 ... [详细]
  • 本文介绍了通过ABAP开发往外网发邮件的需求,并提供了配置和代码整理的资料。其中包括了配置SAP邮件服务器的步骤和ABAP写发送邮件代码的过程。通过RZ10配置参数和icm/server_port_1的设定,可以实现向Sap User和外部邮件发送邮件的功能。希望对需要的开发人员有帮助。摘要长度:184字。 ... [详细]
  • 如何实现织梦DedeCms全站伪静态
    本文介绍了如何通过修改织梦DedeCms源代码来实现全站伪静态,以提高管理和SEO效果。全站伪静态可以避免重复URL的问题,同时通过使用mod_rewrite伪静态模块和.htaccess正则表达式,可以更好地适应搜索引擎的需求。文章还提到了一些相关的技术和工具,如Ubuntu、qt编程、tomcat端口、爬虫、php request根目录等。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
author-avatar
手机用户2502907701
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有