前端端口是怎么交互后端

作者&投稿:常闹 (若有异议请与网页底部的电邮联系)
~

随着互联网的高速发展以及IT开发技术的升级,前后端分离已成为互联网项目开发的业界标准使用方式。在实际工作中,前后端的接口联调对接工作量占Web前端人员日常工作的30%-50%,甚至会更高。

首先我们要知道为什么前后端要交互

为什么要前后端分离?

  把前端与后端独立起来去开发,放在两个不同的服务器,需要独立部署。两个不同的工程,两个不同的代码库,不同的开发人员,前后端工程师需要约定交互接口,实现同步开发。开发结束后需要进行独立部署,前端通过接口来调用调用后端的API,前端只需要关注页面的样式与动态数据的解析和渲染,而后端专注于具体业务逻辑。


前后端分离的优点是什么?

  1、彻底解放前端。前端不再需要向后台提供模板或是后台在前端HTML中嵌入后台代。

  2、提高工作效率,分工更加明确。前端只关注前端的事,后台只关心后台的活,两者开发可以同时进行,在后台还没有时间提供接口的时候,前端可以先将数据写死或者调用本地的JSON文件即可,页面的增加和路由的修改也不必再去麻烦后台,开发更加灵活。

  3、局部性能提升。通过前端路由的配置,我们可以实现页面的按需加载,无需一开始加载首页便加载网站的所有的资源,服务器也不再需要解析前端页面,在页面交互及用户体验上有所提升。

  4、降低维护成本。通过目前主流的前端MVC框架,我们可以非常快速的定位及发现问题的所在,客户端的问题不再需要后台人员参与及调试,代码重构及可维护性增强。

  5、实现高内聚低耦合,减少后端(应用)服务器的并发/负载压力。

  6、即使后端服务暂时超时或者宕机了,前端页面也会正常访问,但无法提供数据。

  7、可以使后台能更好的追求高并发、高可用、高性能,使前端能更好的追求页面表现、速度流畅、兼容性、用户体验等。

了解了这些,我们再来看前后端是怎么实现交互的

前端调用后端接口无外乎六种方法,如下:

1、打开vs,创建空的asp.net mvc演示项目【WebMVC】

(1)依次点击【文件】->【新建】->【项目】;

(2)在【新建项目】界面选择【Web】->【ASP.NET Web 应用程序(.NET Framework)】,输入名称,选择框架至少4.5版本,点击【确定】按钮;

(3)选择【空】->【MVC】->【确定】 ;

(4)创建好了项目。

2、在项目中

(1)在Controllers文件夹上点击鼠标右键,依次选择【添加】->【控制器】,即可完成HomeController的创建;

(2)在Controller的Index方法内,点击鼠标右键,选择【添加视图】;

(3)在项目中添加文件夹【Content】并添加jquery源文件;

(4)在Index页面添加jquery的引用。

3、在Index页面中添加一个输入文本框,一个按钮,以及显示结果的dom。

4、在HomeController中添加新的方法,用于接收前台传入的参数,组装后返回。

5、在Index页面,添加Jquery的ajax方式,调用后台接口,返回结果的处理代码。

6、在vs中,按F5调试运行结果,如下:

(1)在文本框中输入内容;

(2)点击按钮,调用接口,并将返回值显示在界面;

(3)如果要提交大量数据,或者敏感数据,请修改ajax的type方式,这样参数就不会在url地址栏中显示了。

以上回答,希望对你有所帮助




前端端口是怎么交互后端
把前端与后端独立起来去开发,放在两个不同的服务器,需要独立部署。两个不同的工程,两个不同的代码库,不同的开发人员,前后端工程师需要约定交互接口,实现同步开发。开发结束后需要进行独立部署,前端通过接口来调用调用后端的API,前端只需要关注页面的样式与动态数据的解析和渲染,而后端专注于具体业...

交换机端口与端口之间信息交互是可以多个通道吗?
端口到端口,按你的话说。是单线程,双向同时通讯。

简述TCP三次握手原理
查找协议控制块(PCB{}):TCP 查找与该连接相关联的协议控制块。如果没有找 到,TCP 将该分段丢弃并返回RST。(这就是TCP 处理没有端口监听情况下的机制) 如果该 协议控制块存在,但状态为关闭,服务端不调用connect()或listen()。该分段丢弃,但不返 回RST。客户端会尝试重新建立连接请求。建立新的...

android平台的app 手机客户端和后台服务器怎么进行数据交互的
一般采用的是http接口通讯,或者socket连接。具体你要去查资料找Demo了。而且现在主流是采用html5开发或者混合开发了。所以最好是服务器提供appAPI接口,通过http访问服务器,获取数据,数据一般是json,或者xml,拿到后解析数据就可以了,然后再用UI框架或者其他框架或者自定义的UI封装下格式很漂亮了,至于co...

什么是端口,端口又有什么用?
端口在计算机编程上也就是"Socket接口"。 有了这些端口后,这些端口又是如何工作呢?例如一台服务器为什么可以同时是Web服务器,也可以是FTP服务器,还可以是邮件服务器等等呢?其中一个很重要的原因是各种服务采用不同的端口分别提供不同的服务,比如:通常TCP\/IP协议规定Web采用80号端口,FTP采用21号端口等,而邮件服务...

电脑上的端口是指什么?
被广泛地应用于个人电脑和移动设备等相关领域。COM口是指cluster communication port接口,即串行通讯端口。微机上的com口通常是9针,也有25针的接口,最大速率115200bps。一般主板外部只有一个串口,机箱后面和并口一起的那个九孔输出端(梯形),就是COM1口,COM2口一般要从主板上插针引出。

