Háromszög

[[oktatas:web:AngularJS|< AngularJS]] ====== AngularJS gyakorlás ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2021 * Licenc: GNU Free Documentation License 1.3 * Web: https://szit.hu ===== Háromszög területe ===== Háromszög területnek számítása alapból és magasságból.





    
    Háromszög
    
    


    Háromszögterület    
    
    Alap
    

    Magasság
    

    

    Terület


var alkalmazas = angular.module("alkalmazas", []);
alkalmazas.controller("alkalmazasCtrl", function($scope){
   $scope.szamit = function(evt) {
       var alap = Number($scope.alap);
       var magassag = Number($scope.magassag);
       var terulet = alap*magassag/2;
       console.log(terulet);
       $scope.terulet = terulet;
   }
});

===== Todo ===== ==== Tömb lekérése ====





    
    Todo



    Todo
    
    
        
            {{todo}}


var app = angular.module('app', []);
app.controller('appCtrl', function($scope, $http){
    getTodos($scope, $http);
});

var getTodos = function($scope, $http) {
    $http.post('php/kuld.php')
    .then(function(response){
        $scope.todos = response.data;
    });
}





===== Objektum tömbben =====
==== Dolgozó lekérése ====





    
    


    Dolgozók
    
    
        
            {{dolgozo.nev}}
            {{dolgozo.telepules}}
            {{dolgozo.fizetes}}
        
    

    
    






var app = angular.module('app', []);
app.controller('appCtrl', function($scope, $http) {
   lekerDolgozok($scope, $http); 
});

var lekerDolgozok = function($scope, $http) {
    $http.post('php/kuld.php')
    .then(function(response){
        $scope.dolgozok = response.data;
    });
}





===== bDolgozok =====

A dolgozók adatbázisból töltődnek automatikusan. 
Egy dolgozó hozzáadható az adatbázishoz.

==== Tervek ====


bdolgozok/
 |-database/
 |-draft/
 |-src/
 |  |-lib/angular.js
 |  |-php/
 |  |  |-includes/
 |  |  |   |-config.php
 |  |  |   |-database.php
 |  |  |   `-mariadb.php
 |  |  |-hozzaad.php
 |  |  `-kuld.php
 |  |-index.html
 |  `-script.js
 `-test/




create database bdolgozok;

create table dolgozok (
    az int not null primary key auto_increment,
    nev varchar(50),
    telepules varchar(50),
    fizetes double
);

insert into dolgozok
(az, nev, telepules, fizetes)
values
(1, 'Nagy János', 'Szolnok', 8540000),
(2, 'Pete Mária', 'Szeged', 7540000),
(3, 'Random Katalin', 'Szolnok', 8440000),
(5, 'Pente László', 'Szeged', 7560000),
(6, 'Demó János', 'Hatvan', 8950000);


==== HTML és CSS====





    
    bDolgozók
    


    
        Dolgozók
        
            
                Név
                Település
                Fizetés
            
            
                
                
                
            
        
        
        
            
                {{dolgozo.nev}}
                {{dolgozo.telepules}}
                {{dolgozo.fizetes}}
            
        
    

    
    







#container {
    margin: 5%;
    padding: 15px;
    background-color: orange;
}

input {
    width: 70px;
}

table#dolgozok {
    border-collapse: collapse;
}

table#dolgozok, table#dolgozok td {
    margin-top: 5px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
}



==== JavaScript ====


var app = angular.module('app', []);
app.controller('appCtrl', function($scope, $http) {
   lekerDolgozok($scope, $http);
   $scope.hozzaadDolgozo = function(evt) {
       var nev = $scope.nev;
       var telepules = $scope.telepules;
       var fizetes = $scope.fizetes;
       var dolgozo = {
        nev: nev, 
        telepules: telepules, 
        fizetes: fizetes
        };
       $scope.dolgozok.push(dolgozo);       
       hozzaadDolgozo($scope, $http, dolgozo);
   }
});

var lekerDolgozok = function($scope, $http) {
    $http.post('php/kuld.php')
    .then(function(response){
        $scope.dolgozok = response.data;
    });
}

var hozzaadDolgozo = function($scope, $http, dolgozo) {
    $http.post('php/hozzaad.php', {
        data: dolgozo
    })
    .then(function(response){
        console.log(response.data);
    });
}


==== PHP ====






data;

echo hozzaadDolgozo($dolgozo);





nev, 
            $dolgozo->telepules,
            $dolgozo->fizetes
            );
        mysqli_stmt_execute($stmt);
        error_log(mysqli_stmt_error($stmt));
        mysqli_stmt_close($stmt);
        $beszurasOk = true;
    }else {
        error_log('Hiba a beszúrás során!');
    }
    closeDb($conn);
    return $beszurasOk;
}