arnosa.net
Categories
Archives
Latest Comments

Tags

2013 4x abal2 ajax angular angular js angularjs aplikasi arnosa.net awards berhenti merokok blog bootstrap bug car rental cheat cms codeigniter composer crud curhat dead rising 3 dragon age dragon age inquisition fifa14 fifa2015 FM2014 framework game games gamewatch gimbot gta5 hotel idulfitri1434h injustice javascript jquery L5 lag laravel laravel 5.4 mtb mysql nbak2k15 nfs online shop pc pegawai PES2014 pes2015 php picture pro evolution soccer program property quote Racing rakpenting random rental mobil review rift rival rivals rokok SaintRow4 sepeda settings sistem informasi akademis sistem informasi hotel sistem informasi kepegawaian sistem informasi krs sistem informasi sekolah soccer song source code stik testing the sims 4 thrill trick vgx vue js web web programming welcome wreak

Contact Me



08 January 2015 Part 2: Membuat CRUD Sederhana Laravel & Angular JS - Menambah Data Posted In: angular angularjs crud javascript laravel

 

Artikel ini merupakan lanjutan dari artikel sebelumnya yg belum baca bisa dilihat di : http://arnosa.net/artikel/2015/01/02/part-1-membuat-crud-sederhana-laravel-angular-js-menampilkan-data , karena kalo belum dibaca bakal kesusahan menngikuti nya :D

Langsung aja ya , untuk artikell kali ini adalah bagaimana cara menambahkan data ke dalam database dengan menggunakan angularjs dan laravel. 

Pertama buat controller baru dengan nama newStatusController dan tambahkan kode dibawah ini ke app.js

app.controller('newStatusController', function($scope, $http) {
    $scope.statusData = {}; //data awal bernilai array kosong;
    $scope.submitted = false; // submitted bernilai false 
    $scope.processForm = function(isValid) { // fungsi dimana saat proses form terjadi
        // jika valid maka akan mengirimkan data ke url admin/statuspegawai dengan $scope.statusData sebagai datanya , dan jika sukses post data maka akan kembali ke base url.
        if (isValid) { 
            $http.post('admin/status_pegawai', $scope.statusData).
                    success(function(data) {
                        if (data.success) {
                            window.location.href = '/';
                        }
                    }).
                    error(function(data) {
                    });
        } else {
            $scope.submitted = true;
        }
    };
});

Nah setelah kode diatas ditambahkan ke app.js tentu saja kita harus membuat file new.html untuk halaman membuat data. Kode nya seperti dibawah ini:


 

Tambah Data Dengan Angular JS dan Laravel

Nama Status

 

Nama Status Diperlukan.

SubmitBack

Tampilannya akan seperti gambar dibawah ini, untuk validasi input pun sudah dihandle oleh angular , dimana bila input kosong maka akan keluar pesan error.

halaman tambah data

Untuk menambahkan data tentu saja belum bisa karena belum ada controller dari laravel untuk menghandle input data ke dalam database . Untuk itu didalam controller StatusPegawaiController.php ditambah kan sebuah fungsi untuk input data. Kode nya seperti dibawah ini:

    public function store() {
        // membuat object baru dari StatusPegawai() dengan input nama_status
        $statuspegawai = new StatusPegawai();
        $statuspegawai->nama_status = Input::get('nama_status');
        // bila proses memasukan data berhasil maka akan mengirimkan response dalam bentuk json
        if ($statuspegawai->save()) {
            return Response::json(array('success' => TRUE));
        }
    }

Nah setelah kode fungsi tersebut ditambahkan maka input data sudah bisa. 

Untuk memasukan data ke database dengan angular js dan laravel cukup segini dulu ya , kalo belum jelas bisa ditanyaken atau langsung komen saja. Thanks.


Related Article
0 Comments

What are your thoughts? Please leave a comment.