首先，Vue.js 可以通过 AJAX 请求与后端服务器进行数据交互。要使用 RESTful API 进行数据交互，你可以使用 Vue.js 的内置 HTTP 客户端库 Vue-Resource 或者 axios。使用 Vue-Resource，需要在组件中引入它并提供 HTTP 请求的选项。下面是一个简单的示例，展示了如何使用 Vue-Resource 获取 JSON 数据：import Vue
转载
2023-08-08 11:19:08
305阅读
零：与后端交互 - ajax版本1 - 出现了跨域问题前端：index.html<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Vue与后端交互 - 出现了跨域问题</title><script src="https://cdn.boot
转载
2021-02-03 18:44:42
1071阅读
2评论
Vue学习笔记——前后端交互目标：能够说出什么是前后端交互模式能够说出 Promise 的相关概念和用法能够使用 fetch 进行接口调用能够使用 axios 进行接口调用能够使用 async/await 方式调用接口 （ES7)能够基于后台接口实现案例fetch API：是标准化组织专门提供的一种新型的调用后台的接口，比Ajax的API要强大很多 axios：第三方的库，专门用于事件接口的调用1
转载
2024-06-24 05:15:45
189阅读
文章目录一、添加后端访问依赖二、建立后端三、配置前端 提示:这里重点演示前端如何访问后端，对于前、后端的建立不作为重点一、添加后端访问依赖进入前端vue项目，进入内部或外部终端输入如下代码并安装cnpm install axios --save
cnpm install qs --save安装好之后可以在package.json中看到添加的依赖在main.js中引入添加的依赖（main,js中存
转载
2023-09-12 10:42:59
75阅读
vue在传值的时候经常遇到的问题在我用vue编写程序的时候，在传值的时候，经常会遇到些问题，像今天遇到了两个问题，在用父传子的方法去传值，当父组件中的要传的数据是for循环出来的或者是列表的时候，你想每次运行的事件，都去传某一行，或者某部分数据的时候，在子组件中用mounted(){}，去加载并显示在页面上，还有就是在父传子中，把数据传过来了，但你运行事件的时候，哪个穿过来的数据值没有运行。这里就
转载
2024-05-29 05:26:28
75阅读
简单用户数据增删查改CRUD一，查询所有用户1.提交方式2.查询方式2.1 根据主键id查询2.2 根据具体字段查询2.3 restFul风格3.业务实现3.1生命周期3.2 回调函数数据的接受以及填充中v-mode和v-text的区别二，添加用户1.添加方式2.业务实现三，修改数据2.修改方式2.1 根据主键id更改数据2.2 根据某个或多个字段更改数据3.业务实现3.1 显示当前行的数据3.
转载
2023-08-08 11:18:23
201阅读
什么是前后端分离？将一个应用的前后端代码分开写为什么要前后端分离?在传统的Javaweb开发中，往往是前端人员写好html后，再由后端人员将java整合其中，变成JSP。 如此一来就造成了沟通不便、降低效率、前后端耦合度高等问题。前后端分离是如何解决此问题的呢？前端写客户端代码，后端写服务端代码并提供接口前端通过ajax请求访问接口，将model展示到view中 如此前后端只需要约定接口文档（UR
转载
2023-08-09 13:36:10
1065阅读
箭头函数在 es5 中中只有function在 es6 中新增了 箭头函数 与 对象方法function f1(){
console.log('f1 run')
}
f1()这就是很正常的一个函数调用，这叫函数，没有调用者，有调用者的才叫方法如果不写上 return 返回值，他就会默认返回空，会打印出 undefined。另一种写法let r1 = function(){
retu
转载
2024-09-05 20:27:16
28阅读
一、前後端交互模式1、Promise用戶2、接口調用-fetch3、接口調用-axios4、接口調用-async/await5、基於接口案例二、接口調用方式1、原生Ajax2、基於jQuery的Ajax3、fetch4、axios三、Resful形式的URLhttp請求方式1、GET查詢2、POST添加3、PUT修改4、DELETE刪除四、異步調用1、異步效果分析2、ajax例如$.ajax({u
原创
2020-08-03 21:13:49
3915阅读
前言本次用element-ui的table组件，简单案例演示下前后端数据交互。前提声明：如果不知道如何在vue中引入element-ui，可以先看下这篇文章:Vue引入并使用Element-UI组件库的两种方式静态页面首先先写一个静态页面吧，数据都是死的，这也是element-ui的table组件demo:直接把代码复制到组件里面即可。这样一个静态组件就写好了:但是这样只是一个静态的，我们开发中往
转载
2024-06-15 22:35:19
55阅读
前言最近前端用Vue做了一个单页面应用app，用Django做了一个数据API服务器。开发到了一定程度之后，想要把Vue部署到服务器上与Django一起做联合开发和测试。1. 前端Vue部分前端Vue开发完成之后，就可以对开发文件进行打包，Vue脚手架默认已经配置了打包的脚本指令，使用npm run build即可将开发文件打包成部署文件。打包前也可以先根据自己后端Django的需求，对打包过程进
转载
2024-09-13 19:11:42
60阅读
一、前后端分离是什么前面我们一直在和静态数据打交道，虽然流程可以跑个半通，但是静态数据还是给我们造成了诸多不便，现在我们是时候用上后端了。现在的应用开发模式，自从SPA出现以后，前端和后端可以平行的进行对应的工作，然后再进行接口的联调和整合，这种开发方式就是前后端分离开发。二、什么是RESTful APIHTTP动词：· GET（select）：从服务器取出资源（一项或多项）· POST （cre
1. 安装依赖Vue.js 2.0 版本推荐使用 axios 来完成 ajax 请求。所以我们先来追加依赖包axios,以及ps这两个包。另外，作为login登录，调用cookie,追加js-cookie依赖包npm i -D axios ps js-cookie2.建立模拟API数据这里我们先做最简单的API数据模拟，在public目录下创建user.json文件，代码如下：{
“userna
转载
2023-09-17 12:41:15
282阅读
axios作为Vue生态系统中浓墨重彩的一笔，我学习这个东西也是花了一定的时间的。刚开始的时候，也是遇到了很多问题。逐渐摸透了它的脾气。首先说说FormData和Payload两种数据格式的区别：先是提交一个FormData的请求试试看：然后我们看后端：然后我们提交一个以Payload传输数据的请求：我们再切到后台：这就是使用axios和jquery ajax最大的区别。jquery提交数据的时候
转载
2023-07-04 14:20:25
2135阅读
背景： 小鱼第一次前端用的VUE,然后前后端的交互调了几次，记录下来留给自己下次使用 前端 通过 form.XXX 获取数据，代码： script代码如下： script通过 this.$http.post 与后端交互， 1.打印日志使用 window.console.log(data); 之前ht
原创
2022-08-11 22:47:50
296阅读
Vue前后端交互文章目录Vue前后端交互引入：Vue前后端交互一、基于jQuery的ajax前后端交互模式前端后端二、使用fetch前后端交互fetch基本用法与请求参数fetch基本用法fetch请求参数fetch前后端交互前端后端三、前后端交互之axios前端后端参考资料引入：Vue前后端交互一般在项目中结合async/await语法使用axios调用接口一、基于jQuery的ajax前后端交互模式前端<head> <meta charset="UTF-8">
原创
2021-05-20 10:29:27
1086阅读
作者：雨的印记
主题：Vue基础
时间：2020年11月26日18:28:17
[源码及素材下载地址：](https://github.com/zhangbing520/cv_cuc)
目录1. 前后端交互概述与URL地址格式2. 异步编程问题与Promise概述2.1 异步调用2.2 Promise 用法2.3 Promise 基本用法2.4 基于Promise 处理
转载
2024-10-10 13:45:09
30阅读
目录一、项目介绍1.技术准备2.学到的内容（1）后端接口实现的业务逻辑（三层模型）（2）后端校验器（3）增删改查的后端业务逻辑（4）项目权限管理（5）前后端分离项目实战，全栈工程师代码开发顺序和思路二、项目课程目录三、后续学习推荐1.功能细节完善2.推荐官网3.前台旧岛小程序学习一、项目介绍本系列文章主要实现了【旧岛小程序】（非本系列文章内容）对应的vue+koa的【后台管理系统】。主
转载
2023-12-08 15:44:52
89阅读
Hello，你好呀，我是灰小猿，一个超会写bug的程序猿！最近在利用springboot+vue整合开发一个前后端分离的个人博客网站，所以这一篇总结一下在开发中遇到的一个问题，关于解决在使用vue和springboot在开发前后端分离的项目时，如何解决跨域问题。在这里分别分享两种方法，分别在前端vue中解决和在后台springboot中解决。浏览器同源策略为什么会出现跨域问题？ 首先一个定义一定要
转载
2024-04-10 15:00:12
347阅读
Java数据库连接技术：通过Java程序从数据库中把相应的数据提取到java程序中1.JDBC概念 2. JDBC的步骤1) 导入数据驱动jar包① 右键项目名称/新建一个文件夹folder，名字叫lib② 把*.jar包copy到lib目录下③ 右键*.jar/Build path/Add Build Path 把*.jar加入到项目构建路径中2
转载
2023-06-20 14:38:50
289阅读
