如何搭建一个Spring MVC和Vue3的应用程序

最新推荐文章于 2024-05-27 20:25:38 发布

五花肉.

最新推荐文章于 2024-05-27 20:25:38 发布

阅读量528

点赞数

分类专栏： Java 文章标签： spring mvc java

本文链接：https://blog.csdn.net/weixin_44171249/article/details/134180441

版权

Java 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

要搭建一个基于Spring MVC框架和Vue3框架的前端应用程序，可以按照以下步骤进行：

创建Java项目并添加Spring MVC依赖

使用Maven或Gradle等构建工具创建一个Java项目，并在项目的pom.xml或build.gradle文件中添加Spring MVC依赖。例如，对于Maven，可以添加以下依赖：

<dependency>  
    <groupId>org.springframework</groupId>  
    <artifactId>spring-webmvc</artifactId>  
    <version>5.3.10</version>  
</dependency>

配置Spring MVC

在项目的配置文件（如application.properties或application.yml）中，配置Spring MVC的相关属性，例如：

spring.mvc.view.prefix=/WEB-INF/views/  
spring.mvc.view.suffix=.jsp

创建前端项目并安装Vue3框架

使用Vue CLI等工具创建一个Vue3项目，并在项目中安装Vue3框架和其他相关依赖。例如，可以使用以下命令创建Vue3项目：

npm install -g @vue/cli  
vue create my-project

将前端项目打包为静态资源

将前端项目中的静态资源文件（如js、css、html等）打包为可部署的静态资源文件，例如：

npm run build

将静态资源部署到Web应用程序中

将打包后的静态资源文件部署到Web应用程序的静态资源目录中。例如，可以将打包后的文件部署到Web应用程序的/WEB-INF/static目录下。

创建Spring MVC控制器和视图

在Spring MVC项目中创建控制器（Controller）和视图（View），用于处理前端请求和渲染前端页面。例如，可以创建一个HelloController控制器和HelloView视图：

HelloController.java：

@Controller  
public class HelloController {  
    @RequestMapping("/hello")  
    public String hello(Model model) {  
        model.addAttribute("message", "Hello, World!");  
        return "hello";  
    }  
}

HelloView.jsp：

<!DOCTYPE html>  
<html>  
<head>  
    <title>Hello</title>  
</head>  
<body>  
    <p>${message}</p>  
</body>  
</html>

五花肉.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何搭建一个Spring MVC和Vue3的应用程序

Spring mvc
复制链接

扫一扫

专栏目录