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

相关推荐
Flynt5 小时前
从Spring Boot 4.0升到4.1,我在Maven和gRPC上栽了跟头
java·spring boot·后端
plainGeekDev6 小时前
Activity 间传值 → Navigation 参数
android·java·kotlin
plainGeekDev6 小时前
onActivityResult → ActivityResult API
android·java·kotlin
Sunia6 小时前
《AgentX 专栏》10-生产部署:3台2C4G云服务器把企业级Agent真正跑起来的完整方案
java·架构
ZhengEnCi7 小时前
J7A-高级Java工程师面试三道灵魂拷问-深度广度与工程素养的终极检验
java·后端
用户21366100357210 小时前
Vue2非父子通信与动态组件
前端·vue.js
狼爷1 天前
吃透 Java Function 接口,搞定 99% 的 Stream 场景
java·函数式编程
如果超人不会飞1 天前
脉络清晰的业务演进:TinyVue Timeline 时间线组件全方位实战指南
vue.js
如果超人不会飞1 天前
从扁平到立体:掌握 TinyVue Grid 树形表格的高级实战指南
vue.js
用户2136610035721 天前
Vue2组件化开发与父子通信
前端·vue.js