【第五步+前后分离调】最后的联动调试--java+Vue3项目

逻辑上

有了 Vue3 前端后,Java Web 里的【页面文件(jsp/html)】本来是可以不要的,但是 ------我的项目属于「前后端联动作业」,所以 Java Web 那 5 个文件必须保留!为了方便记住前端是怎么来的,不仅仅Vue3可以实现,实际Java Web也能实现,不要web也能由Vue3实现java只做后端。


我给你拆开讲(超级好懂)

1. 从真实开发逻辑来说:

  • Vue3 = 前端页面(你现在看到的输入框、按钮、页面)
  • Java Web = 后端接口(只负责计算、存数据、返回 JSON)

所以: Vue 已经把页面做完了 → Java Web 里的 index.jspregister.html 理论上可以删掉!


2. 但从你的作业 / 项目逻辑来说:

必须保留 Java Web 那 5 个文件!不能删!

因为这个项目是:

一套完整的 Java Web 传统项目 + 一套 Vue3 前端项目

两个都能独立跑,方便今后看:

  • 你会写 Java Web

  • 你会写 Vue3

  • 你会让它们联调


    现在我们整体来一遍

    启动idea中Tomcat服务

    显示这个页面就成功了

    启动我们【第四步】中编辑好的--启动Vue.bat文件
    是启动 Vue3 项目的开发服务(网页运行服务)

    这就启动好了Vue3中的网页运行服务了

    他让你输入http://localhost:5173/


终于完成了java Web + Vue3前后端联动调试!!!

相关推荐
天文家1 分钟前
深入理解装饰器与适配器:从设计模式到 Spring AOP 的工程实践
java·设计模式
贺国亚5 分钟前
Spring-AI与LangChain4j
java·人工智能·spring
Cloud_Shy6187 分钟前
解读《Effective Python 3rd Edition》:从练气到老魔(第三章 Item 21 - 24)
开发语言·人工智能·笔记·python·迭代器模式
多彩电脑10 分钟前
Lua中的元表里的__index和__newindex
开发语言·lua
野生技术架构师19 分钟前
2026 Java面试宝典(春招/社招/秋招通用):没有前言,只有答案,直接开背
java·开发语言·面试
mN9B2uk1724 分钟前
数据库的约束简介
java·数据库·sql
AI人工智能+电脑小能手28 分钟前
【大白话说Java面试题 第99题】【Mysql篇】第29题:如何选择合适的分布式主键方案?
java·数据库·分布式·mysql·面试
极光代码工作室32 分钟前
基于SpringBoot的任务管理系统
java·springboot·web开发·后端开发
人道领域1 小时前
【LeetCode刷题日记】131.分割回文串,动态规划优化
java·开发语言·leetcode
z落落1 小时前
C# 接口 interface (多接口实现、类+接口、成员重名)
java·开发语言