什么是前后端分离，要区分前端和后端，需要有个明确的界限。一般，用户可以直接看到的东西，都是属于前端的范畴，除了前端之外都属于后端了。在传统的像ASP，JSP和PHP等开发模式中，前端是处在一个混沌的状态中，可以说是没有独立的“人格”可言。前端负责切图和编写静态页面模板，后端将数据渲染到前端提供的页面模板中，最后将页面渲染到浏览器展示。这个过程中，前端只提供页面模板或者写一些JavaScript脚本
springboot解决跨域问题(Cors)-处理方式
1、对于前后端分离的项目来说，如果前端项目与后端项目部署在两个不同的域下，那么势必会引起跨域问题的出现。针对跨域问题，我们可能第一个想到的解决方案就是jsonp，并且以前处理跨域问题我基本也是这么处理。但是jsonp方式也同样有不足，不管是对于前端还是后端来说，写法与我们平常的ajax写法不同，同样
转载
2024-04-10 06:34:20
31阅读
前端工程师的职责：1、UI重构 2、在正确的区域渲染出服务端的数据。毕竟，我们要构建一个大的web应用，必然不是普普通通的静态页面构成。下文将罗列前端工程师应该必备的同后端打交道的常用技能。1、服务端渲染 谈起服务端渲染，对于动态服务而言，这个世界上跑的大多数页面都经过服务端的数据渲染，接口->前端赋值->模板渲染。 这些都是在服务器完成，在我们查看源码的时候，可以看到完整的ht
转载
2023-09-07 14:05:49
204阅读
面向对象 1.面向对象的目标 - 类和构造函数 - 强调类的概念，通过类可以创建任意多个具有相同属性和方法的实例对象 - 目的是减少全局污染(全局变量-属性，全局函数-方法) - 理解系统的类和构造函数(Array,Date),进而知道系统类(构造函数)对应的实例对象的意义。 - 以小博大(面向对象适合复杂的程序，简单一些效果理解面向对象)2.面对象的写法 - 混合开发(构造函数+原型) - ES
转载
2023-08-25 18:17:22
189阅读
这两天在公司做了一个小项目，算一个单页应用，第一次使用完全前后端分离的开发方式，后端asp只提供了接口，返回的是json格式。因为之前都只是切图和编写html页面，连模板都只研究了一下织梦的模板，完全的php或者ASP模板都没有做过，都是写好html交给后端就不管了，这是第一次采用这种前后端分离的技术来开发，感觉还不错。总体来说，前端的工作量肯定是增加了，但是也没增加多了，就是多写了几个AJAX,
转载
2024-08-25 16:44:56
17阅读
说明这篇博客是给团队内人员的一个模式开发的说明文档，当然对于其他读者也可以了解，不喜勿喷前言其实，这种开发模式还是挺少见的，vue自有vue-cli可以使用webpack打包前端项目，然后后端就做后端的活提供数据服务，这样前后端分离的彻底，但是限于笔者个人水平，vue-cli和webpack正在学习中，所以替代的方案，就是这种看起来怪怪的组合，不过实验证明是可行的方案，缺点就是前后分离不是很彻底，
转载
2023-12-06 20:40:31
50阅读
这篇文章给大家介绍几种常用的前后端数据交互方法，并给出使用建议。以提高前后端协同开发的效率。非常的详细，推荐给小伙伴们，有需要的小伙伴可以参考下。
1、HTML赋值输出到 Element 的 value 或 data-name 1 <input type="hidden" value="<?php echo $user_avatar;?>" />
2
转载
2023-12-30 09:45:28
120阅读
0.本篇涉及如下插件或技术点：vue，elementuUI，axios，json，python，flask，flask_login，jwt，token，session，mysql，sqlalchemy，orm，restful这两天尝试了flask和数据库的交互。网上各种资料翻阅了一遍。有用原生sql的，也有用orm的。本人比较擅长SQL，既然是学习新东西，那么就走一波ORM这两天换了个鼠标，罗技M
转载
2024-05-19 10:33:52
99阅读
最近翻看以前的笔记,想到以前自己学习完servlet+jsp+mysql却怎么也把前后台连接不上，最后自己折腾好几天，终于搭建成功，写这个笔记也算是记录一下，代码是那个时候的代码，现在稍微加工了下。可以照下面步骤先把前后台连接上，有点成就感，给自己打打气加油加油，然后再研究代码怎么写的。毕竟都是从那个时候爬（自学坑太多）过来的。（这段话只是针对你我等小白，大神请自动忽略，谢谢配合）这次就写最简单的
转载
2023-08-08 23:56:39
68阅读
本人才疏学浅，该文章就谈一下我对前后端交互的理解，如果那些写得不对的，请各位大神指出来，大家交流学习！一.什么是前后端交互？ 了解什么是前后端交互之前，我们先了解一下前后端交互有什么作用。一个网站不仅仅是只有前端，还有在后端的数据库和服务器（网站构成如下图所示），前端页面上的数据不可能完全写死的，所以前端需要从服务器动态地获取数据，以便保证前端的
转载
2023-07-24 21:19:48
355阅读
一：什么是跨域问题源于JavaScript的同源策略。即只有 协议+主机名+端口号全部相同，才允许相互访问。如果其中有一个不同，正常情况下浏览器就会把收到的报文丢弃，然后报一个cors policy的错误。二：出现情况（前后端分离开发vue+springboot）我在本地用nginx服务器挂了一个端口127.0.0.1:10086 用来提供 静态页面；而静态页面中需要用ajax请求127.0.0.
转载
2024-07-03 10:30:28
24阅读
目录前言：正题：总结： 前言： 传统的，我们在访问页面时，我们会将填充完数据的html页面返回给浏览器去解析。从而看到包含业务数据的网页。如jsp会在页面文件中添加Java代码来渲染页面。用EL表达式来输出model的业务内容。 这种方式在一定程度上做了前后
转载
2024-06-06 14:29:58
23阅读
目录一、前后端二、前后端接口三、Ajax1. ajax接口步骤2. 返回为json格式四、请求方式五、案例：登录 一、前后端前端：用户可以看见的界面，我们一般浏览网页时看到的界面，展现网页数据给用户看的地方。后端：要将前端的数据存储到数据库中，并且把数据库的数据传递给前端。数据库：存储数据的地方。前后端交互：前端将数据传递给服务端，并且能够从服务端接收到返回的数据的过程。二、前后端接口前
转载
2023-08-29 20:38:45
87阅读
前面我们分三章来说明了使用django template与jquery的差别，通过jquery如何来实现前后端的分离，同时再9章节使用vue.js 我们浅尝辄止的介绍了JQuery到vue的切换，由于监控界面没有数据提交，无法很好的体现处我说的vue的优势，所以笔者增加本章节来进一步的对比两者异同点（没有对比就没有伤害），读者可以通过代码去体会vue的优势。vue作为精简版本的MVVM，完成双
转载
2023-07-11 21:35:05
56阅读
什么是HTML?
1. HTML 是⽤来描述网页的一种语言。
2. HTML 指的是超文本标记语言: HyperText Markup Language
3. HTML 不是一种编程语言，而是一种标记语言
4. 标记语言是一套标记标签 (markup tag)
5. HTML 使用标记标签来描述网页
6. HTML ⽂档包含了HTML 标签及⽂本内容
7. HTML⽂档也叫做 web 页⾯HTML
一. 前后端交互流程1.服务器 : 提供某种服务器的机器(计算机)qq音乐：音频服务器 ， 迅雷：文件服务器 ，qq邮箱：邮件服务器，爱奇艺：视频服务器，谷歌：web服务器2. 前端 访问 服务器的四种方式1. 直接在地址栏输入网址 ，网页会跳转( 全局刷新 )2. a标签的href属性 ，网页会跳转( 全局刷新 )3. location.href = 'url' ，网页会跳转( 全局刷新 )4.
转载
2023-12-06 18:06:15
103阅读
前后端交互浏览器输入域名到页面显示完整的流程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阅读
作为刚接触前端的不久的童鞋，大家都会兴奋于CSS和JS所带来漂亮界面，然而，前端工程师除了UI重构外，还有非常重要的职责在正确的区域渲染出服务端的数据。毕竟，我们要构建一个大的web应用，必然不是普普通通的静态页面构成。通常一般情况正常流程是这样子的： 通过对数据库的调用管理进行交互。
前台一般是对数据库内容按照页面代码控制进行捡索并展示出来形成页面。
后台主要是对数据库进行管理，增
转载
2023-11-30 10:48:03
54阅读
大多数后端开发人员都熟悉的概念，模拟的对象或方法存根进行单元测试。Mockjax给前端开发人员定义的，以及这些请求应如何响应Ajax请求的能力。这些例子可以非常简单或相当复杂的，占整个请求-响应工作流程。概述：第一个例子 我们的第一个例子将是一个发财的应用程序与REST端点存在一个简单的REST服务/restful/fortune返回以下JSON消息： {
"status": "succ
转载
2024-04-10 13:27:40
58阅读
听名字就知道这是个不错的项目，事实上确实不赖。NiceFish（美人鱼） 是一个系列项目，目标是示范前后端分离的开发模式:前端浏览器、移动端、Electron 环境中的各种开发模式；后端有两个版本：SpringBoot 版本和 SpringCloud 版本，前端有 Angular 、React 以及 Electron 等版本。 项目地址：https://github.com/lenve/
转载
2023-11-30 23:41:49
119阅读
