Project/App Inventer

A08-1. To_Do_List(aka. 구매 리스트)

Tuan0324 2021. 5. 4. 01:49

이번 게시물에서는 데이터베이스를 이용한 구매리스트앱을 만들어보려고 한다.

이번에 만드려고 하는 앱은 기록해둔것을 데이터베이스를 이용해서 앱을 종료시켜도 저장한 기록이 날아가지 않는다.

 

1. 아이디어 

 - 앱이 시작될 떄, 데이터 베이스(DB)에 저장되어 있는 할 일 목록을 가져와서 ListView에 보여주고

 - TextBox에 할 일을 작성하고 "품목 추가" 버튼을 클릭하면 텍스트박스의 내용을 Products 리스트에 추가하며 새 항목이 추가된 리스트를 Tiny DB에 저장

 - ListView에서 항목이 선택되면 처리된 일로 생각하여 삭제 

 

#TinyDB란?

 - 앱인벤터에서 사용하는 Local DataBase이며, TinyDB 외에도 TinyWebDB, FusionTable를 사용이 가능하다

 - 데이터베이스는 Tag-Value 쌍으로 데이터를 저장하고 저장할 데이터가 여러개이면 리스트로 만들어 저장한다. 

 

2. 디자인

스크린 위에서부터 이미지, 레이블, 텍스트박스 리스트 뷰를 배치한다. 그리고 데이터베이스 역할을 수행하는 TinyDB를 추가한다.

3. 코딩

 - 할 일들의 리스트를 Products라는 List로 관리한다.

- TinyDB를 사용한다.

 - "할 일 추가"버튼을 클릭하면 "add items to list"블록을 통해서 텍스트 박스의 내용을 리스트에 추가하고 새 항목이 추가된 Products 리스트를 TinyDB에 저장한다.

 - Products 리스트의 내용이 ListView에 그대로 나와야 하므로 Listview1.Element = Products를 한다. 

 - 또한 버튼이 클릭되면 텍스트 박스의 내용을 저장하고 추후 재사용하기 좋게 텍스트박스의 내용을 비워준다. 

 -  ListView의 내용을 누르면 리스트에서 항목을 제거한다.

5. 테스트

NOX 에뮬레이터로 구동시켜본결과 아주 잘 작동한다.

 

 

 

 

 

 

 

잘못된 정보나 오류, 오타, 독자 입장에서의 수정사항 및 피드백 환영합니다. 

E-mail : jhmh0226@gmail.com

'Project > App Inventer' 카테고리의 다른 글

A09. 회원가입 및 로그인(with. TineyWebDB)  (0) 2021.05.11
A08-2. WaterHolic  (0) 2021.05.05
A07. 여행앱 만들기(with ActivityStarter)  (0) 2021.04.15
A06-2. 두더지 잡기  (0) 2021.04.12
A06-1. 디지털 시계  (0) 2021.04.11