【第五步+前后分离调】最后的联动调试--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前后端联动调试!!!

相关推荐
JunLa1 小时前
L angGraph vs 链式调用
java·网络·数据库
RSTJ_16251 小时前
PYTHON+AI LLM DAY FOURTY-SEVEN
开发语言·人工智能·python·深度学习
代钦塔拉2 小时前
第二篇:VS2019 + Qt5.9.9 中文乱码实战:源码GB2312不乱码、文件写入与跨平台方案
开发语言·qt
晚风烟火2 小时前
从“落地实践”和“应试通关”两个维度,拆解每一章到底要掌握什么
java
.小小陈.2 小时前
Linux 多线程进阶:线程互斥、同步、线程池、死锁与线程安全、读写锁、自旋锁
linux·开发语言·c++
ps酷教程2 小时前
jackson学习
java·学习
lingran__2 小时前
C++入门基础
开发语言·c++
行走的蜗牛2 小时前
一文搞懂 Spring AI 核心接口,轻松对接所有大模型
java
骑自行车的码农2 小时前
react hooks原理:为什么不能在条件中使用 hook ?
vue.js·react.js