이번 게시물에서는 데이터베이스를 이용한 구매리스트앱을 만들어보려고 한다.
이번에 만드려고 하는 앱은 기록해둔것을 데이터베이스를 이용해서 앱을 종료시켜도 저장한 기록이 날아가지 않는다.
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 |