前言对于一些小项目，觉得没必要通过前后端分离进行部署，太浪费服务器资源了，但是用jQuery、bootstrap等又不能做到像前端框架那样能够模块化开发，因此就想着能不能用前后端分离的方式开发项目，开发完毕后把前端合并到后端去成为一个单体应用。通过查找，有人说前端开发完把编译好的文件copy到后端static目录中…太麻烦了…后来找到有个maven插件frontend-maven-plugin可以
转载
2024-04-08 00:18:55
1129阅读
# Spring Boot 和 Vue 的前后端合并单体部署
在现代的Web开发中，前后端分离已经成为一种主流的开发模式。前端通常使用JavaScript框架，如Vue.js，而后端常用Java框架，如Spring Boot。然而，在某些情况下，开发者希望将前后端合并成单体应用进行部署，这样可以简化发布流程。本文将探讨如何将Spring Boot和Vue应用整合为一个单体应用进行部署，并提供相关
目录前言一、准备工作二、实现过程1.后端2.前端 前言编译器：vscode、idea、mysql5.7 技术：springboot+mybatis+mysql+lombok+vue 实现内容：实现前后端数据交互。 实现效果：一、准备工作因为vue和springboot是前后端分离的，所以在开始交互前首先需要解决跨域问题，可以在前端做也可以在后端加配置类，这里我是在后端加的CORS策略配置类。@C
转载
2023-09-30 10:50:41
872阅读
文章目录编译器介绍 --- 原理篇概述前端LexerParserSemantic AnalysisTranslate汇合点IR (intermediate representation)后端Instruction SelectionLiveness AnalysisRegister Allocation拓展Code Emission 概述首先我们需要对编译器有一个宏观的把握，可以想象，编译器本身
转载
2024-05-22 20:24:42
71阅读
企业技能要求现在企业通常要求程序员既要有实战技能，也要内功扎实，对于新项目可以快速上手，熟悉底层原理后还应后劲十足，因此在笔试和面试时结合底层知识、实战应用、设计思维三方面进行考查。针对这3个方面的需求，阿嘴找到了这份“Vue+Spring Boot前后端分离开发实战手册。”本手册有三大特点。注重实战应用。本手册精心设计的案例对于工作多年的人也具有很高的参考价值;手册中引入了两个项目，让读者体验“
转载
2024-08-29 16:13:33
37阅读
做自己没做过的事情叫做成长 做自己不愿做的事情叫做改变 做自己不敢做的事情叫做突破 共勉目录结构实体类@Data
@Entity
public class Student {
@Id
@GeneratedValue(strategy = GenerationType.IDENTITY)
private Integer id;
private String name
工作流程前后端分离，各自开发。这里前后端分离是这样的：前端用Vue开发静态页面，路由通过Vue-Router进行，后端用Node仅用于编写API给前端调用获取数据。前端开发时通过Vue-Cli中提供的proxyTable进行代理，由此可跨域调用Node编写的API。前后端各自开发完成，测试无误后，前端通过webpack打包压缩，后端拉取前端打包压缩好的文件即部署完成。技术栈vue-clivue-r
转载
2024-05-17 13:39:43
265阅读
在实现"thinkphp vue 前后端部署"之前，我们首先需要明确什么是thinkphp和vue以及它们之间的关系。ThinkPHP是一个PHP开发框架，而Vue是一个JavaScript框架，用于构建交互式的Web界面。将这两者结合起来可以实现前后端分离的开发模式，使得前端和后端可以独立开发并且互不影响。
下面我将会教给你如何实现"thinkphp vue 前后端部署"，我会将整个流程拆分为
原创
2024-05-22 09:59:31
342阅读
文章目录前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）后端部署（以Springboot项目为例）补充 前后端分离项目部署（服务器或本地）前端部署（以vue项目为例）部署环境：Nginx 配置文件：vue.config.js 更多可见此文章vue项目打包与配置-学习笔记（vuecli4）： 以下是vuecli2：CDN优化：module.exports = {
...
转载
2024-04-19 15:37:17
125阅读
前言我们先进行了登录页面的绘制：在 Vue 中使用 Element UI然后再实现了后端登录接口：Spring Boot + Vue 前后端分离项目 -- 后端登录接口实现现在可以进行前后端登录接口对接了。准备工作1、安装 axios在 vue 项目中，需要使用 axios 发送网络请求，安装命令如下：npm install axios安装完毕后，package.json 文件中，会出现 axio
转载
2023-08-20 10:11:19
253阅读
项目代码地址前端： https://gitee.com/chenfenbgin/vuedemo 后端和数据库建表sql： https://gitee.com/chenfenbgin/vuespringbootdemo一、vue1、概述： 前后端分离就是将一个单体应用拆分成两个独立的应用，前端应用和后端应用以JSON格式进行数据交互。2、创建一个vue项目，只有vue3.0后才有图形界面0 1. 使
转载
2023-09-12 13:52:35
420阅读
文章目录前言一、环境准备二、SpringBoot项目打jar包1.1 使用Maven的package插件打包1.2 上传至Linux服务器三、Vue项目打包1.1 修改后台请求地址1.2 生成dist文件1.3 上传至linux服务器三、配置Nginx四、启动项目1.1 启动Nginx服务器1.2 启动SpringBoot1.3 访问项目总结 前言Java企业开发少不了Spring Boot 加
转载
2023-12-11 13:34:37
139阅读
目录前置条件方法一：把前端项目打包，作为后端项目的静态文件，再把后端项目部署在应用服务器中方法二： 把前端项目部署在 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阅读
# Docker 部署 Vue 前后端分离应用
随着前后端分离架构的流行，如何高效地部署前后端分离的应用成为了开发者面临的重要问题。Docker 提供了一种轻量级的虚拟化方式，可以帮助我们快速构建、打包和分发容器化应用。本文将介绍如何使用 Docker 部署一个前后端分离的 Vue 应用与 Node.js 后端。
## 1. 准备工作
在开始之前，请确保您的机器上已安装以下工具：
- Do
VueMVVM思想M：module 包括数据和一些基本操作 V：view 视图，页面渲染结果 VM：View-module，模型与视图间的双向操作（无需开发人员干涉） 视图和数据通过VM绑定起来，模型里有变化会自动地通过Directives填写到视图中，视图表单中添加了内容也会自动地通过DOM Listeners保存到模型中。教程：Vue: https://cn.vuejs.org/v2/guid
一、环境准备 (1) 服务器环境window server 2008操作系统 + 2.4GH+ 4G内存的服务器。 (2) 软件安装需要安装jdk1.8版本、apache-tomcat 8.0以上、nginx-1.13.12,具体安装过程和环境搭建自己百度。（3）nginx的代理配置进入nginx的目录下cong/nginx.conf文件中,添加如下代理:二、前后端打包 （1）
转载
2023-10-10 09:20:39
95阅读
一、实现样式二、实现思路1.案例说明：1.1需求：文件管理系统，客户根据两个维度（文件标准信息，文件类型信息）信息进行录入，而为了更加方便管理文件，需要针对于标准、类型信息去统计客户上传的文件数量，达到数据的可视化。1.2 数据库字段信息文件标准信息 需要取出 id信息，和name信息（文件类型信息类似）文件信息 存储对应数据的id信息2.实现思路2.1前端vue使用的数据表格合并列rowspan
转载
2024-03-29 10:07:26
177阅读
SSM+Vue前后端分离项目部署1. 项目概述2 项目源码3. ECS服务器3.1 环境需求3.2 JDK环境搭建3.3 宝塔Linux面板：应用商店安装服务器3.4 宝塔Linux面板：MySQL密码修改与添加数据库3.4 XShell工具：添加Tomcat文件服务器4. SSM项目部署4.1 修改MySQL配置文件信息4.2 修改Redis连接配置信息4.3 通过Maven打包工具-创建wa
转载
2023-11-24 21:25:06
0阅读
目录前后端分离实现技术创建vue项目在idea中打开新建页面创建SpringBoot应用创建实体对象与数据库表元素绑定创建实体类接口前端调用数据跨域传输在springboot中解决总结 前后端分离前后端分离就是将一个应用的前端和后端代码分开写，为何如此？ 如果不使用前后端分离，会有什么问题？ 传统Java Web开发过程中，前端使用JSP开发，流程为 前端工程师写HTML页面→后端工程师在此基础
转载
2023-11-08 23:01:38
118阅读
