springboot怎么运行html文件_springboot运行html文件方法【教程】


Spring Boot运行HTML需正确配置静态资源路径。1、将HTML放入src/main/resources/static目录,可直接访问;2、使用Thymeleaf依赖将HTML置于templates目录,通过@Controller返回视图名渲染页面;3、自定义路径需实现WebMvcConfigurer,注册resourceHandler映射文件位置。

springboot怎么运行html文件_springboot运行html文件方法【教程】

如果您在使用Spring Boot开发Web应用时,希望正确加载并运行HTML文件,但发现页面无法访问或静态资源未生效,则可能是静态资源路径配置不当或缺少必要的依赖。以下是实现Spring Boot运行HTML文件的具体方法:

一、将HTML文件放置在正确的静态资源目录

Spring Boot默认会从特定的目录中查找静态资源文件(如HTML、CSS、JS等)。将HTML文件放在这些目录下,可直接通过浏览器访问。

1、在src/main/resources目录下创建名为static的文件夹。

2、将需要运行的HTML文件(例如index.html)放入该static目录中。

3、启动Spring Boot应用后,在浏览器中访问http://localhost:8080/index.html即可查看页面内容。

二、使用templates目录配合模板引擎加载HTML

若HTML文件位于templates目录下,必须借助模板引擎(如Thymeleaf)进行渲染,不能直接通过URL访问。

1、在pom.xml中添加Thymeleaf依赖:

<dependency><br>    <groupId>org.springframework.boot</groupId><br>    <artifactId>spring-boot-starter-thymeleaf</artifactId><br></dependency>

2、将HTML文件放入src/main/resources/templates目录中。

Magician Magician

Figma插件,AI生成图标、图片和UX文案

Magician 412 查看详情 Magician

3、创建一个控制器类,映射请求路径并返回视图名称:

