0. giteehttps://gitee.com/studyCodingEx/studys1. fetch-API的使用1.1 init<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible
前后端交互浏览器输入域名到页面显示完整的流程1.浏览器输入地址比如http://www.baidu.com,根据域名和端口号通过DNS解析成IP地址2.根据IP地址以及端口号找到对应的服务器(http协议中的tcp协议 )协议三次握手和四次挥手 http的默认端口号80 https默认端口号443 ftp默认端口21 mysql默认端口号33063.服务器接收到来自前端的请求,分配到对应路由‘/’
转载
2023-11-30 12:42:15
138阅读
一. 前后端交互流程1.服务器 : 提供某种服务器的机器(计算机)qq音乐:音频服务器 , 迅雷:文件服务器 ,qq邮箱:邮件服务器,爱奇艺:视频服务器,谷歌:web服务器2. 前端 访问 服务器的四种方式1. 直接在地址栏输入网址 ,网页会跳转( 全局刷新 )2. a标签的href属性 ,网页会跳转( 全局刷新 )3. location.href = 'url' ,网页会跳转( 全局刷新 )4.
转载
2023-12-06 18:06:15
103阅读
Servlet实现简单的前后端交互首先前后端交互是啥呢?在我的理解中大概是这样的:简单的讲就是数据的交换接下来我们来看看应该要怎么实现这个简单的交互:1、首先我们前端先不写静态页面,直接在url上将请求的参数放上去 2、后端要做的首先就是连接数据库,如果数据库不连,那么就是两个憨憨在傻笑 3、接受前端请求的参数,将请求的参数进行数据库查询 4、后端将结果返回给前端,就完成了一个交互数据库: 数据库
转载
2024-01-05 20:09:39
97阅读
前端工程师的职责:1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经过服务端的数据渲染,接口->前端赋值->模板渲染。 这些都是在服务器完成,在我们查看源码的时候,可以看到
转载
2023-07-04 14:07:30
161阅读
前端与后台的交互在web应用开发过程中,总免不了前端与后台之间的交互,而二者之间的桥梁通常就是AJAX,那么AJAX到底是怎么工作的呢?在前后端分离的开发过程中,主要通过参数传递来进行数据的交换。首先,由前端对某个url发起请求,并附加一些参数;然后后台根据前端传递的参数进行数据查询,经过一定的数据处理后,以JSON或文本形式将数据传递到前端;最后,前端根据后台查询到的数据以一定的模板进行渲染。通
转载
2023-10-23 16:00:47
224阅读
前一段时间小小的总结了一下,web的前后交互的各种方式可能没写全,后期再写,话不多说 1. 前端传递数据到servlet,servlet获取数据后操作DAO修改数据库,然后servlet将某些参数返回到前端,前端动态显示数据 (例如:登录,前端获取登录名密码后通过表单传递给servlet,servlet通过调用DAO层根据用户名查询其密码是否与传递过来的密码是否
转载
2023-12-23 18:14:47
77阅读
前端工程师的职责:1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟,我们要构建一个大的web应用,必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经过服务端的数据渲染,接口->前端赋值->模板渲染。 这些都是在服务器完成,在我们查看源码的时候,可以看到完整的ht
转载
2023-09-07 14:05:49
204阅读
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。使用node实现前后端交互的方法:前后端交互主要包括3个部分,前端页面、后端服务器、以及数据库,它们之间的关系及整个请求过程如下图所示:其中重点在于服务器部分,它需要实现以下功能:解决跨域,解析post及get参数,与数据库建
转载
2023-08-25 19:40:31
103阅读
面向对象 1.面向对象的目标 - 类和构造函数 - 强调类的概念,通过类可以创建任意多个具有相同属性和方法的实例对象 - 目的是减少全局污染(全局变量-属性,全局函数-方法) - 理解系统的类和构造函数(Array,Date),进而知道系统类(构造函数)对应的实例对象的意义。 - 以小博大(面向对象适合复杂的程序,简单一些效果理解面向对象)2.面对象的写法 - 混合开发(构造函数+原型) - ES
转载
2023-08-25 18:17:22
189阅读
1、Controller接受前端值 方法参数使用HttpRequestServlet request, 通过request.getParameter("userName")获取。方法参数直接与前端页面标签的name属性对应。方法参数使用对象, 其中对象成员属性与前端页面标签的name属性对应。
控制器 作为控制器,大体的作用是作为V端的数据接收并且交给M层去处理,然后负责
转载
2023-12-12 11:03:43
159阅读
文章目录前言功能清单运行效果最新版生成的代码结构及页面展示推荐源码的查看方式源码运行方式生成后代码的运行方式结语 前言代码生成器从开发到现在已经接近一年,虽然实际的开发时间不过几个月,但还是从中学到了很多,包括软件运营模式,服务器维护等,虽然目前使用人数并不多,大概1000人左右吧,但还是满满的成就感,看到每天公众号零星增长的粉丝数,我就知道自己的努力终究没有白费。开发之初只是为了方便自己,功能
转载
2024-06-28 19:13:15
73阅读
# 前后端交互与Java实现
在现代web开发中,前后端交互是一个重要的环节。前端主要负责用户界面,而后端则负责数据的处理与存储。本文将深入探讨前后端交互的流程,并使用Java进行示例代码展示。
## 一、前后端交互流程图
前后端交互的流程通常包括以下几个步骤:
1. 用户在前端发起请求。
2. 前端通过HTTP协议将请求发送到后端服务器。
3. 后端接收请求,处理请求数据,可能会与数据库
前端使用thymeleaf模板引擎,后端使用Springboot,暂时没有加入数据库,使用map模拟数据库中的数据。此处关注点是前后端如何进行数据传输,暂时没有使用AJAX的方式。1.项目结构(spring-boot-04-web-restfulcrud):component包 :包括一个自定义的登录拦截器和国际化版本处理器config包:存放配置类,在配置类中注入了一个自定义的处理器映射器和注入
转载
2023-08-09 21:59:20
351阅读
前后端交互一、JSON结构:1、json介绍:同源策略只会出现在ajax中JSON是一种轻量级的数据交换格式,它使得人们很容易的进行阅读和编写。同时也方便了机器进行解析和生成。它是基于JavaScript Programming Language,Standard ECMA-262 3rd Edition - December 1999 的一个子集。JSON采用完全独立于程序语言的文本格式,但是也
转载
2023-06-27 09:56:18
393阅读
在日常调试项目时,总是利用tomcat去启动项目,并进行前后端联调,但对于前后端的请求响应的交互原理及过程并不是特别清晰。
为什么在前端发出相应请求,就能跳转到后端通过程序得到结果再响应到前端页面呢?!
为了加深对该过程的理解,故以tomcat为例,撰写此文。
在日常调试项目时,总是利用tomcat去启动项目,并进行前后端联调,但对于前后端的请求响应的交
转载
2023-08-12 19:57:34
977阅读
一、前端请求数据URL由谁来写 在开发中,URL主要是由后台来写好给前端。 若后台在查询数据,车能查询到前端需滞需要的数据时数(即URL请求的参数)。二、接口文档主要由谁来写 接口文档主要由后台设计和修改。后台
转载
2023-09-04 21:34:17
0阅读
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
转载
2024-03-02 11:01:52
62阅读
目录一、效果二、处理思路。三、项目目录 四、主要代码Reference 附录代码 一、效果首页(http://localhost:6500):这里就简单用一个我以前的HTML页面代替吧。 登录页(http://localhost:6500/login):这里二维码纯属是我公众号的二维码,欢迎关注。  
转载
2024-02-04 21:31:06
45阅读
在使用三神装的时候,首先当然是得要导入它们:
from django.shortcuts import HttpResponse, render, redirect
一、HttpRequest捕获请求
捕获请求——HttpRequest对象
1、属性 HttpRequest.scheme #一个字符串,表示请求的方
转载
2024-08-10 14:52:45
90阅读