student_dio_getx

학생 _dio_getx

Flutter API getx와 함께 dio를 사용하여 Get and Post를 게시합니다

Flutter GetX State Management 예제

이 Flutter 프로젝트는 State Management에 GetX 패키지를 사용하고 API 호출을 수행하며 Flutter 응용 프로그램에 데이터를 표시하는 방법을 보여줍니다.

개요

• 이 프로젝트는 State Management 용 GetX 패키지를 사용하여 응용 프로그램의 상태를 효율적으로 관리하고 업데이트 할 수 있습니다.
• 우리는 API 호출을 수행하여 학생 목록을 검색하여 ListView에 표시합니다.
• 이 프로젝트에는 새로운 학생들을 목록에 추가하는 양식도 포함되어 있습니다.
• 또한 API에서 데이터가 가져 오는 동안 원형 로더가 표시됩니다.

특징

1. 주 관리를위한 getx : 우리는 getx를 사용하여 응용 프로그램의 상태를 관리합니다. 여기에는 학생 관리를위한 컨트롤러, 텍스트 필드 데이터 및 API 통화 처리가 포함됩니다.

2. API 통합 : 이 프로젝트에는 DIO 패키지를 사용하여 API 전화를 걸기 위해 학생 목록을 검색하는 예가 포함되어 있습니다. 그런 다음 API 응답이 ListView에 표시됩니다.

3. 학생 추가 : 사용자는 양식을 사용하여 새로운 학생을 목록에 추가 할 수 있습니다. 양식은 입력을 확인하고 데이터를 서버로 보냅니다.

4. 원형 로더 : API에서 데이터를 가져 오는 동안 원형 로더가 표시되어 데이터가로드되고 있음을 나타냅니다.

5. 찾은 데이터가 없음 메시지 : API 응답이 비어 있으면 "발견 된 데이터 없음"메시지가 표시됩니다.

프로젝트 구조

• lib/controllers/ : State Management에 사용되는 GetX 컨트롤러가 포함되어 있습니다.
• lib/views/ : 메인 화면 및 학생 양식을 포함한 UI보기가 포함되어 있습니다.
• lib/main.dart : 플러터 앱의 진입 점.

스크린 샷

1. 모든 학생들을보십시오.

   

2. 학생 추가.

   

3. 성공에 대한 스낵바를 보여줍니다.

   

4. 새로운 학생을 추가 한 후.