前端端口是怎么交互后端

前端开发是很多朋友有关注的类型，那么前端端口是怎么交互后端，我爱编程网为大家带来了相关文章，希望给大家提供参考。

本文目录一览：

• 1、前端端口是怎么交互后端
• 2、web前端开发和后端开发的区别是什么
• 3、WEB前端开发是做什么的？

前端端口是怎么交互后端

随着互联网的高速发展以及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地址栏中显示了。

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

web前端开发和后端开发的区别是什么

web前端开发和后端开发的区别是：web前端开发主要做的是用户所能看到的前端展示界面；web后端开发主要做的是逻辑功能等模块，是用户不可见的。
什么是Web前端开发？
Web前端，顾名思义是来做web的前端页面的；也就是在web应用中用户可以看得见碰得着的东西。包括web页面的结构、web的外观视觉表现以及web层面的交互实现。
什么是Web后端开发？
Web后端更多的是负责产品的服务技术实现，包括业务逻辑，数据存储和处理，消息队列处理等。以及产品服务端接口实现，包括与前端的接口，第三方的接口，服务体系内部接口等。后端开发主要是对数据库进行交互以处理相应的业务逻辑。
web前端开发和后端开发的区别在于：

1、展示方式不同
web前端开发主要做的是用户所能看到的前端展示界面。
web后端开发主要做的是逻辑功能等模块，是用户不可见的。
2、所用技术不同
web前端开发需要掌握的技术：
●熟练掌握前端开发技术(HTML5、JS、JSON、XHTML、CSS3)，了解各项技术的相关标准
●掌握Ajax异步编程，能够写出高性能、可复用的前端组件；
●对OO、MVC、MVVM等编程思想、前端框架有深刻理解，熟练掌握一个前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移动端有：Frozen UI，weUI ，SUI，MUI，AUI），了解其原理（框架有很多，选择两三个主流的框架，熟练，深度了解才可以）；
●善于Web性能优化，可访问性、对SEO等有良好的体验；理解表现层与数据层分离的概念、 Web语义化（这些也是在找工作中，很有用的加分项）；
●了解前端安全机制，熟悉HTTP协议以及浏览器缓存策略；
●熟悉常见JS开发框架源码实现，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟练一种。
●对常见的浏览器兼容问题有清晰的理解，并有可靠的解决方案；如IE6/7/8/9、 Firefox、Safari、Chrome；
●具有较高的审美
web后端开发需要掌握的技术：
●精通 java，php，jsp，servlet，java bean，JMS，EJB，Jdbc，Flex开发，对相关的工具、类库以及框架非常熟悉，常用后端框架如 SSM（Spring+SpringMVC+MyBatis）框架集，Velocity，Hibernate，iBatis，OSGI等，对Web开发的模式有较深的理解（至少熟练掌握一套后端框架）；
●至少熟悉一种关系型数据库，如：mysql，oracle等。熟练使用oracle、sqlserver、SQL Develpoer，PLSQL，MySQL Workbench等常用的数据库管理工具，对数据库有较强的设计能力
●熟悉maven项目配置管理工具，熟悉tomcat、jboss等应用服务器；
●精通面向对象分析和设计技术，包括设计模式、UML建模等
●熟悉网络编程，具有设计和开发对外API接口经验和能力，同时具备跨平台的API规范设计以及API高效调用设计能力
●熟悉部分前端知识

WEB前端开发是做什么的？

web前端即为网站的前端开发,前端开发是创建Web页面或app等前端界面呈现给用户的过程。web前端开发通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。

1.根据项目或者产品需求负责实现PC端及移动页面的设计和开发、调试等工作，高效、高质地完成代码编写，确保符合前端代码规范;

2、与后端开发团队紧密配合，完成接口对接，确保前后端有效交互共同完成项目或者产品;

3、综合运用客户端和服务器端构建与优化方案、模块化开发等手段，提升开发效率和系统性能; 我爱编程网

4、持续优化前端应用，改善用户交互以及视觉，保证前端网页的兼容性以及页面响应速度并负责前端代码的维护，

5、了解并结合业务需求，设计满足用户需要、符合用户习惯、运用大数据分析能力、体现大数据特色的系统。

6.与设计师、产品工程师紧密工作在一起,实现产品前端ui和交互方面的开发需求，确保不同平台、设备上具有优秀的用户体验；

以上就是我爱编程网为大家带来的前端端口是怎么交互后端，希望能帮助到大家，了解更多相关信息，敬请关注我爱编程网。