NodeJS Notlarım – 2

Merhaba arkadaşlar NodeJS hakkındaki notlarıma devam ediyorum. Bu yazıda Mysql ile NodeJS arasında bağlantı kurmayı göreceğiz kısa olarak, öncelikle şunu belirteyim. NodeJS’yi genel olarak MongoDB ile kullanırlar daha basittir. Mysql ile kullanımı pek tercih edilmez. Yine bir kenarda dursun diye ufaktan bahsedelim. Veritabanı oluşturalım node adında ve kisi adında tablo oluşturup 4 satır ekleyelim id,ad,soyad ve durum diye daha sonra app.js adında bir dosya oluşturalım. NodeJS kodlarımızı yazmak için bir server oluşturmamız gerekiyor NodeJS kendi sitesinden kodları alalım.

var http = require('http');

http.createServer(function (req, res) {
   res.writeHead(200, {'Content-Type': 'text/plain'});
   res.end('Hello World\n');
}).listen(1337, '127.0.0.1');

console.log('Server running at http://127.0.0.1:1337/');

serverımızı oluşturduktan sonra mysql modülünü sayfamıza dahil edelim.
npm install mysql
daha sonra app.js’de kullanmamız için sayfaya çağıralım ve veritabanı bağlantısını sağlayalım.

var mysql      = require('mysql');
var connection = mysql.createConnection({
  host     : 'localhost',
  user     : 'root',
  password : '',
  database : 'node'
});

connection.connect();

şuan veritabanına bağlantıyı geçekleştirdik. Örnek olarak bir insert işlemi yapalım.

var sql = "INSERT INTO kisi (id,ad,soyad,durum) VALUES ?";
var values = [
  [1, 'Aaron', 'Swartz',1],
  [2, 'Dennis', 'Ritchie',0]
];
connection.query(sql, [values], function(err) {
  if (err) throw err;

});

sql değişkenine sorguyu yazıyoruz ve query fonksiyonun ilk parametresine ekliyoruz ikinci parametreye değerleri yazıyoruz ve son parametreye ise hata oluşması durumunda hatayı fırlatmak için bir fonksiyon yazıyoruz app.js’nin dizinine gelip çalıştırdığımızda ekleme başarılı bir şekilde gerçekleşecektir. NodeJS’de veritabanı işlemleri şekildeki gibidir daha ayrıntılı incelemek isterseniz bu adresten ulaşabilirsiniz. Herkese iyi çalışmalar.

AngularJS Özel Direktivler – (AngularJS Custom Directives)

Önceki derste Directiv’lere ufak bir giriş yapmıştık. AngularJS’nin en büyük avantajlarından biride kendi HTML elementlerini oluşturmasıdır bunu da directivler sayesinde gerçekleştiriyoruz. Örnek olarak htmlde aşağıdaki gibi bir element yok.

<vural></vural>

Örnek olarak basit bir directiv üzerinden gidelim

var app = angular.module('app', []);
  app.directive('vural', function () {
      return {
          restrict: 'EA',
          template: '<div>vuralusenc@gmail.com</div>'
      };
  });

app adındaki modülümüze directivi ekliyoruz. İlk parametreye html sayfasında kullanacağımız directivin adını ikici parametreye ise fonksiyonumuzu yazıyoruz. Directiv’in özelliklerini parametrelerle ekleyebililiyoruz.
Restrict ne işe yarar ?
Html sayfasında özel oluşturduğumuz elementi kullanma şeklimizi belirler örnek olarak
‘A’ => attribute name
‘E’ => element name
‘C’ => class name
bunları birliktede kullanabiliriz örnek olarak ‘AE’
Template
Template ise içerik olarak ne basmak istiyorsak burada onu belirtiriz. Yukarıydaki örnekte div içinde bir yazı yazılmış.
Link
Link parametresinde ise fonksiyon yazıyoruz. Template kısmını biraz daha geliştirmek istersek burada fonksiyon yazarak halledebiliriz. Aşağıda da belirtildiği gibi 4 parametresi var

link: function vural(scope, elem, attr, ctrl){}

Directivlerden kısaca bahsettikten sonra ufak bir örnek gösterelim.

Nodejs Notlarım – 1

logo_nodejs

Son zamanlarda NodeJs’ye inceliyorum ve ufaktan not almaya başlamalıyım dedim 😀 Nodejs girişi hakkında Türkçe kaynak oldukça fazla var o yüzden ne işe yaradığı hakkında bilgi edinmek isterseniz internetten rahatça bulabilirsiniz. Bu yazıda Ubuntu için Nodejs kurulumunu yapacağız. Beş adımda yüklemeyi tamamlayacağız öncelikle terminali açalım ve Nodejs için gerekli bazı araçları indirelim

sudo apt-get install python-software-properties

ilk (1)

Daha sonra Nodejs’yi yükleyelim bunu yüklemesi biraz uzun sürebilir.

ikinci

Paketleri güncelliyoruz.
sudo apt-get update

Son olarak nodejs ve npm paketini yüklüyoruz.
sudo apt-get install nodejs
sudo apt-get install npm

Daha sonra Nodejs yüklenip yüklenmediğini versiyonunu sorgulatarak yapalım .
nodejs -v
npm -v
enson
şekildeki gibi versiyon numaraları varsa yükleme tamamlanmıştır. Herkese iyi çalışmalar.

AngularJS ile Örnek Uygulama

angularjs-logo
Bu aralar AngularJS’ye sarmış durumdayım önceki derslerde Directivleri kullanmayı görmüştük. Bu örnek uygulamada directivleri kullanarak basit bir uygulama yaptım aşağıda kodlar ve demo için link bırakıyorum. Herkese iyi çalışmalar.

Kodlar
Demo

AngularJS ng-switch Directive

Merhaba arkadaşlar vakit buldukça AngularJS ile ilgili yazı yazmaya çalışıyorum.Bu yazıda ng-switch alakalı basit bir uygulama paylaşacağım. Javascript kısmında bir modül oluşturalım.

 var myapp = angular.module("myapp", []);

daha sonra modül üzerinde bir controller oluşturalım. İlk parametre Controller’ın adı ikinci parametre ise fonksiyonumuz.

    myapp.controller("MyController", function($scope) {   
 
}

ng-switch adından da anlaşılacağı gibi bir koşul durumu için kullanılan bir direktiv bu kontrolü ng-switch-when ile yapıyoruz. Controller içindeki verilere $scope ile ulaşıyoruz. Bir örnek ile olayı daha iyi anlayalım.

oluşturduğumuz divde ng-switch on=”myData.switch” ile switch degerini sınıyoruz.

  <div ng-switch-when="1">1. Durum</div>
  <div ng-switch-when="2">2. Durum</div>
  <div ng-switch-default>1. Durum ve 2. Durum dışında</div>

şekildeki 3 durumdan birini controllerın içindeki switch değerine göre yazdırıyoruz.
bu yazıyı burada sonlandırıyorum herkeze iyi çalışmalar.