SpringBoot ------ウェブ開発プロジェクト

  1. resourcesリソースディレクトリの説明
  • static:静的リソース
  • templates:このディレクトリにあるページのみコントローラーを介してアクセスすることができます
  • resources:あなたは、リソースファイルを保存することができます
  • public:公共の静的リソースがここに配置することができます
  1. (書き込みページに必要な)Thymleaf使用
  • Mavenのは、イニシエータの導入に対応して導入に対応する、パッケージは自動的に必要なをダウンロードします
<dependency>
    <groupId>org.springframework.boot</groupId>
    <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
  • 上のHTMLページを書くtemplatesディレクトリ
  • コントローラのジャンプを使用してください
  • [スタート]クラスのマスターブートテスト
  1. 値によってThymaleafページ
  • バックエンドのパスのモデル値
  • 値の転送を受け入れるXXX後端:遠位番目を使用
<!-- 普通取值 -->
<p th:text="${msg}"></p>

<!-- 其他两种前端取值的方法 -->
<!-- 循环遍历 接收后端传递的 users,遍历每个的结果就是user,可以再这个标签内使用!
        th:each="item:items"
        -->
<h2 th:each="user:${users}" th:text="${user}"></h2>

<!-- 行内写法 -->
<h2 th:each="user:${users}">[[${user}]]</h2>

<div th:each="user:${users}">
<p th:text="${user}"></p>
</div>

正式なWebプロジェクトの開発

  1. 新しいプロジェクトをSpringBoot、ウェブのサポートを追加
  2. そして、導入POJOのDAO(マッパー)クラス
    DAO
package com.yang.dao;

import com.yang.pojo.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

@Repository
public class DepartmentDao {

    private static Map<Integer, Department> departments = null;
    
    static{
        departments = new HashMap<Integer, Department>();
        
        departments.put(101, new Department(101, "D-AA"));
        departments.put(102, new Department(102, "D-BB"));
        departments.put(103, new Department(103, "D-CC"));
        departments.put(104, new Department(104, "D-DD"));
        departments.put(105, new Department(105, "D-EE"));
    }
    
    public Collection<Department> getDepartments(){
        return departments.values();
    }
    
    public Department getDepartment(Integer id){
        return departments.get(id);
    }
    
}
package com.yang.dao;

import com.yang.pojo.Department;
import com.yang.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;

@Repository
public class EmployeeDao {

    private static Map<Integer, Employee> employees = null;
    
    @Autowired
    private DepartmentDao departmentDao;
    
    static{
        employees = new HashMap<Integer, Employee>();

        employees.put(1001, new Employee(1001, "E-AA", "[email protected]", 1, new Department(101, "D-AA")));
        employees.put(1002, new Employee(1002, "E-BB", "[email protected]", 1, new Department(102, "D-BB")));
        employees.put(1003, new Employee(1003, "E-CC", "[email protected]", 0, new Department(103, "D-CC")));
        employees.put(1004, new Employee(1004, "E-DD", "[email protected]", 0, new Department(104, "D-DD")));
        employees.put(1005, new Employee(1005, "E-EE", "[email protected]", 1, new Department(105, "D-EE")));
    }
    
    private static Integer initId = 1006;
    
    public void save(Employee employee){
        if(employee.getId() == null){
            employee.setId(initId++);
        }
        
        employee.setDepartment(departmentDao.getDepartment(employee.getDepartment().getId()));
        employees.put(employee.getId(), employee);
    }
    
    public Collection<Employee> getAll(){
        return employees.values();
    }
    
    public Employee get(Integer id){
        return employees.get(id);
    }
    
    public void delete(Integer id){
        employees.remove(id);
    }
}

SING

package com.yang.pojo;

public class Department {

    private Integer id;
    private String departmentName;

    public Department() {
    }
    
    public Department(int i, String string) {
        this.id = i;
        this.departmentName = string;
    }

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getDepartmentName() {
        return departmentName;
    }

    public void setDepartmentName(String departmentName) {
        this.departmentName = departmentName;
    }

    @Override
    public String toString() {
        return "Department [id=" + id + ", departmentName=" + departmentName + "]";
    }
    
}
package com.yang.pojo;

import java.util.Date;

public class Employee {

    private Integer id;
    private String lastName;

    private String email;
    //1 male, 0 female
    private Integer gender;
    private Department department;
    private Date birth;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public String getLastName() {
        return lastName;
    }

    public void setLastName(String lastName) {
        this.lastName = lastName;
    }

    public String getEmail() {
        return email;
    }

    public void setEmail(String email) {
        this.email = email;
    }

    public Integer getGender() {
        return gender;
    }

    public void setGender(Integer gender) {
        this.gender = gender;
    }

    public Department getDepartment() {
        return department;
    }

    public void setDepartment(Department department) {
        this.department = department;
    }

    public Date getBirth() {
        return birth;
    }

    public void setBirth(Date birth) {
        this.birth = birth;
    }
    public Employee(Integer id, String lastName, String email, Integer gender,
                    Department department) {
        super();
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
        this.birth = new Date();
    }

    public Employee() {
    }

    @Override
    public String toString() {
        return "Employee{" +
                "id=" + id +
                ", lastName='" + lastName + '\'' +
                ", email='" + email + '\'' +
                ", gender=" + gender +
                ", department=" + department +
                ", birth=" + birth +
                '}';
    }
    
    
}
  1. (静的リソースディレクトリ下に置かれたページテンプレートに、)輸入静的リソース
    ここに画像を挿入説明
  2. すべてのページのヘッダの増加xmlns:th="http://www.thymeleaf.org
  3. リソースリンクとして改正thymeleaf文法th:xxx=" "
  4. [スタート]クラスのマスターブートテスト

ここに画像を挿入説明
ここに画像を挿入説明
7.設定されたグローバルサポートUTF-8文字セット
ここに画像を挿入説明

公開された87元の記事 ウォン称賛7 ビュー5026

おすすめ

転載: blog.csdn.net/y18791050779/article/details/105081195