1. 前言工欲善其事，必先利其器。将框架搭建好之后，我们现在开始具体的学习，这次讲讲页面的跳转、表单的提交2. 开始2.1 简单的页面跳转项目启动的时候，默认打开的是index页面，我们修改下index.jsp文件，在上面加个链接（我随便写的链接） 在views文件夹下面建一个jsp文件，test1.jsp，现在要点击链接跳转到这个页面 为了完成这个功能，我们去后台，增加映射，可以处理对‘/t
一、Ajax前端使用 axios 库与服务端通信。axios 返回的是 promise 对象。示例(使用 e
转载
2023-02-05 20:38:27
134阅读
WebSocket实现前后端通讯 长安如梦里，何日是归期。 简介：我们上线了一个商城项目，移交运营团队使用之后，他们要求商城有新订单来的时候同时加上声音提示，让她们可以及时知道有单来了。我这边想了想，这个需求是在后端完成还是前端完成，但是仔细一想，无论是在前端还是后端完成都一样，需求注定甩不出去了，
原创
2021-12-21 14:00:11
1276阅读
VUE构建前后端分离的前端项目（超详细）1.使用vue-cli创建项目 2.使用elementUI组件编写页面 3.使用axios与后台交互 4.使用webpack构建工具打包 5.部署到Tomcat1.技术背景前后端分离的优势：分工明确，提高工作效率，前端主要关注页面、用户体验，后端主要关注业务、安全。性能提升，前端通过路由配置实现按需加载，后端无需解析前端页面。前后端同时开发，提升开发效率。发
转载
2023-07-04 20:29:31
573阅读
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阅读
Vue前后端分离 一、工程创建前期（不用切换目录） 1、安装淘宝镜像cnpm npm install -g cnpm -registry=https://registry.npm.taobao.org 查看是否安装完毕： node –v npm –v 或 cnpm -v 2、安装脚手架，用于快速创建 ...
转载
2021-08-20 16:03:00
1138阅读
2评论
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阅读
一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业（15年）那会就听说过，但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离？直观的感觉就是前后端分开去做，即功能和职责上的一种划分，前端负责页面的渲染，部分页面交互的逻辑，然后通过网络请求与后端进行数据的交互；后端则着重关注业务逻辑的处理，直接操控数据库。1.2前后端未分离前（1）jsp + serv
转载
2024-08-14 12:12:34
56阅读
一、前端项目搭建过程1、项目初始化前端使用vue-cli3.0+webpack 搭建项目结构，需要先安装vue，可以通过npm来安装，因此首先需要安装node，步骤如下（1）进入 node官网，下载最新版本，安装完毕后，执行node --version、npm --version 查看是否安装成功。（2）node安装完成后，即可通过npm来安装vue，可先执行（npm install -
转载
2024-06-29 22:35:54
550阅读
0.需求需要将深度学习算法Demo做成可以用来展示的网页应用1.技术栈前端：框架：VueUI库：Bootstrap后端：开发语言：PythonREST API： flask2.前端2.1环境搭建因为选择使用Vue来作为开发的框架，我们需要安装Node.js# 官方安装教程：https://github.com/nodesource/distributions
# 或者从安装仓库安装
sudo
转载
2024-03-05 22:33:40
446阅读
场景在vue开发中，我们采用前后端分离的模式进行开发，则前端渲染的数据都需要从后端获得，这样就会带来跨域问题。思路解决跨域问题，正常情况下有两种，既然涉及到两端，那么大的就是从两端各自处理。第一种：从后端处理。就是在后端代码中通过过滤器等方式允许请求进行跨域访问，这种方法在之前的springboot文档中有记录，此处不再叙述。第二种：从前端vue处理，vue提供了相关的配置，通过代理的方式进行跨域
转载
2023-10-23 09:41:35
108阅读
前言：2gitee源码：https://gitee.com/web-paul/springboot-vue第一部分：vue前端目录：一、assets目录： 引用了一个全局css样式，最后在main.js引入即可 main.js中：import '@/assets/css/global.css'二、components目录：Aside代表侧边栏组件：el-menu这个标签记住了 1处代表设置默认高亮
转载
2024-05-14 15:32:08
235阅读
在Vue中，前端与后端对接可以通过调用后端提供的接口来实现。以下是一般的步骤： 1. 定义接口地址：在Vue项目中，你可以在一个统一的地方定义所有的接口地址，比如在一个单独的文件中或者在Vue实例中的一个常量中。 ```javascript
// api.js
const BASE_URL = 'http://example.com/api'; // 后端接口的基础URL
转载
2024-08-08 08:18:11
127阅读
文章目录前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）后端部署（以Springboot项目为例）补充 前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）部署环境：Nginx 配置文件：vue.config.js 更多可见此文章vue项目打包与配置-学习笔记（vuecli4）： 以下是vuecli2：CDN优化：module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
前后端怎样分离前端只需要独立编写客户端代码，后端也只需要独立编写服务端代码提供数据接口即可。前端通过Ajax请求来访问后端的数据接口，将Model展示到View中即可。前后端开发者只需要提前约定好接口文档(URL、参数、数据类型.….)，然后分别独立开发即可，前端可以造假数据进行测试，完全不需要依赖于后端，最后完成前后端集成即可，真正实现了前后端应用的解耦合，极大地提升了开发效率。前端应用：负责数
转载
2023-09-03 09:28:47
215阅读
路由此处的路由指的是页面跳转的规则，通过不同的路径，来请求不同的资源，请求不同的页面是路由的其中一种功能。可以简单理解为url跳转后端路由和前端路由的url的访问意义有所不同，所有的url都会访问到服务器上对应的资源。页面请求的url全部要通过后端服务的过滤器进行过滤和处理在之前学的web技术中，学习过Java Servlet，前端的页面资源和后端服务是放在了同一个项目文件中的，前端显示的页面都是
转载
2024-04-03 19:17:25
103阅读
前言我们先进行了登录页面的绘制：在 Vue 中使用 Element UI然后再实现了后端登录接口：Spring Boot + Vue 前后端分离项目 -- 后端登录接口实现现在可以进行前后端登录接口对接了。准备工作1、安装 axios在 vue 项目中，需要使用 axios 发送网络请求，安装命令如下：npm install axios安装完毕后，package.json 文件中，会出现 axio
转载
2023-08-20 10:11:19
253阅读
一：概述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阅读
目录前置条件方法一：把前端项目打包，作为后端项目的静态文件，再把后端项目部署在应用服务器中方法二： 把前端项目部署在 web 服务器中，把后端项目部署在应用服务器中 前置条件首先需要我们写好两个项目（分别是前端和后端的），要写好前后端接口 接口按照我这样写，我这里使用的是axios，使用方法可以参考我的另一篇博客：vue cli4使用axios（通过RAP2生成后端接口） 这个项目先运行后端再运
转载
2023-08-10 13:31:15
353阅读
本博文主要介绍如何使用Vue +SpringBoot实现前后端分离，实现简单登录功能。 本项目分为前端(vue)和后端(SpringBoot)两大模块。一、前端1.新建vue-cli项目进入cmd命令行，输入如下命令：C:\Users\Administrator>f:
F:\>cd F:\Study\vue\projectpractice
F:\Study\vue\pro
转载
2023-10-18 20:46:57
158阅读
