一. 前后端交互流程1.服务器 : 提供某种服务器的机器(计算机)qq音乐:音频服务器 , 迅雷:文件服务器 ,qq邮箱:邮件服务器,爱奇艺:视频服务器,谷歌:web服务器2. 前端 访问 服务器的四种方式1. 直接在地址栏输入网址 ,网页会跳转( 全局刷新 )2. a标签的href属性 ,网页会跳转( 全局刷新 )3. location.href = 'url' ,网页会跳转( 全局刷新 )4.
前后端交互浏览器输入域名到页面显示完整的流程1.浏览器输入地址比如http://www.baidu.com,根据域名和端口号通过DNS解析成IP地址2.根据IP地址以及端口号找到对应的服务器(http协议中的tcp协议 )协议三次握手和四次挥手 http的默认端口号80 https默认端口号443 ftp默认端口21 mysql默认端口号33063.服务器接收到来自前端的请求,分配到对应路由‘/’
面向对象 1.面向对象的目标 - 类和构造函数 - 强调类的概念,通过类可以创建任意多个具有相同属性和方法的实例对象 - 目的是减少全局污染(全局变量-属性,全局函数-方法) - 理解系统的类和构造函数(Array,Date),进而知道系统类(构造函数)对应的实例对象的意义。 - 以小博大(面向对象适合复杂的程序,简单一些效果理解面向对象)2.面对象的写法 - 混合开发(构造函数+原型) - ES
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。使用node实现前后端交互的方法:前后端交互主要包括3个部分,前端页面、后端服务器、以及数据库,它们之间的关系及整个请求过程如下图所示:其中重点在于服务器部分,它需要实现以下功能:解决跨域,解析post及get参数,与数据库建
转载 2023-08-25 19:40:31
84阅读
前端工程师的职责:1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染  谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经过服务端的数据渲染,接口->前端赋值->模板渲染。  这些都是在服务器完成,在我们查看源码的时候,可以看到完整的ht
转载 2023-09-07 14:05:49
183阅读
前一段时间小小的总结了一下,web的前后交互的各种方式可能没写全,后期再写,话不多说 1.    前端传递数据到servlet,servlet获取数据后操作DAO修改数据库,然后servlet将某些参数返回到前端,前端动态显示数据 (例如:登录,前端获取登录名密码后通过表单传递给servlet,servlet通过调用DAO层根据用户名查询其密码是否与传递过来的密码是否
1、Controller接受前端值 方法参数使用HttpRequestServlet request, 通过request.getParameter("userName")获取。方法参数直接与前端页面标签的name属性对应。方法参数使用对象, 其中对象成员属性与前端页面标签的name属性对应。 控制器     作为控制器,大体的作用是作为V端的数据接收并且交给M层去处理,然后负责
转载 8月前
72阅读
Servlet实现简单的前后端交互首先前后端交互是啥呢?在我的理解中大概是这样的:简单的讲就是数据的交换接下来我们来看看应该要怎么实现这个简单的交互:1、首先我们前端先不写静态页面,直接在url上将请求的参数放上去 2、后端要做的首先就是连接数据库,如果数据库不连,那么就是两个憨憨在傻笑 3、接受前端请求的参数,将请求的参数进行数据库查询 4、后端将结果返回给前端,就完成了一个交互数据库: 数据库
前端工程师的职责:1、UI重构  2、在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染  谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经过服务端的数据渲染,接口->前端赋值->模板渲染。  这些都是在服务器完成,在我们查看源码的时候,可以看到
转载 2023-07-04 14:07:30
129阅读
前端与后台的交互在web应用开发过程中,总免不了前端与后台之间的交互,而二者之间的桥梁通常就是AJAX,那么AJAX到底是怎么工作的呢?在前后端分离的开发过程中,主要通过参数传递来进行数据的交换。首先,由前端对某个url发起请求,并附加一些参数;然后后台根据前端传递的参数进行数据查询,经过一定的数据处理后,以JSON或文本形式将数据传递到前端;最后,前端根据后台查询到的数据以一定的模板进行渲染。通
前后端数据交互之Ajax原理及使用方法学习前端到一个阶段,必定会碰到一个不可避免的问题,即前端跟后端之间到底是怎么进行数据交互的?那么针对这个问题,我们来讨论一下以下三种方法: 1、form表单 2、ajax 3、websocket(不讨论) 首先,最原始的,通过form表单以post/get方式提交数据。当你点击submit按钮时,浏览器会默认把你在input里面输入的数据,以post
第一章 前后端交互,对不同数据类型的传输详解(apifox实例)1、使用的相关技术2、使用apifox对前后端传输的数据进行模拟情况一、apifox使用get请求向后端发送数据情况二、apifox使用Post请求向后端发送数据1、使用json格式传输数据2、使用-www-form-urlencoded格式传输数据3、使用form-data格式传输数据1.使用form-data传输数据2、使用fo
场景:主要是微信端网页开发,前端往往是先打开页面然后通过Ajax向后台发送请求返回JSON格式的数据。原则一:一个页面尽量只有一个拉取接口主要考虑的是尽量减少请求链接数,请求链接数越多,由于网络原因,出现异常的可能性越大。原则二:打破规则一,当请求需要缓存并且有需要及时更新的情况为了更好的打开速度,对于不经常变化的数据,往往需要做数据缓存以及请求缓存。但有些信息,比如预约时间,又需要做到及时,则应
其实前面已经有大量的地方讨论浏览器与后端服务器如何进行交互,也用​​socket​​进行实现过简单的交互,但是我们需要在前者基础上做一个优化,即用户在地址栏输入什么路径,就返回请求的路径名字。  当这个需求完成后,我们就可以根据不同的请求路径,返回出不同的​​HTML​​​文档信息,但是使用原生的​​socket​​这个过程会十分的繁琐,所以用一次就放弃吧。
转载 2023-05-18 10:48:38
748阅读
  目录一、效果二、处理思路。三、项目目录 四、主要代码Reference 附录代码 一、效果首页(http://localhost:6500):这里就简单用一个我以前的HTML页面代替吧。 登录页(http://localhost:6500/login):这里二维码纯属是我公众号的二维码,欢迎关注。    &nbsp
前后端交互 接口文档请求方法区分方式GETPOST从语义上区分偏向于查询(获取数据....)偏向于提交数据(注册,修改,删除...)安全性显示的携带参数,参数是直接拼接在请求地址之后,安全性较差,隐私性差隐式的携带参数,不会在请求地址上显示,安全性好,以JSON格式传参请求数据长度大小是否有限制有限制,根据浏览器不同,限制在2k-8KPOST请求没有限制是否被缓存可以被缓存不会被缓存
在使用三神装的时候,首先当然是得要导入它们: from django.shortcuts import HttpResponse, render, redirect   一、HttpRequest捕获请求 捕获请求——HttpRequest对象 1、属性 HttpRequest.scheme #一个字符串,表示请求的方
一、前端请求数据URL由谁来写         在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,车能查询到前端需滞需要的数据时数(即URL请求的参数)。二、接口文档主要由谁来写        接口文档主要由后台设计和修改。后台
转载 2023-09-04 21:34:17
0阅读
在日常调试项目时,总是利用tomcat去启动项目,并进行前后端联调,但对于前后端的请求响应的交互原理及过程并不是特别清晰。 为什么在前端发出相应请求,就能跳转到后端通过程序得到结果再响应到前端页面呢?! 为了加深对该过程的理解,故以tomcat为例,撰写此文。 在日常调试项目时,总是利用tomcat去启动项目,并进行前后端联调,但对于前后端的请求响应的交
转载 2023-08-12 19:57:34
883阅读
1.后端用servlet,放在tomcat中启动。jsonpServlet.java:package test; import java.io.IOException; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpS
  • 1
  • 2
  • 3
  • 4
  • 5