继续上一次的WPF客户端对mysql增删改查配置成功后,现在继续搞网站,于是采用了java环境的springboot,就因为这个的学习成本非常低,再加上thymeleaf,也是熟悉html语言的最爱。
废话少说,赶紧进入主题:
第一步新建项目:
红框里是我的选择
第二步,选择了maven,java,jar
第三步,选了6个依赖项:
第四步:输入存放路径然后点完成。
第五步,修改application.properties文件,
增加如下内容:
以前我也用的是templates,所有html文件都放在templates目录下,但现在不行,无论怎么弄都会报404或500错
最后把html文件都放到static里,相应的,改成spring.thymeleaf.prefix=classpath:/static/
于是程序嗨皮地运行起来。
接下来测试能不能连到数据库,在java->demo(项目目录)的目录下增加实体目录model(名称随意),再在model目录入创建java实体类,
import javax.persistence.Column;
import javax.persistence.Entity;
import javax.persistence.GeneratedValue;
import javax.persistence.Id;
@Entity
public class House_Style {
@Id
@GeneratedValue
private Long ID;
@Column
private String Name;
public Long getID() {
return ID;
}
public void setID(Long id) {
this.ID = id;
}
public String getName() {
return Name;
}
public void setName(String Name) {
this.Name = Name;
}
public House_Style(){
super();
}
}
再跟前面一样建了repository目录,在其下面建了一个repository类
import com.example.demo.model.House_Style;
import org.springframework.data.jpa.repository.JpaRepository;
public interface HouseStyleRepository extends JpaRepository<House_Style, Long> {
}
接着建了controller目录,在其下面建了一个controller类:
import com.example.demo.model.House_Style;
import com.example.demo.repository.HouseStyleRepository;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import java.util.List;
@Controller
public class HouseStyleController {
@Autowired
private HouseStyleRepository houseStyleRepository;
@RequestMapping(value = "/list")
public String listHouseStyle(Model model) {
List<House_Style> houseStyleList = houseStyleRepository.findAll();
model.addAttribute("houseStyles", houseStyleList);
return "list";
}
}
在static目录下新建一个list.html文件:
<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h2>测试页</h2>
<div>
<ul>
<li th:each="h:${houseStyles}">
<span th:text="${h.ID}"></span>
<span th:text="${h.name}"></span>
</li>
</ul>
</div>
</body>
</html>
运行结果 :
OK,收工(2021.3.22记下来,方便别人,也方便自己)