칸반 보드로 보기

주문이나 고객 상태, 상품 검수 상태 등을 칸반 보드 형태로 조회할 수 있습니다. 데이터베이스 정보를 그대로 가져와서 볼 수 있기 때문에 사용자가 라이브 데이터를 확인할 수 있는 장점이 있습니다.

아래에 상품 검수 프로세스를 칸반 보드 형태로 볼 수 있게 만든 샘플을 살펴보세요.

칸반 보드 샘플 이미지

SQL select 쿼리로 데이터를 조회하고 칸반 보드 형태로 바꿀 수 있습니다.

1534

카드 클릭 시 모달을 띄우고 상세 정보를 조회하거나 데이터를 수정하는 페이지를 만들 수 있어요.

1190

칸반 yaml 설정 방법

kanbanOptions 키를 사용합니다.

kanbanOptions:
  enabled: true
  useColumn: review_status
- path: inspect-product
  blocks:
    - type: query
      resource: acme
      sqlType: select
      sql: >
        SELECT *
        FROM product_reviews
        LIMIT 10
      columns:
        id:
          hidden: true 
        description:
          hidden: true
        review_status:
          hidden: true
      kanbanOptions:
        enabled: true
        useColumn: review_status       
      viewModal:
        useColumn: id
        blocks:          
        - type: query
          resource: acme
          sqlType: select
          sql: >
            SELECT *
            FROM product_reviews
            WHERE id = :id
          params:
          - key: id
            valueFromRow: id                 
          display: form

        - type: query
          resource: acme
          sqlType: update
          sql: >
            UPDATE product_reviews
            SET review_status = :review_status
            WHERE id = :id
          params:
          - key: id
            valueFromRow: id    
          - key: review_status
            dropdown:
            - in_review
            - rejected
            - reviewed
            defaultValueFromRow: review_status