Pages

  • Home
  • Daftar Artikel

Halaman Form Update Profil

Kita telah memiliki halaman registrasi. Ceritanya, setelah pendaftaran sukses maka member baru tersebut akan dibawa ke halaman index yang ada form loginnya. Setelah login, member akan dibawa ke halaman update profil.
Di halaman update profil ini, member dapat menambahkan data alamat, telepon dan upload photonya. Tentu saja setiap member hanya dapat mengupdate datanya sendiri.



Cara membuat halaman update data profil dengan codecharge studio.

First, tentu saja kita harus membuat halamannya dulu. Copy saja dari file lain yang layoutnya sudah kita siapkan (yang kita anggap template). Namakan file ini dengan updateprofil (boleh nama lain).
Silahkan ganti dulu <title>judul halaman</title> halaman ini menjadi Update Profile.

Kita akan menggunakan Record Builder untuk membuat form Update profil member. Record Builder ada di Toolbox Builder. Klik. 
  • Pilih Connection, Next
  • Pilih table profil, pilih field yang dapat diupdate (selain idteman), Next









    • Tentukan Action, cek Insert, Update, Delete dengan konfirmasi, Cancel (Delete digunakan untuk menghapus keanggotaan). Klik Next.







    • Pilih style original (biar konsisten dengan form lainnya), Klik Finish!
    Selesai sementara (masih perlu penyempurnaan)
    Lakukan pengaturan untuk field:
    1. email -> Input Validation 
    2. Tgl Lahir -> format dan DBformat
    3. Field tingkatmember_id -> hidden (dihapus juga gpp)
    4. Untuk field Photo biarkan dulu begitu, akan dibuat tulisan khusus untuk mengaturnya.
    Untuk Form sampai sini sudah selesai. Kalau di publish dan dicoba akan kita ketahui bahwa:
    1. Halaman ini belum diproteksi dengan login.
    2. Form ini belum memuat data member sesuai dengan member yang login.
    Untuk menyelesaikan 2 item di atas, kita perlu data profil anggota sebagai contoh. Gunakan phpmyadmin untuk mengisi tabel profil. Isilah beberapa data untuk contoh, salah satunya sebagai admin (tingkatmember_id=2)

    Memproteksi Halaman dengan Login Form

    Kembali ke halaman updateprofil di CCS.

    Klik dimanapun dihalaman ini selain objek, sampai di properties akan muncul properti Page:updateprofil


    Klik ... disamping Restricted akan muncul form spt gbr berikut

    Cek Restricted, Member dan Admin (berarti halaman ini hanya bisa dilihat oleh Member dan Admin). OK.

    Kemudian pada properti page: updateprofil, isi Access Denied Page dengan halaman index (karena ada form loginnya).


    Memuat Form dengan Data Member yang Login



    Ikuti step berikut:
    •  Klik form updateprofil, lihat propertinya. pada bagian Data Source yang berisi profil, klik ... (yang disamping profil) akan memunculkan "Visual Query Builder"
    Visual Query Builder

    DoubleClick pada kondisi/WHERE idteman=idteman. akan muncul form edit kondisi.

    Edit Where Condition Edit Where condition
    Lihat gambar di samping.
    Ganti Parameter dengan "UserID,
    Type : Session,
    Default: 0

    Selesai. Jika di coba kita akan disodori form login.





    Berikutnya : Membuat Form Upload








    No comments:

    Post a Comment