Konsep capaian data dari mobile app ke pangkalan data online melalui format JSON.

capaian data dari mobile app ke pangkalan data online melalui format JSON

capaian data dari mobile app ke pangkalan data online melalui format JSON

IDE: Tutorial Flutter berikut menggunakan IDE VSCode dengan Flutter plugins.

SERVER: Apache/PHP & MySQL (jana data format JSON)

Keperluan server/pangkalan data online

Data dalam server online perlu dijana dalam format JSON seperti rajah di bawah. Alamat URL data ada di https://khirulnizam.com/training/searchflutter.php 

JSON formatted training data in searchflutter

JSON formatted training data in searchflutter

Jadual yang digunakan untuk simpan data: training

tablename - training

tablename – training

searchflutter.php

Kod untuk PHP berikut mengandungi arahan JSON_ENCODE untuk menjana data dari database kepada format JSON. (Kod lengkap di GITHUB)

 

 

Koding Dart/Flutter

pubspec.yaml

Terdapat tambahan kepada fail ini ;

  1. simple_permissions: “^0.1.2”    //uses-permission capaian INTERNE
  2. http: ^0.12.0+1         //dart API plugin handle HTTP connection
  3. url_launcher: ^5.0.0   //buka alamat URL webpage pada browser

 

training.dart

Spesifikasi struktur data rekod TRAINING, yang mengandungi table dengan skema berikut

           training(id, trainingname, trainingdesc, website)

 

 

listtraining.dart

Kod ini menjana ListItem dan populasikan ListView

 

main.dart 

Fail dart utama untuk set appTitle dan theme

 

home.dart

Paparan laman pertama di mana capaian ke server akan dibuat, dan ListView akan dipaparkan.

 

Kod lengkap ada di bit.ly/gitjson

 



Penulis tutorial:
KHIRULNIZAM ABD RAHMAN, Pensyarah Jabatan Sains Komputer, FSTM KUIS.

Beliau merupakan seorang trainer dalam bidang pengaturcaraan server dan antaramuka web (web front-end & backend) semenjak tahun 2000. Disamping itu juga amat berminat dalam pembangunan applikasi mobile Android, JSON, LARAVEL dan PHP-MySQL.

Blog peribadi beliau di khirulnizam.com . Beliau boleh dihubungi melalui email khirulnizam@gmail.com , atau Whatsapp: http://wasap.my/60129034614