后端如何将前端文件内容整合进java后台程序中

本文介绍如何将assets(包含图片、JS、CSS)、modules(HTML模块)和default.html整合到Spring MVC项目中,包括文件结构调整、Maven依赖添加、JSP链接修改及Spring MVC配置更新。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

有如下三个文件需整合进程序中:
在这里插入图片描述

assets:图片,js css
modules:分模块(user模块,内容全为html格式)
Default.html:默认页面

idea文件列表:
在这里插入图片描述
在这里插入图片描述
进入文件夹中,将asset文件拖入webapp中,与WEB-INF一层。(因为asset中为js,css,图片)

default.html放入Modules中,一起放入WEB-INF中,并全部修改为.jsp格式:
在这里插入图片描述
此时在idea中自动导入,列表变为:
在这里插入图片描述
后续完善:
1,在pom.xml中添加关于jsp的依赖:

<dependency>
                <groupId>javax.servlet</groupId>
                <artifactId>javax.servlet-api</artifactId>
                <version>3.1.0</version>
                <scope>provided</scope>
 </dependency>
    
 <dependency>
                <groupId>javax.servlet.jsp</groupId>
                <artifactId>javax.servlet.jsp-api</artifactId>
                <version>2.3.1</version>
 </dependency>

2,在jsp页面中对一些链接进行修改,如:

<link rel="Stylesheet" type="text/css" href="${pageContext.request.contextPath}./assets/Styles/bridging.css"/>

关于pageContext.request.contextPath:
${pageContext.request.contextPath}/hello.jsp含义就为 http//:localhost:8080/test/hello.jsp 相当于一条全路径

3,对controller中的程序返回页面进行相应的修改。

4,修改springmvc配置文件:

  <bean
            class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/Modules/" />
        <property name="suffix" value=".jsp" />
    </bean>

即将prefix路径改为modules文件夹(与前面的步骤对应)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值