SpringBoot创建Web项目

向右看齐 2022-07-10 16:26 320阅读 0赞

开发环境是IDEA,使用Spring Initializr方式创建项目，创建的时候会自动连接网络以查询Spring boot的当前可用版本和组件列表，具体步骤如下:

![Center][]

2.默认使用maven作为项目管理工具

.![Center 1][]

3.选择web项目

.![Center 2][]

![Center 3][]

ok,点击Finish就可以创建完成了，这时候工具会自动导入一些依赖什么的

我们使用Thymeleaf作为模板引擎，Thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可，由Daniel Fernández创建，该作者还是Java加密库Jasypt的作者。Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以使用Thymeleaf来完全代替JSP或其他模板引擎，如Velocity、FreeMarker等。Thymeleaf的主要目标在于提供一种可被浏览器正确显示的、格式良好的模板创建方式，因此也可以用作静态建模。你可以使用它创建经过验证的XML与HTML模板。相对于编写逻辑或代码，开发者只需将标签属性添加到模板中即可。接下来，这些标签属性就会在DOM（文档对象模型）上执行预先制定好的逻辑。

在Spring Boot中使用Thymeleaf，只需要引入下面依赖:

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

查看resources目录，该目录下面通常存放一些静态资源，这里新建一个simple.html文件:

![Center 4][]

<!DOCTYPE HTML>
    <html xmlns:th="http://www.w3.org/1999/xhtml">
    <head lang="en">
        <meta chaset="utf-8"/>
        <title></title>
    </head>
    <body>
    <h1 th:text="${temp}"></h1>
    <image th:src="@{a.jpg}" width="500px" height="300px"></image>
    </body>
    </html>

还有就是controller的代码:

@Controller
    public class simpleController {
        @RequestMapping("/index")
        public String simple(ModelMap map){
            map.addAttribute("temp","new出蕾姆！");
            return "simple";
        }
    }

最后 是显示的效果:

![Center 5][]  
整个项目的下载地址:

https://github.com/roninCoderJ/simple

[Center]: /images/20220710/e1d3f69a072c4088a1d7e6223e78af79.png
[Center 1]: /images/20220710/e71e06b10ed6490d988a4ec719eb9ee7.png
[Center 2]: /images/20220710/3e4e4b1ae47d4014863d7fc1606091aa.png
[Center 3]: /images/20220710/7da5fa3eecab4f218678e56104dcacde.png
[Center 4]: /images/20220710/0fd770eac7aa4c199b065374e612b5ff.png
[Center 5]: /images/20220710/bc64cbfc80a74fc1b7ea39314df93d99.png