前言我们先进行了登录页面的绘制：在 Vue 中使用 Element UI然后再实现了后端登录接口：Spring Boot + Vue 前后端分离项目 -- 后端登录接口实现现在可以进行前后端登录接口对接了。准备工作1、安装 axios在 vue 项目中，需要使用 axios 发送网络请求，安装命令如下：npm install axios安装完毕后，package.json 文件中，会出现 axio
转载
2023-08-20 10:11:19
253阅读
在Vue中，前端与后端对接可以通过调用后端提供的接口来实现。以下是一般的步骤： 1. 定义接口地址：在Vue项目中，你可以在一个统一的地方定义所有的接口地址，比如在一个单独的文件中或者在Vue实例中的一个常量中。 ```javascript
// api.js
const BASE_URL = 'http://example.com/api'; // 后端接口的基础URL
转载
2024-08-08 08:18:11
127阅读
1.vue项目基于webpack在config目录下的index.js在cssSourceMap后面添加 proxyTable: { '/': { target: "http://localhost:3000/", //后端地址 changeOrigin: true, //允许跨域 pathRewr
原创
2024-03-26 12:42:45
143阅读
场景在vue开发中，我们采用前后端分离的模式进行开发，则前端渲染的数据都需要从后端获得，这样就会带来跨域问题。思路解决跨域问题，正常情况下有两种，既然涉及到两端，那么大的就是从两端各自处理。第一种：从后端处理。就是在后端代码中通过过滤器等方式允许请求进行跨域访问，这种方法在之前的springboot文档中有记录，此处不再叙述。第二种：从前端vue处理，vue提供了相关的配置，通过代理的方式进行跨域
转载
2023-10-23 09:41:35
108阅读
我是小康小白，一个平平无奇的Java小白。热爱有趣的文字，生活和远方。 小白前几天进行了人生第一次的前后端对接，决定记录一下这个过程。帮助一下曾经和我一样的人。因为其中每一步的内容都很多。所以，很多步骤小白都专门写了一篇博客去介绍如何创建，使用。下文只有实现代码，没有写为什么，怎么样去实际写，以及如何实际操作。所以大家记得打开相关链接去看看小白使用的工具以及其中的方法,以及其中数据的格式
1.内
转载
2023-05-25 08:45:27
755阅读
前端与后端数据交互的方式之Ajax 对于前端学习而言，CSS+HTML+JavaScript的学习在自我学习的情况下掌握也不是很难，但是想要实现前后端的数据交互在没有指导的情况下学习会是一头雾水。接下来就让我来浅谈一下前后端数据交互的方式。web前端与后端是怎么连接的网站数据处理主要分为三层。第一层，表示层，这部分可以用HTML代码，CSS/Javascript代码来实现等。通过前端代码可以实现网
转载
2023-09-10 17:25:57
346阅读
一：概述1接口调用方式原生ajax
基于jQuery的ajax
fetch
axios2：传统形式的URL格式:schema://lost:port/path?query#fragment
1):schema:协议。例如http,https,ftp等
2);host:域名或者IP地址
3):port:端口，http默认端口80,可以省略
4):path:路径。例如/abc/a/b/b/c
5):q
转载
2023-12-31 14:14:12
89阅读
0 复习Vue1 MVVM：前端的设计模式，他实现了双向数据绑定，他与MVC有什么框架？MVC是没有实现双向数据绑定2 双向数据绑定：当model数据发生改变之后，页面view层自动改动；当页面数据发生改变的时候，model层数据也会接收到变化3 生命周期钩子函数：created：new vue（）执行完成，在双向数据绑定之前，通常用来获取数据，紧跟着就可以进行双向绑定注：回顾下vue的8个钩子函
转载
2024-08-02 11:15:38
28阅读
目录先介绍技术栈：1.安装python2.安装nginx3.安装uwsgi，直接使用pip安装。4.上传写好的的代码包。5.配置uwsgi文件6.配置Nginx配置文件：7.浏览器测试 开门见山，前段时间实地部
转载
2024-04-11 14:00:58
225阅读
# 项目方案：Vue 前端与 Java 后端的对接
## 1. 简介
本项目方案旨在介绍如何在 Vue 前端项目中与 Java 后端进行对接。我们将使用 Vue 作为前端框架，Java 作为后端开发语言，并通过 RESTful API 进行通信。
## 2. 技术选型
- 前端框架：Vue.js
- 后端开发语言：Java
- 数据库：MySQL
- 通信协议：RESTful API
#
原创
2023-09-08 06:46:10
1473阅读
Springmvc实现实体类user@Data@AllArgsConstructor@NoArgsConstructorpublic class User { private String name; private int age; private String sex;}我们来获取一个集合对象，展示到前端页面@RequestMapping("/a2")public List<User> ajax2(){ List<User> lis
原创
2022-02-22 10:29:30
227阅读
Springmvc实现实体类user@Data@AllArgsConstructor@NoArgsConstructorpublic class User { private String name; private int age; private String sex;}我们来获取一个集合对象，展示到前端页面@RequestMapping("/a2")public List<User> ajax2(){ List<User> lis
原创
2021-07-16 15:03:33
400阅读
一、leancloud基础安装和使用：对于Android项目来说就是在gradle中添加依赖如下：/**
* 添加的leanCloud依赖
*/
implementation ('cn.leancloud:storage-android:6.4.4'){
exclude group: 'com.alibaba', module: 'fastjson'
转载
2023-09-25 17:17:23
122阅读
我们创建的项目如下一、我们Vue项目执行流程得到如下的一个格式有，渲染流程如下首先我们的主要的页面就一个（public下面的index.html）其实就我们的App.vue渲染到我们的index.html（我们的项目只有一个app的一个id）整体上做如下修改（我们需要的资源在main.js里面导入）总体的过程呢就是如下的首先我们在components下面创建我们的组件然后在router下书写路由然
转载
2024-04-07 13:17:44
1486阅读
点赞
1、前端请求数据URL由谁来写在开发中，URL主要是由后台来写好给前端。若后台在查询数据，需要借助查询条件才能查询到前端需要的数据时，这时后台会要求前端提供相关的查询参数(即URL请求的参数)。2、接口文档主要由谁来写接口文档主要由后台设计和修改。后台直接跟数据打交道，最清楚数据库里有什么数据，能返回什么数据。前端只是数据的被动接受者，只是接口文档的使用者。使用过程中，发现返回的数据部队，则跟后台
转载
2023-09-13 10:44:29
153阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
565阅读
Vue全家桶之前后端交互一、 前后端交互模式1. 接口调用方式2. URL地址格式2.1 传统形式的URL2.2 Restful形式的URL二、 Promise 用法1. 异步调用2. Promise 概述3. Promise 基本用法4. Promise 常用的API三、 接口调用-fetch用法1. fetch 概述2. 基本用法3. fetch 请求参数4. fetch 响应结果四、 接口
转载
2024-03-20 16:26:25
49阅读
spring-boot+vue实现前后端分离一 . 前端的搭建1 . 安装vue-cli开发环境2 . 创建vue-cli项目3. 配置项目环境4. 配置路由5 . 创建vue页面 一 . 前端的搭建1 . 安装vue-cli开发环境安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情
转载
2023-10-27 07:45:06
115阅读
说在前面的话随着前端NodeJs技术的火爆,现在的前端已经非以前传统意义上的前端了,各种前端框架(Vue、React、Angular......)井喷式发展,配合NodeJs服务端渲染引擎,目前前端能完成的工作不仅仅局限于CSS，JS等方面，很多系统的业务逻辑都可以放在前端来完成，例如我司的管控那可能有些人会说,前端这么火,NodeJs发展这么迅猛,后端是不是以后都没事情干了，其实不然,拿Java
我是小康小白，一个平平无奇的Java小白。热爱有趣的文字，生活和远方。为什么要跨域？浏览器不能执行其他网站的脚本，也就是前后端的代码运行在不同的服务器上的时候就会出现跨域问题，它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。如何解决跨域问题使用过滤器（Filter）以实现允许前端通过后端访问项目接口实现原理：Filter接口中有一个doFilter方法，当开发人员编写好
转载
2024-06-20 14:17:00
27阅读
