SpringBoot学习笔记(2)

为项目添加静态资源文件,这里我下载了Vue.js和iView以及JQuery和Bootstrap文件。

将文件放到static目录下

SpringBoot学习笔记(2)_第1张图片

编辑index.html文件,编写代码,用iView官方提供的示例。

引入本地的iView资源,需要使用Thymeleaf模板引擎的表达式。

格式为 th:属性="@{/路径/文件}”

由于使用了iView封装好的组件,在html标签中使用该组件,项目运行起来访问该页面会出现异常,因为Thymeleaf模板引擎严格遵守规范。其中包括必须要有结束标签。所以要写成才行。

为了书写舒适并且能够在html中编写Vue封装好的组件和特性,我们需要为Thymeleaf模板引擎设置级别。

首先打开build.gradle文件,添加依赖

compile('net.sourceforge.nekohtml:nekohtml:1.9.22’)

SpringBoot学习笔记(2)_第2张图片

重新构建工程后,在application.yml中配置Thymeleaf模式,默认为HTML5,我们需要设置成LEGACYHTML5

SpringBoot学习笔记(2)_第3张图片

运行项目,访问http://localhost:9999/index

SpringBoot学习笔记(2)_第4张图片

由于经常需要修改前端页面或者修改控制器逻辑代码,我们不可能每次修改后都重启服务器,那样效率太低了。好在SpringBoot替我们考虑到了这一点,打开项目构建文件

build.gradle

添加依赖:

compile('org.springframework.boot:spring-boot-devtools’)

然后打开IDEA的设置 Preferences

搜索并找到 Compiler 设置,将Build project automatically 勾选上,点击Apply 保存设置 ok

SpringBoot学习笔记(2)_第5张图片

然后按住键盘上的 command+alt+shift+/  出现如下图所示的菜单 (我的是Mac系统的快捷键)

SpringBoot学习笔记(2)_第6张图片

选择Registry,然后勾选上第一个 compiler.automake.allow.when.app.running  点击Close

SpringBoot学习笔记(2)_第7张图片

现在热编译已经设置好了,我们正常运行项目后,修改html的内容,然后刷新浏览器,发现修改的内容被自动更新进来了。

修改html只需刷新浏览器就可以查看确实达到了我们想要的要求,但是我们发现如果修改了Java代码,SpringBoot就会热编译然后重启项目,也许这并不是我们想要的效果,我们只需要热部署资源文件,不需要热编译Java类,所以我们需要把spring:devtools:restart:enabled:设置为false。这样修改了Java代码就不会重启服务了。

SpringBoot学习笔记(2)_第8张图片

你可能感兴趣的:(SpringBoot学习笔记(2))