【第五步+前后分离调】最后的联动调试--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.jsp、register.html 理论上可以删掉!


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

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

因为这个项目是:

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

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

  • 你会写 Java Web

  • 你会写 Vue3

  • 你会让它们联调


    现在我们整体来一遍

    启动idea中Tomcat服务

    显示这个页面就成功了

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

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

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


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

相关推荐
qq_364682158 小时前
录音APP怎么切换语言?多语言版本如何使用
java·服务器·前端
Wang's Blog8 小时前
Java 项目实战: 交友项目 - 用户体系集成:根据环信id查询用户详情
java·lua·交友
摇滚侠8 小时前
《On Java 中文版 基础卷》阅读笔记 复用 13
java·笔记·python
2601_968900778 小时前
玻璃深加工的工艺窗口:4 道工序的温度与时间参数边界
android·java·javascript
志尊宝8 小时前
AI原生前端开发(037):AI辅助的Vue 3开发最佳实践
前端·vue.js·ai-native
薛之谦_9 小时前
用 Java 实现阿里云式 IAM 子用户管理:架构设计与表结构详解
java·python·阿里云
超级架构师9 小时前
让 COBOL 长出 AI 大脑:原生 Agent 核心框架 praxo-core 深度剖析
c语言·开发语言·c++·人工智能·python·架构·ai编程
Non-existent9879 小时前
在 WPS/Excel 里做地理数据处理:功能市场 + 奥维 / Google Earth / QGIS 三种跳转实战
开发语言·javascript·ecmascript
甜到心里的蛋糕9 小时前
抖音评论自动回复机器人部署实践:无头 Chrome + DeepSeek + NapCat(2C2G 云主机)
java·jvm·chrome·python·抖音·deepseek
Java爱好狂.9 小时前
阿里1658页Java面试题总结(含答案)
java·后端·高并发·架构师·java面试·java面试题·java八股文