【第五步+前后分离调】最后的联动调试--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 分钟前
YAML配置详解:SpringBoot实战指南
java·spring·yml
Su5733 分钟前
RuoYi + RAGFlow 搭建私有化知识库完整集成实践(二)
java
wechatbot8889 分钟前
极客互动企业微信 SCRM 自动运营平台效果实测
java·微信·企业微信·rpa
需要82613 分钟前
JVM 内存区域与对象创建:一次 GC 从哪来
java·jvm·spring boot·spring·servlet·tomcat
伞伞悦读36 分钟前
【第37期】Python JSON 与配置详解:序列化、反序列化、嵌套结构和配置文件
开发语言·python·json
事圆则缓37 分钟前
Java 转 Kotlin 的 Android 迁移路线
java
计算机毕设定制辅导-无忧学长43 分钟前
《基于Vue的流浪动物救助中心管理系统的设计与实现》
java·vue.js·spring boot·流浪动物救助中心管理系统
CCCCCCCCharlie1 小时前
Linux进程控制四大核心操作
linux·开发语言
Mikko71 小时前
jackson-databind 升到 2.21.6 就安全了吗?jackson-core 是另一个坐标,它那条 high 全局库至今没收
java·后端·安全·json
Java_AI工程师1 小时前
90%的人写Function Calling,只写了"把参数传给工具执行"这一步,剩下的参数校验、错误重试、超时控制、结果格式化,全是空白。
java·人工智能·程序员