Cara Membuat Form Tamu Inputan dengan Flutter dan Database MySQL

Cara Membuat Form Tamu Inputan dengan Flutter dan Database MySQL Merupakan langkah dan cara yang diinginkan bagi para pemula yang ingin menguasai skill dalam bidang android.

Dilansir dari situs www.duniaprogramming.com bahwa flutter merupakan sebuah framework open-source yang dikembangkan oleh Google untuk membangun aplikasi mobile lintas platform dengan cepat dan mudah. Dengan menggunakan Flutter, Anda dapat dengan mudah membuat form tamu inputan yang menarik dan responsif.

Untuk lebih lengkapnya, anda bisa ikuti langkah-langkah di bawah ini bagaimana cara membuat form tamu inputan dengan flutter dan database mysql.

Pada tahap awal, kalian bisa copy source code di bawah ini dan berikut adalah contoh kode Flutter untuk membuat form tamu:

import 'package:flutter/material.dart';

class FormTamu extends StatefulWidget {
  @override
  _FormTamuState createState() => _FormTamuState();
}

class _FormTamuState extends State {
  TextEditingController _controllerNama = TextEditingController();
  TextEditingController _controllerEmail = TextEditingController();
  TextEditingController _controllerPesan = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Form Tamu'),
      ),
      body: Padding(
        padding: EdgeInsets.all(16.0),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.stretch,
          children: [
            TextFormField(
              controller: _controllerNama,
              decoration: InputDecoration(labelText: 'Nama'),
            ),
            TextFormField(
              controller: _controllerEmail,
              decoration: InputDecoration(labelText: 'Email'),
            ),
            TextFormField(
              controller: _controllerPesan,
              maxLines: 5,
              decoration: InputDecoration(labelText: 'Pesan'),
            ),
            ElevatedButton(
              onPressed: () {
                simpanDataTamu();
              },
              child: Text('Submit'),
            ),
          ],
        ),
      ),
    );
  }

  void simpanDataTamu() {
    // Kode untuk menyimpan data tamu ke dalam database MySQL
  }
}

Pada contoh di atas, kita menggunakan Flutter untuk membuat form tamu dengan tiga inputan yaitu Nama, Email, dan Pesan. Data tamu yang diinputkan akan disimpan ke dalam database MySQL melalui fungsi simpanDataTamu().

Struktur Database Bukutamu Simple

Sebelum menyimpan data tamu ke dalam database MySQL, kita perlu membuat struktur tabel terlebih dahulu. Berikut adalah contoh struktur tabel bukutamu yang cukup sederhana dan terdiri dari tiga kolom yaitu nama, email, dan pesan:

CREATE TABLE bukutamu (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nama VARCHAR(50) NOT NULL,
    email VARCHAR(50) NOT NULL,
    pesan TEXT NOT NULL
);

Struktur tabel ini akan menyimpan data tamu yang diinputkan melalui form.

Source Code Penghubung dengan Database Melalui Flutter

Untuk menghubungkan aplikasi Flutter dengan database MySQL, kita dapat menggunakan package http untuk mengirim permintaan HTTP ke server yang menjalankan skrip PHP untuk berkomunikasi dengan database. Berikut adalah contoh source code penghubung dengan database MySQL pada aplikasi Flutter:

import 'dart:convert';
import 'package:http/http.dart' as http;

class DatabaseHelper {
  final String baseUrl = 'https://example.com'; // Ganti dengan URL server Anda

  Future simpanDataTamu(String nama, String email, String pesan) async {
    String url = '$baseUrl/simpan_tamu.php';
    var response = await http.post(Uri.parse(url), body: {
      'nama': nama,
      'email': email,
      'pesan': pesan,
    });

    if (response.statusCode == 200) {
      print('Data tamu berhasil disimpan!');
    } else {
      print('Terjadi kesalahan: ${response.statusCode}');
    }
  }
}

Pada contoh di atas, kita menggunakan class DatabaseHelper untuk menghubungkan aplikasi Flutter dengan database MySQL melalui skrip PHP. Anda perlu mengganti baseUrl dengan URL server dan skrip PHP yang sesuai dengan konfigurasi Anda.

Dengan mengikuti langkah-langkah di atas, Anda dapat membuat form tamu inputan yang menarik dan responsif menggunakan Flutter dan menyimpan data tamu ke dalam database MySQL. Hal ini memungkinkan Anda untuk mengumpulkan dan mengelola data pengunjung dengan lebih efisien. Selamat mencoba!