サービス開発リファレンスを使ってバリデーションしてみよう

FIND_MAX_TODO_ID =
SELECT
  MAX(TODO_ID) AS TODO_ID
FROM
  TODO

    @POST
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.APPLICATION_JSON)
    public TodoResponse post(PostRequest requestBody) {
        TodoEntity entity = UniversalDao.findBySqlFile(TodoEntity.class, "FIND_MAX_TODO_ID", new Object[0]);
        Long newTodoId = entity.getTodoId() + 1;

        TodoEntity todoEntity = new TodoEntity();
        todoEntity.setTodoId(newTodoId);
        todoEntity.setText(requestBody.text);
        UniversalDao.insert(todoEntity);

        return new TodoResponse(newTodoId, requestBody.text);
    }

    public static class PostRequest {
        public String text;
    }

package com.example.presentation.restapi.todo;

import com.example.infrastructure.persistence.entity.TodoEntity;
import nablarch.common.dao.EntityList;
import nablarch.common.dao.UniversalDao;
import nablarch.core.repository.di.config.externalize.annotation.SystemRepositoryComponent;
import nablarch.core.validation.ee.ValidatorUtil;

import javax.validation.constraints.NotBlank;
import javax.ws.rs.*;
import javax.ws.rs.core.MediaType;
import java.util.List;
import java.util.stream.Collectors;

@SystemRepositoryComponent
@Path("/todos")
public class TodosAction {

    @GET
    @Produces(MediaType.APPLICATION_JSON)
    public List<TodoResponse> get() {
        EntityList<TodoEntity> todoEntities = UniversalDao.findAll(TodoEntity.class);

        return todoEntities.stream()
                .map(entity -> new TodoResponse(entity.getTodoId(), entity.getText()))
                .collect(Collectors.toList());
    }

    @POST
    @Consumes(MediaType.APPLICATION_JSON)
    @Produces(MediaType.APPLICATION_JSON)
    public TodoResponse post(PostRequest requestBody) {
        ValidatorUtil.validate(requestBody);

        TodoEntity entity = UniversalDao.findBySqlFile(TodoEntity.class, "FIND_MAX_TODO_ID", new Object[0]);
        Long newTodoId = entity.getTodoId() + 1;

        TodoEntity todoEntity = new TodoEntity();
        todoEntity.setTodoId(newTodoId);
        todoEntity.setText(requestBody.text);
        UniversalDao.insert(todoEntity);

        return new TodoResponse(newTodoId, requestBody.text);
    }

    public static class TodoResponse {

        public final Long id;

        public final String text;

        public TodoResponse(Long id, String text) {
            this.id = id;
            this.text = text;
        }
    }

    public static class PostRequest {
        @NotBlank
        public String text;
    }
}

$ docker-compose up -d

$ docker-compose ps
Name                 Command                        State     Ports                     
-----------------------------------------------------------------------------------------------------------------
example_postgres_1   docker-entrypoint.sh postgres    Up      0.0.0.0:5432->5432/tcp  
example_redis_1      docker-entrypoint.sh redis ...   Up      0.0.0.0:6379->6379/tcp

$ mvn jetty:run

const postTodo = async (text: string) => {
  Logger.debug('call service of postTodo');

  const response = await restClient.post('/api/todos', {text});
  Logger.debug(response);
  if (response.ok) {
    return;
  }
  throw new Error(`Web API call failed. [ status code: ${response.status} ]`);
};

export default {
  getHelloWorld,
  getTodos,
  postTodo,
};

  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    BackendService.postTodo(text)
        .then(() => setTodos([...todos, text]))
  };

$ npm start

  const postTodo = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    BackendService.postTodo(text)
        .then(() => setTodos([...todos, text]));
  };

const { error, handleSubmit } = useValidation<{text: string}>({
    text: stringField()
        .required('やることは必須です。')
        .maxLength(20, 'やることは20字以内で入力してください。'),
  });

<input type="text" {...textAttributes} placeholder="やることを入力してください" />
<ValidationError message={error.text}/>

<form className="form" onSubmit={handleSubmit({ text }, postTodo)}>

import React, {useEffect, useState} from 'react';
import {Logger, stringField, useInput, useValidation} from '../../../framework';
import { BackendService } from '../../backend';
import {ValidationError} from '../basics';
import './Todo.css';

type Todo = {
  id: number
  text: string
}

const Todo: React.FC = () => {
  const [todos, setTodos] = useState<string[]>([]);
  const [text, textAttributes] = useInput('');
  const { error, handleSubmit } = useValidation<{text: string}>({
    text: stringField()
      .required('やることは必須です。')
      .maxLength(20, 'やることは20字以内で入力してください。'),
  });

  useEffect(() => {
    BackendService.getTodos()
      .then(response => {
        Logger.debug(response);
        setTodos(response.map((todo: Todo) => todo.text));
      });
  }, []);

  const postTodo = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    BackendService.postTodo(text)
      .then(() => setTodos([...todos, text]));
  };

  return (
    <div className="content">
      <div className="form_field">
        <form className="form" onSubmit={handleSubmit({ text }, postTodo)}>
          <div className="input_field">
            <input type="text" {...textAttributes} placeholder="やることを入力してください" />
            <ValidationError message={error.text}/>
          </div>
          <div className="button_field">
            <button type="submit">追加</button>
          </div>
        </form>
      </div>
      <ul className="list">
        {todos.map((todo, index) =>
          <li className="item" key={index}>
            <div className="todo">
              <span>{todo}</span>
            </div>
          </li>
        )}
      </ul>
    </div>
  );
};

export default Todo;