端口咋个理解?
UDP端口,即用户数据包协议端口,无需在客户端和服务器之间建立连接,安全性得不到保障。常见的有DNS服务的53端口,SNMP(简单网络管理协议)服务的161端口,QQ使用的8000和4000端口等等。查看端口 在Windows 2000\/XP\/Server 2003中要查看端口,可以使用Netstat命令: 依次点击“开始→运行”,键入“cmd”并回车,打开命令提示...

rtsp多服务端共用同一端口怎么做
1.客户端连接到服务器的554端口,发送OPTIONS,DESCRIBE,SETUP,PLAY方法给服务器,交互完成后准备发送数据;

端对端协议
传输技术,比如TCP 他会向对端建立虚电路 完成一些实现两端同步的事情,你想,这不就是真正的端到端吗?端口是个广义概念,计算机 交换机 都有端口之说,端口有端口号标识,大家熟悉的端口号 多数在1024之下,比如FTP默认端口号是21 FTP它是一个应用层上的协议,它要向下层 交互数据时,必须由下层...

网络端口号和协议号(大全)
网络服务通过这些端口进行交互,每个端口背后都隐藏着一项功能。端口号57至59属于个人终端访问,而58和59分别关联施乐网络服务系统邮件和个人文件服务。从60开始,端口60至65涉及到通信接口、TACACS数据库服务和Oracle SQL*NET等。值得注意的是,140至143的端口用于EMFIS数据服务和Interim邮件访问协议,这些端口...

延庆县18370288904: web前端开发怎么和后台进行相衔接? -
雪耍榄香: 前端和后端之所以需要对接,是因为前端页面只负责提供视图没有内容,而后端只提供内容,两者所谓的对接,就是把后端的内容放在前端页面预留出来的位置上.(虽然说是前端后端,但这一对接实际发生在服务器端). 所以服务器端进行的活动如下: 接收用户请求——》找到负责处理的程序——》处理程序找到要传输给用户的前端页面——》该前端页面留出位置——》后端到数据库取数据——》后端把数据放在前端留出来的位置上——》结合成真正用户看到的html文件——》传输给用户. (写完发现下面可以不用看了,没有办法用三言两语说清楚,最后你还是得找本书来看) 以博客中常见的输出文章的作者信息为例: 1,后台php把HTML文件改为php文件

延庆县18370288904: 前端网页是怎么跟后台进行数据交互的 -
雪耍榄香: MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑.MVC被独特的发展起来用于映射传统的输入、处理和输出功能在一个逻辑的图形化用户界面的结构中. 构建网站的主要思路参考,简单说就是有网站页面,有数据存储的数据库,有数据库和页面衔接的程序(程序一般有PHP,ASP,JAVA,.NET等)

延庆县18370288904: 请教一个小问题,前端工程师与后端是如何交互配合的 -
雪耍榄香: 做一个好的web前端工程师,首先需要有一定的审美技能,设计能力.其次就是一些前端技术了比如要有以下技能1、js+css+html+xml;2、一些美术、UI设计能力;3、分析研究能力,用来分析研究需求、构架等;4、用户体验、交互设计方面的知识;5、一些产品设计方面的知识;做好一名后端工程师,那就是一个思维逻辑性问题了,如何实现这个模块功能,你只要做到实现这个功能就可以了.至于技术么,那就需要你至少懂一种后台交互性语言和数据库也就是职业定位的问题,看您主要是喜欢哪方面的,你喜欢设计一些美感的东西那么你就做前端,你对实现一些功能逻辑感兴趣,那么就从事程序设计了

延庆县18370288904: 请问前端后端怎么交互啊 -
雪耍榄香: 注册的时候,你填完信息要点击一个按钮提交数据,在这个按钮的点击事件将数据传到数据库

延庆县18370288904: web前端怎么和后台交互 -
雪耍榄香: 后台语言也有很多哦,比如aspx、jsp、php等等,但是后台语言真正的强大,是和数据库紧密相关的,一般来说,apsx+Sql Server,php+MySql,你可以购买这类的书籍,跟着学,因为你有很好的前台语言基础,相信学习后台的技术不会太难.

延庆县18370288904: 前端与后端有哪几种ajax交互方法 -
雪耍榄香: 首先,关于前后端 的数据交互方法,ajax自己算一种.如果是想问ajax的交互属性,那么 有四种:GET,POST,PUT,DELETE 被提倡使用的是GET和POST.然后,如果是想问前后端的数据交互方法的话,那有至少5种1. HTML赋值(输出到 ...

延庆县18370288904: 前端与后台数据怎么交互的,有什么原理吗?要学什么,才能熟练的调用接口? -
雪耍榄香: 服务器跟客户端一般都通过http交互也有用socket的,数据格式一般都是json或者xml

延庆县18370288904: Web 前端开发怎么和后台进行相衔接 -
雪耍榄香: 一般前端跟后端对接是由后端做接口,类似一个链接,前端通过ajax调用接口,然后根据调用接口,获得的数据,赋值.

延庆县18370288904: 前端页面数据交互怎么处理的 -
雪耍榄香: 1、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端. 若后台在查询数据,需要借助查询条件才能查询到前端需要的数据时,这时后台会要求前端提供相关的查询参数(即URL请求的参数).2、接口文档主要由谁来写 接...

延庆县18370288904: 前端和后台之间的交互,是通过什么实现的,可以书写一下相关的代码吗,谢谢 -
雪耍榄香: 点击画面中的交互性元素调用相关的操作响应内容,类似的交互类型:热对象、热区域都可以,与按钮交互的不同点主要是,“按钮”类型一般是系统自带的,表现形式不够丰富,除非自己制作或从其它authorware程序中借用,“热对象”一般是可见得图像都行,表现形式就多一些,热区域往往是不可见的.以上几种交互都是把特定的对象、区域与响应内容之间建立了链接.

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网