Membuat form inputan dan tampilan inputan menggunakan codeigniter


gambar 1. Tampilan view


Langkah 1.

Buatlah controller dengan nama Inputan.php seperti pada coding dibawah ini


1
2
3
4
5
6
7
8
9
<?php

	class Inputan extends CI_Controller {
		
		public function index(){
			$this->load->view('form_inputan');
		}
		
	}

pada coding baris ke 6 berfungsi untuk meload file form_inputan.php yang ada pada folder views.

Langkah 2.

Buatlah file view dengan nama form_inputan.php simpan pada folder views



 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<h2>Form Inputan</h2>
<hr>
<form method='post' action='Inputan/proses'>
<table border=0>
<tr>
	<td>Nama</td>
	<td>:</td>
	<td><input type='text' name='nama'></td>
</tr>

<tr>
	<td>Pekerjaan</td>
	<td>:</td>
	<td><input type='text' name='pekerjaan'></td>
</tr>

<tr>
	<td>Alamat</td>
	<td>:</td>
	<td><input type='text' name='alamat'></td>
</tr>

<tr>
	<td colspan='3' align='right'><input type='submit' value='proses'></td>
</tr>
</table>
</form>

simpan coding tersebut di folder views dengan nama form_inputan.php, kemudian akses file tersebut dengan alamat http://localhost/belajarcodeigniter/index.php/Inputan

pada baris coding ke 24 berfungsi sebagai button submit yang akan menuju proses dimana hasil dari submit tersebut akan menampilkan hasil dari form inputan.

untuk membuat proses yang dituju bisa dilihat pada baris coding ke 3 

                                <form method='post' action='Inputan/proses'>

pada coding tersebut bisa dirubah sesuai dengan yang kita inginkan yaitu pada bagian action='Inputan/proses' bisa dirubah sesuai dengan keinginan kita .

Langkah 3.

selanjutnya adalah mengedit kembali file controller Inputan.php kita tambahkan fungsi proses, seperti pada coding dibawah ini 


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Inputan extends CI_Controller {
	
	public function index(){
		$this->load->view('form_inputan'); //kita buat file custom.php
	}
	
	public function proses(){
		$this->load->view('proses');
	}
	
}

pada baris coding ke 11 akan meload file proses.php yang ada di dalam folder views, file ini akan diload ketika tombol submit ditekan.

Catatan "Proses ini akan berbeda ketika menggunakan database".

Langkah 4.

Buatlah coding proses simpan coding tersebut di dalam folder views dengan nama proses.php


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
<h2>Hasil dari Inputan</h2>
<hr>
<table border=0>
<tr>
	<td>Nama</td>
	<td>:</td>
	<td><?php echo $_POST['nama'];?></td>
</tr>

<tr>
	<td>Pekerjaan</td>
	<td>:</td>
	<td><?php echo $_POST['pekerjaan'];?></td>
</tr>

<tr>
	<td>Alamat</td>
	<td>:</td>
	<td><?php echo $_POST['alamat'];?></td>
</tr>
</table>

akses melalui http://localhost/belajarcodeigniter/index.php/Inputan, kemudian isi data dan tekan tombol submit, hasil dari eksekusi coding tersebut adalah seperti gambar dibawah ini


Gambar 2 Hasil dari inputan

Selamat ini adalah inputan pertama yang anda buat, 

kamu juga bisa mengikuti video tutorialnya di alamat
https://www.youtube.com/watch?v=mU3pSPyZYog

Download

Salam coding.



Tags

Post a Comment

Posting Komentar

Lebih baru Lebih lama