Flutter CRUD – PhpMyAdmin Part 1 (READ) – English Subtitle

튜토리얼 : wwwidrcorner

com 이 자습서에서는 만들기, 읽기, 업데이트 및 삭제와 같은 데이터 조작 방법에 대해 설명합니다 이 튜토리얼은 4 부분으로 나누어, 하나 하나 배우기 쉽다 이게 내 maindart입니다 실행되는 첫 번째 클래스는 Home이고, 나는 stateful 위젯을 사용하고있다

그 보답으로 나는 비계와 appbar를 사용합니다 결과는 이와 같습니다 여기 데이터베이스에서 항목 목록을 보여 드리겠습니다 phpmyadmin에 데이터베이스를 만들었습니다

이름이 my_store 인 tb_item이라는 테이블이 있습니다 이미 여기에 데이터가 있습니다 XAMPP를 사용하므로 htdocs 폴더에서 my_store라는 새 폴더를 만들었습니다 먼저 connphp라는 이름의 데이터베이스에 연결할 파일을 만듭니다

편집하다 다음으로, 나는 데이터베이스에 연결을 만들고, localserver : localhost, username : root, password : "" '및 데이터베이스 이름 : my_store 데이터베이스 연결이 성공했는지 여부를 확인합니다 이제 우리는이 연결을 시도합니다 승인 다음으로 나는 getdataphp라는 이름의 데이터를 검색하기 위해 다시 파일을 생성 할 것이다

편집하다 [이 코드는 데이터를 검색합니다 ] 가장 중요한 점은 캡처 된 데이터를 JSON으로 변환해야한다는 것입니다 지금 우리 플러터 프로젝트로 되돌아가, 여기에 나는 데이터베이스에서 데이터를 검색하고 목록에 저장합니다

그래서 나는 '미래'를 사용한다 미래를 위해 'dartasync'가져 오기 확인 포함됨 getData라는 이름 먼저 httpdart를 가져옵니다 좋아

다시 여기에 get ()에서 url 주소를 입력하여 데이터를 검색합니다 Android 에뮬레이터를 사용하는 경우 localhost를 사용할 수 없습니다 올바른 것은 Android Emulator (Android Studio) 100

22입니다 Genny Motion을 사용하는 경우 : 1003

2 에뮬레이터를 사용하지 않고 스마트 폰에 직접 연결되어있는 경우 컴퓨터의 IP 주소 에뮬레이터 (Android Studio)를 사용하므로 10022를 사용합니다 다음 폴더 이름 : my_store 및 파일 이름 '다트 가져 오기 : 변환'라이브러리 승인 여기 우리는 데이터를 가져 왔습니다

데이터가 목록에 입력됩니다 futureBuilder를 사용합니다 바디에서 새로운 FutureBuilder를 만들었습니다 먼저 오류에 대한 처리를 만듭니다 다음으로, 오류가없는 경우 snapshot

hasData라면 목록을 생성합니다 나중에이 ItemList를 생성 할 것입니다 다음으로 데이터가 없으면로드 표시기가 표시됩니다 이제 ItemList 클래스를 만들 것입니다 나는 Stateles 위젯을 사용한다

명명 된 ItemList itemCount는 데이터베이스의 데이터 양이며, 스냅 샷에서 파생 된 그래서, 우리는 ItemList 클래스에 datasnapshot을 보내야한다 'list == null'의 경우는 list가 '0', 그렇지 않은 경우는 listlength입니다 'i'는 색인을 의미합니다

먼저 텍스트를 사용합니다 필드 이름으로 조정하기를 원한다 여전히 오류입니다 녹색 라인, '최종' 승인 뛰자 전체 다시 시작 뭔가 잘못 됐어 우리가 직접 여기에서 보자 여기에 타이핑 실수가있다

나는 타이핑 실수를 고칠 것이다 여기가 잘못 됐어 확인 다시 시도하십시오 확인 이 데이터는 이미 나타납니다

전체 다시 시작 왜 그렇게 오래 ??? 콘솔에서 보자 데이터가 있지만,

여기서 '연결 성공'이 없어야합니다 연결 파일을 다시 엽니 다 connphp에서 'echo Connection Success'를 삭제합니다

이게 문제가되는 것 같아 저장하고 전체 다시 시작 ok 우리는 그럭저럭 항목의 이름을 가져갈 수 있었다 나는 단지 '연결 성공'을 시도했다

이것은 성공했는지 여부입니다 나는 그것을 삭제하는 것을 잊었다 Ok 우리는 항목의 이름을 표시 할 수 있었다 더 나은 것을 위해 나는 이것에 대한 디자인을 줄 것이다

나는 'Text'를 직접 사용하지 않지만 'ListTile' 어쩌면 나는 'Card'widget에 더 잘 삽입 할 것이다 다음으로 '컨테이너'를 사용하여 '패딩'을 만듭니다 구하다 승인

이게 낫다 다음으로,이 항목을 클릭하면 항목 세부 정보가 표시됩니다 카드 위젯에서 GetureDitector를 사용하겠습니다 탭에 있으면 세부 정보 페이지가 열립니다 이제이 Detail 클래스를 만들 것입니다 나는 그것을 detail

dart라는 이름의 새로운 파일로 생성 할 것이다 '상태 (Detail)'라는 상태 기반 위젯을 사용합니다 이 제목은 클릭 된 항목의 이름으로 채워집니다 그래서 우리는 그 변수를 만듭니다 다음에 'main

dart'에 임 임포트 'detaildart' 우리가이 목록으로 채우는 세부 사항에 대한 목록 저장 'detail

dart'(으)로 돌아 가기 데이터가 아래로 정렬되므로 Column을 사용합니다 나는 문자열을 사용하여 이렇게 자른다 풀 절단 풀 절단 풀 다음으로 나는 거리에 패딩을한다 여기에 2 버튼을 편집하고 삭제할 것입니다 그래서, 나는 '행' onPressed

blank first 복제 우리가 저장하자

나는이 항목을 클릭한다 좋아, 작동 해 이 디자인 나는 조금 정돈 해 다음 패딩을 사용하는 첫 번째 childern 좋아 이걸 좋아해 다음으로 데이터를 추가하는 버튼을 만듭니다 maindart에서 FloatingButton을 사용합니다 나는 appbar 후에 그것을 만든다

승인 여기서 우리는 데이터베이스에서 데이터를 성공적으로 검색했습니다 여기에 데이터를 추가하는 버튼이 생겼습니다 이 항목을 클릭하면 항목의 세부 정보가 표시됩니다 EDIT 및 DELETE를 처리하는 버튼도 있습니다

승인 EDIT, DELETE 및 ADD 데이터에 대해서는 다음 비디오에서 다룰 예정입니다 그래서 최신 업데이트를 받으려면이 채널을 구독하십시오 플러터에 대한 CRUD 이 비디오가 마음에 들면 버튼을 클릭하십시오 다음 비디오에서 뵙겠습니다