TODO页面（Java语言核心技术学习）

目录

项目源码：https://github.com/Atopos-suyu/Local-TODO

Vaadin框架介绍：Vaadin介绍与开发练习之一（总体介绍与创建项目）-CSDN博客

一、项目简介

基于Vaadin框架（web应用程序开发框架）编写前端登录页、注册页及各组件的界面。（即Java后端语言编写前端页面）

二、项目效果展示

登录界面：

注册页面：

登录成功页面：

增加字词：

三、所需技术：

Spring Boot框架（依赖注入）、JavaSE(导入包、Java变量、对象实例化、构造函数、方法调用、Lambda表达式、继承、注解）

四、环境搭建：

引入Spring Boot框架：Spring Initializr

Vaadin框架：Vaadin Docs

主目录：

User类（对象封装）

LoginView（用户登录界面）

Reg类（基于Vaadin框架的简单用户界面类）

todo类（TODO页面的呈现）

---

项目源码：https://github.com/Atopos-suyu/Local-TODO

Vaadin框架介绍：Vaadin介绍与开发练习之一（总体介绍与创建项目）-CSDN博客

一、项目简介

基于Vaadin框架（web应用程序开发框架）编写前端登录页、注册页及各组件的界面。（即Java后端语言编写前端页面）

二、项目效果展示

登录界面：

注册页面：

登录成功页面：

增加字词：

三、所需技术：

Spring Boot框架（依赖注入）、JavaSE(导入包、Java变量、对象实例化、构造函数、方法调用、Lambda表达式、继承、注解）

四、环境搭建：

引入Spring Boot框架：Spring Initializr

Vaadin框架：Vaadin Docs

主目录：

User类（对象封装）

package org.vaadin.marcus.spring.model;

import com.fasterxml.jackson.annotation.JsonFormat;  //用于指定在序列化和反序列化过程中如何格式化日期时间属性
import com.fasterxml.jackson.databind.annotation.JsonDeserialize;  //用于指定在反序列化过程中使用的自定义反序列化类
import com.fasterxml.jackson.databind.annotation.JsonSerialize;  //用于指定在序列化过程中使用的自定义序列化类
import com.fasterxml.jackson.datatype.jsr310.deser.LocalDateTimeDeserializer;  //用于将JSON字符串转换为java.time.LocalDateTime对象
import com.fasterxml.jackson.datatype.jsr310.ser.LocalDateTimeSerializer;  //用于将java.time.LocalDateTime对象转换为JSON字符串

import java.time.LocalDateTime;  ///用于表示年、月、日、时、分、秒等信息的不可变日期时间对象
//类定义了一个包含日期时间属性的类，并使用Jackson库提供的注解和类来控制日期时间属性的序列化和反序列化行为
/**

●  @author  joe  
●  @date  2021/6/7 
*/
public class User {
    private String userName;
    
    private String password;
    //反序列化过程中使用LocalDateTimeDeserializer类，将JSON字符串转换为LocalDateTime对象
    @JsonDeserialize(using  = LocalDateTimeDeserializer.class) 
    //序列化过程中将LocalDateTime对象转换为JSON字符串
    @JsonSerialize(using  = LocalDateTimeSerializer.class) 
    //指定了日期时间的格式化模式
    @JsonFormat(shape  = JsonFormat.Shape.STRING, pattern = "yyyy-MM-dd HH:mm:ss") 
    private LocalDateTime gmtCreated;
    
    public String getUserName() {
        return userName;
    }//获取当前对象的用户名，并将其作为字符串类型的结果返回
    //封装
    public void setUserName(String userName) {
        this.userName = userName;
    }
    public Str