Kayıtlar

Kasım, 2018 tarihine ait yayınlar gösteriliyor

Laravel & React 5

Resim
Bu bölümde applicationumuza react-reouter kütüphanesini ekleyip basit route işlemlerini ön tarafata yapacağız. npm install react-router-dom projeme dahil ediyorum. Bir başka terminal banch i açarak npm run watch komutunu çalıştıracağım. Bu komut bizim için ön tarafdaki değişiklikleri izleyecek ve bundle aktaracak.Bundle yığın anlamına geliyor için gerek js doslarım vs bulunuyor. WepPack bunları ihtiyaç haline göre derliyor. resource/js/app.js componentimi modifiye edeceğim. require ( './bootstrap' ); import React from 'react' ; import { render } from 'react-dom' ; import { Router , Route , browserHistory } from 'react-router' ; import Example from './components/Example' ; render ( < Example /> , document . getElementById ( 'example' )); Bu şekilde modifiye ettik. example id sine sahip html elementini Example componenti ile Dom edeceğim diyorum. Şimdi example componentimizi biraz daha düzenleyelim. ...

Laravel & React 4

Resim
Bu bölümde axios ile api ya ulaşıp http istekleri yapacağız. Yeni bir component oluşturup. Constructarda bir initial state tanımlayıp componentwillMount yaşam döngüsü ile state mizi dolduracağız. D:\WorkSpace\Tutorals\Laravel\react-lara> npm install axios --save Komutu ile öncelikle projemize axios kütüphanesini dahil ediyoruz. Ardından yeni bir component oluşturuyoruz. Constructor methodumda initState yi tanımlıyorum. constructor (){ super (); this .state = { blog :[] } console . log ( super ()); } ardından Componentwillmount ile apimıza istek atacağız. Bu method hem server hemde client oluşturulmadan önce çalıştırılır. ComponentDidMount ise ilk çalışmanın ardından sunucu tarafından çalıştırılır. componentWillMount () { axios . get ( '/api/blog' ). then ( response => { this . setState ({ blog : response .data }) }). catch ( err => { ...

Laravel & React 4

Resim
Model sınıfı yaratma : php artisan make:model Blog Controller sınıfı Api için yaratma :  php artisan make:controller api/blogController --resource Burada Blog modelimi kullanacağım için ; use App/Blog; ile blog sınıfımı kullanacağımı belirtiyorum. Burada unutmamam gereken methodlarımın dönüştipini json yapmam çünkü api yazıyoruz. return response()->Json() gibi. Controller sınıfımın görünümü blogs değişkenime Veritabanındaki bütün blog nesnelerini atadım. Routes klasörümdeki api routesin ayarları. İlk stringde route ikinici stringde hangi controller sınıfımı kullanacağımı belirtiyor. Ekran görüntüsü ise solda.

Laravel & React 3

Resim
Bu içerikte php migrate nedir ? Detaylı inceleyeceğiz. Migrate ile tablo oluşturulur. php artisan migrate:make dosya_adı --table=tablo_adı --create Blog uygulaması için php artisan migrate:make create_blogs_table --create=blogs Görüldüğü gibi başarılı bir şekilde oluşturduk ve migration dosyamımı görebiliyorum. Şuan sadece migration dosyası oluştu. Table olarak oluşturabilmem içinde php artisan migrate komutunu yazmam gerekiyor bu komutu yazdığım zaman. Migrations dosyalarındaki tablolar oluşur. Eğer yanlış işlem yaparsasm ve tablomu silmem gerekirse ki komutum. php artisan migrate:rollback Bu komut ile veritabanımdaki tablomu silerim. migration ile tablo oluşturuken bazı örnekler. $table->increments('id'); $table->string('name',100); $table->date('created_at'); gibi gibi. Şimdi blog migrationu's ma gidelim ve. Tablo alanları düzenleyelim. Tablo alanlarımı düzenledim ve migrated işlemini gerçekleştirdim. Ve mysql ...