@Controller<br>public class PageController {<br>    @GetMapping("/home")<br>    public String showHome() {<br>        return "home"; // 对应 templates/home.html<br>    }<br>}

4、启动项目后,访问http://localhost:8080/home即可渲染并显示HTML页面。

三、自定义静态资源路径

当您希望将HTML文件存放在非默认目录时,可通过配置类指定额外的静态资源位置。

1、创建一个配置类并实现WebMvcConfigurer接口:

@Configuration<br>public class WebConfig implements WebMvcConfigurer {<br>    @Override<br>    public void addResourceHandlers(ResourceHandlerRegistry registry) {<br>        registry.addResourceHandler("/pages/**")<br>                .addResourceLocations("file:./custom-pages/");<br>    }<br>}

2、将HTML文件存放在项目根目录下的custom-pages文件夹中。

3、访问http://localhost:8080/pages/index.html即可加载对应页面。

以上就是springboot怎么运行html文件_springboot运行html文件方法【教程】的详细内容,更多请关注其它相关文章!


# 创建一个  # 健康推广网站有哪些好的  # 安阳网站建设怎么样  # 如何优化大数据网站建站  # 虹口区推广数字营销项目  # 黄贝免费网站建设  # 潍坊优化网站方式  # 食品网站推广哪里专业  # 荆门关键词优化排名  # 自己建设的大型网站  # 顶呱呱网站建设方法  # 中文网  # 相关文章  # 目录中  # html  # 目录下  # 可直接  # 自定义  # 加载  # 编辑器  # 放在  # springboot  # html文件  # ai  # app  # 浏览器  # js  # css 


相关栏目: 【 Google疑问12 】 【 Facebook疑问10 】 【 优化推广96088 】 【 技术知识133117 】 【 IDC资讯59369 】 【 网络运营7196 】 【 IT资讯61894


相关推荐: 蛙漫2(台版)正版官网 2025免费网页版分享  C++如何实现单例模式_C++线程安全的单例模式写法  Go语言中方法与接收器:指针和值类型的调用机制详解  steam缓存文件在哪儿_steam缓存文件的路径查找方法与结构说明  263企业邮箱如何设置邮件转发功能  使用 J*aScript 随机化 CSS Grid 布局中的元素顺序  《雷电模拟器》截图方法介绍  Win10运行窗口在哪里打开 Win10调出运行命令框快捷键【技巧】  FotoBalloon图片左右镜像教程  Mac怎么关闭按键声音_Mac键盘打字音效设置  mysql镜像配置如何恢复数据_mysql镜像配置数据恢复详细流程  在React中正确处理HTML input type="number"的数值类型  sublime如何处理超大文件不卡顿 _sublime打开大日志文件技巧  智慧职教mooc平台登录网址 智慧职教mooc官网直达  如何在CSS中使用absolute实现登录弹窗居中_transform translate结合  知乎APP怎么查看自己被邀请的问题_知乎APP邀请回答记录查看与参与方法  《气泡星球》兑换码礼包大全  高效调试PHP大型嵌套数组:JSON序列化与可视化工具实践  智云Q3和Q2有什么升级_智云Q3与Q2手持云台功能与性能对比分析  Flask 应用中图片动态更新与上传:实现客户端定时刷新与服务器端文件管理  顺丰速运官网查询入口 顺丰物流查询官网入口链接  《狐友》联系客服方法  多闪APP官方下载安装入口_多闪最新版本获取入口  《米姆米姆哈》米姆获取及技能攻略  byrutor直接访问入口 byrutor官方游戏库  c++类和对象到底是什么_c++面向对象编程基础  yy漫画登录页面官方入口_yy漫画在线阅读网址入口  苹果iPhone14ProMax如何新建AppleID_iPhone14ProMax新建AppleID具体流程  电脑的“恢复环境(WinRE)”找不到怎么办_Windows系统恢复环境重建【高级修复】  TikTok收藏夹无法删除视频如何解决 TikTok收藏管理优化方法  CSS布局中意外顶部空白的调试与解决:深入理解padding-top  快手极速版在线体验区 快手极速版网页体验入口  QQ网站入口直接登录 QQ官方正版登录页面  顺丰快递在线查询系统 顺丰快递官方查单入口  J*a中的值传递到底指什么_值传递模型在参数传递中的真正含义说明  PHP odbc_fetch_array 返回值处理:如何正确访问嵌套数组元素  支付宝如何解绑云闪付_支付宝与云闪付账户关联解除方法  Yandex俄罗斯搜索引擎官网入口 Yandex网页端直接访问  晓晓优选app支付宝绑定方法  Animex动漫社正版在线入口 Animex动漫社动漫官方观看网  钉钉任务无法提醒如何处理 钉钉任务提醒优化方法  快递优选如何查优选物流_快递优选专属物流渠道查询与配送时效  Mac如何开启画中画模式_Mac Safari浏览器视频画中画功能  Coolpad5890 ROM刷机包  163邮箱登录入口官网 163.com邮箱登录入口  Safari浏览器自动填表功能失效怎么办 Safari表单管理修复  包子漫画在线观看入口 包子漫画网正版全集链接  《下一站江湖2》大雪山加入方法  《兴业银行》注册登录方法  Python测试中模块导入路径解析的最佳实践 

 2025-12-04

了解您产品搜索量及市场趋势,制定营销计划

同行竞争及网站分析保障您的广告效果

点击免费数据支持

提交您的需求,1小时内享受我们的专业解答。

运城市盐湖区信雨科技有限公司


运城市盐湖区信雨科技有限公司

运城市盐湖区信雨科技有限公司是一家深耕海外推广领域十年的专业服务商,作为谷歌推广与Facebook广告全球合作伙伴,聚焦外贸企业出海痛点,以数字化营销为核心,提供一站式海外营销解决方案。公司凭借十年行业沉淀与平台官方资源加持,打破传统外贸获客壁垒,助力企业高效开拓全球市场,成为中小企业出海的可靠合作伙伴。

 8156699

 13765294890

 8156699@qq.com

Notice

We and selected third parties use cookies or similar technologies for technical purposes and, with your consent, for other purposes as specified in the cookie policy.
You can consent to the use of such technologies by closing this notice, by interacting with any link or button outside of this notice or by continuing to browse otherwise.