Springboot-web入门开发之使用Eclipse搭建我的第一个spring-boot-web项目

骑猪看日落 2022-05-22 02:27 192阅读 0赞

使用Eclipse新建springboot项目要确保你的Eclipse安装了spingboot插件。

1.新建项目，选择Spring Starter Project.

![20180613105907390][]

2.点击next到以下页面，选择Template Engines目录下的Thymeleaf 和Web目录下的Web.

![2018061311055363][]

3.点击Finish完成项目的创建，得到的项目目录如下图所示。

![20180613110929973][]

*  src/main/java 程序开发以及主程序入口
 *  src/main/resources 配置文件以及view层的显示页面文件
 *  src/test/java 测试程序

4.在src/main/java 目录下新建com.example.bean包，在该包下新建Person.java文件。

package com.example.bean;
    
    public class Person {
    	private String name;
        private Integer age;
        public Person() {
        	super();
        }
        public Person(String name,Integer age) {
        	super();
        	this.name=name;
        	this.age=age;
        }
    	public String getName() {
    		return name;
    	}
    	public void setName(String name) {
    		this.name = name;
    	}
    	public Integer getAge() {
    		return age;
    	}
    	public void setAge(Integer age) {
    		this.age = age;
    	}
        
        
    }

5.打开com.example.demo包下的SpringbootTest2Application.java文件，添加代码如下图所示。

package com.example.demo;
    
    import org.springframework.boot.SpringApplication;
    import org.springframework.boot.autoconfigure.SpringBootApplication;
    import org.springframework.stereotype.Controller;
    import org.springframework.ui.Model;
    import org.springframework.web.bind.annotation.RequestMapping;
    
    import com.example.bean.Person;
    @Controller
    @SpringBootApplication
    public class SpringbootTest2Application {
    
    	public static void main(String[] args) {
    		SpringApplication.run(SpringbootTest2Application.class, args);
    	}
    	@RequestMapping("/")
    	public String index() {
    		
    		return "index";
    	}
    	
    	@RequestMapping("userLogin")
    	public String userLogin(Model model) {
    		Person p=new Person("yxc",20);
    		model.addAttribute("user", p);
    		return "userLogin";
    	}
    }

6.在src/main/resources 目录下的templates文件下新建index.html和userLogin.html.

index.html

<!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <p1> this is my first springboot project</p1>
    <a href="/userLogin">west world</a>
    </body>
    </html>

userLogin.html

<html  xmlns:th="http://www.thymeleaf.org">
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    welcome to west world
    <span th:text="${user.name}"></span>
    </body>
    </html>

7.启动主程序，打开浏览器访问http://localhost:8080

![20180613122417600][]

点击west world ,可跳转到userLogin.html页面

![20180613122609490][]

[20180613105907390]: /images/20220522/507a35c597354eb7986be91c65339b1d.png
[2018061311055363]: /images/20220522/b408228d03fe4143a8661f5ae2e9e6dc.png
[20180613110929973]: /images/20220522/9269dbaf5ec04bf9a35f30d599d4c87d.png
[20180613122417600]: /images/20220522/66fe978acba545dea110e3dbdc9d27a6.png
[20180613122609490]: /images/20220522/65b6b9b0ffbc46e1ba66afdd70390280.png