update

kirandulas/adatbazis.php

@@ -0,0 +1,82 @@
+<?php
+        class Adatbazis{
+        //adattagok
+        private $host = 'localhost';
+        private $dbuser = 'root';
+        private $password = '';
+        private $dbname = 'kirandulohelyek';
+        private $dbc;
+        //konstruktor
+        public function __construct(){
+            try {
+                $datasourcename = "mysql:host=$this->host;dbname=$this->dbname";
+                //echo $datasourcename . "<hr>";
+                $options = [PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8", PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION];
+                $this->dbc = new PDO($datasourcename, $this->dbuser, $this->password, $options);
+            } catch (PDOException $exc) {
+                echo "Kapcsolódási hiba:" . $exc->getMessage();
+            }
+        }
+
+        //metodusok
+        public function getDBC(){
+            return $this->dbc;
+        }
+
+        //tabla beolvasasa
+        public function readAll($dbc, $table) {
+            $sql = "SELECT * FROM $table;";
+            $utasitas = $dbc->prepare($sql);
+            $utasitas->execute();
+        
+            return $utasitas->fetchAll(PDO::FETCH_ASSOC);
+        }
+
+        //egy rekord beolvasasa
+        public function readOne($dbc, $table, $id) {
+            $sql = "SELECT * FROM $table WHERE id=$id;";
+            $utasitas = $dbc->prepare($sql);
+            $utasitas->execute();
+        
+            return $utasitas->fetchAll(PDO::FETCH_ASSOC);
+        }
+
+        //egy rekord torlese
+        public function deleteOne($dbc, $table, $id) {
+            $sql = "DELETE FROM $table WHERE id=$id;";
+            $utasitas = $dbc->prepare($sql);
+            $utasitas->execute();
+        }
+
+        // Mivel az id automatikusan generalodik ezért a id értéke helyett NULL értéket adunk meg beillesztéskor
+        //uj rekord beszurasa
+        public function insert($dbc, $table, $datas) {
+            $sql = "INSERT INTO $table VALUES (NULL, '";
+            foreach ($datas as $value) {
+                $sql .= $value . "', '";
+            }
+            $sql = substr($sql, 0, strlen($sql) - 3);
+            $sql .= ");";
+            $utasitas = $dbc->prepare($sql);
+            $utasitas->execute();
+        }
+
+        //rekord adatinak szerkesztese
+        public function update($dbc, $table, $datas) {
+            $sql = "UPDATE $table SET ";
+            //print_r($datas);
+            foreach ($datas as $key => $value) {
+                if ($key <> 'id') {
+                    $sql .= $key . "='" . $value . "', ";
+                }
+            }
+            $sql = substr($sql, 0, strlen($sql) - 2);
+            $sql .= " WHERE id =" . $datas['id'] . ";";
+            //print_r($sql);
+            $utasitas = $dbc->prepare($sql);
+            $utasitas->execute();
+        }
+    }   
+
+    $adatbazis = new Adatbazis();
+?>

kirandulas/forrasok/gyakorlo.sql

@@ -0,0 +1,51 @@
+SET NAMES 'utf8';
+
+USE kirandulohelyek;
+
+DROP TABLE IF EXISTS utazasicelok;
+
+USE kirandulohelyek;
+
+CREATE TABLE IF NOT EXISTS utazasicelok (
+  id INT(11) NOT NULL AUTO_INCREMENT,
+  nev VARCHAR(255) DEFAULT NULL,
+  megye VARCHAR(255) DEFAULT NULL,
+  kep VARCHAR(255) DEFAULT NULL,
+  tavolsag DOUBLE DEFAULT NULL,
+  leiras TEXT DEFAULT NULL,
+  PRIMARY KEY (id)
+)
+ENGINE = INNODB
+CHARACTER SET utf8
+COLLATE utf8_hungarian_ci;
+
+
+
+
+CREATE TABLE IF NOT EXISTS users (
+  id INT(11) NOT NULL AUTO_INCREMENT,
+  name VARCHAR(80) NOT NULL,
+  email VARCHAR(80) NOT NULL,
+  username VARCHAR(45) NOT NULL,
+  password TEXT NOT NULL,
+  PRIMARY KEY (id)
+)
+ENGINE = INNODB,
+CHARACTER SET utf8,
+COLLATE utf8_hungarian_ci;
+
+
+
+INSERT INTO utazasicelok VALUES
+(1, 'Tihany', 'Veszprém', 'tihany.jpg', 362.25, 'Tihany község Veszprém megyében, a Balatonfüredi járásban. Magyarország egyik legszebb fekvésű települése, látványos táji és természeti adottságokban bővelkedő község a Balatonba nyúló Tihanyi-félszigeten.'),
+(2, 'Eger', 'Heves', 'eger.jpg', 159.56, 'Eger megyei jogú város az Észak-Magyarország-régióban, az Eger-patak völgyében, a Bükk-vidék délnyugati szélén; Heves megye és az Egri járás székhelye. A 2011-es népszámlálás adatai szerint Észak-Magyarország második legnépesebb városa'),
+(3, 'Aggtelek', 'Borsod-Abaúj-Zemplén', 'aggtelek.jpg', 164, 'Aggtelek község Borsod-Abaúj-Zemplén megyében, a Putnoki járásban. Itt van az ország egyik leghíresebb cseppkőbarlangjának, a Baradla–Domica-barlangrendszernek néhány bejárata.'),
+(4, 'Hortobagy', 'Hajdú-Bihar', 'hortobagy.jpg', 38.3, 'Hortobágy Hajdú-Bihar megyei község Debrecentől 36 kilométerre nyugatra a Balmazújvárosi járásban. Hortobágy Magyarország legnagyobb területű községe.'),
+(5, 'Kőszeg', 'Vas', 'koszeg.jpg', 469.1, 'Kőszeg város Vas megye nyugati szélén, az osztrák határ közelében. A Kőszegi járás központja. Városrésze: Kőszegfalva. Gazdag múltja révén sokszor jelentős szerepet töltött be Magyarország és Ausztria történelmében.'),
+(6, 'Szeged', 'Csongrád', 'szeged.jpg', 228.5, 'Szeged megyei jogú város, Magyarország harmadik legnépesebb városa, a Dél-Alföld legnagyobb városa, Csongrád megye és a Szegedi járás székhelye a Tisza és a Maros találkozásánál. A terület az újkőkor óta lakott. A várost először 1183-ban említik.'),
+(7, 'Budapest', 'Pest', 'budapest.jpg', 225.87, 'Magyarország fővárosát, Budapestet a Duna folyó szeli ketté. A XIX. században épült Lánchíd a dimbes-dombos budai oldalt köti össze a sík Pesttel. A Várdomb oldalában futó siklóval juthatunk fel a budai Óvárosba, ahol a Budapesti Történeti Múzeum egészen a római időkig visszavezetve mutatja be a városi életet. A Szentháromság tér ad otthont a XIII. századi Mátyás-templomnak és a Halászbástya lőtornyainak, amelyekből messzire ellátva gyönyörködhetünk a városban.'),
+(8, 'Zirc', 'Veszprém', 'zirc.jpg', 297, 'Zirc város Veszprém megyében, a Zirci járás egyetlen városa, és egyben központja, „a Bakony fővárosa".');
+
+INSERT INTO users VALUES
+(1, 'Teszt Elek', 'tesztelek@gmail.com', 'tesztelek', '$2y$10$H3/NVsAiUfvagKK4tr7Kp.j5HUcY6XiGWA/BQELjWkfTlSNZoJnta');
+

kirandulas/forrasok/gyakorlo.sql.bak

@@ -0,0 +1,51 @@
+SET NAMES 'utf8';
+
+USE kirandulohelyek;
+
+DROP TABLE IF EXISTS utazasicelok;
+
+USE kirandulohelyek;
+
+CREATE TABLE IF NOT EXISTS utazasicelok (
+  ID INT(11) NOT NULL AUTO_INCREMENT,
+  nev VARCHAR(255) DEFAULT NULL,
+  megye VARCHAR(255) DEFAULT NULL,
+  kep VARCHAR(255) DEFAULT NULL,
+  tavolsag DOUBLE DEFAULT NULL,
+  leiras TEXT DEFAULT NULL,
+  PRIMARY KEY (ID)
+)
+ENGINE = INNODB
+CHARACTER SET utf8
+COLLATE utf8_hungarian_ci;
+
+
+
+
+CREATE TABLE IF NOT EXISTS users (
+  id INT(11) NOT NULL AUTO_INCREMENT,
+  name VARCHAR(80) NOT NULL,
+  email VARCHAR(80) NOT NULL,
+  username VARCHAR(45) NOT NULL,
+  password TEXT NOT NULL,
+  PRIMARY KEY (id)
+)
+ENGINE = INNODB,
+CHARACTER SET utf8,
+COLLATE utf8_hungarian_ci;
+
+
+
+INSERT INTO utazasicelok VALUES
+(1, 'Tihany', 'Veszprém', 'tihany.jpg', 362.25, 'Tihany község Veszprém megyében, a Balatonfüredi járásban. Magyarország egyik legszebb fekvésű települése, látványos táji és természeti adottságokban bővelkedő község a Balatonba nyúló Tihanyi-félszigeten.'),
+(2, 'Eger', 'Heves', 'eger.jpg', 159.56, 'Eger megyei jogú város az Észak-Magyarország-régióban, az Eger-patak völgyében, a Bükk-vidék délnyugati szélén; Heves megye és az Egri járás székhelye. A 2011-es népszámlálás adatai szerint Észak-Magyarország második legnépesebb városa'),
+(3, 'Aggtelek', 'Borsod-Abaúj-Zemplén', 'aggtelek.jpg', 164, 'Aggtelek község Borsod-Abaúj-Zemplén megyében, a Putnoki járásban. Itt van az ország egyik leghíresebb cseppkőbarlangjának, a Baradla–Domica-barlangrendszernek néhány bejárata.'),
+(4, 'Hortobagy', 'Hajdú-Bihar', 'hortobagy.jpg', 38.3, 'Hortobágy Hajdú-Bihar megyei község Debrecentől 36 kilométerre nyugatra a Balmazújvárosi járásban. Hortobágy Magyarország legnagyobb területű községe.'),
+(5, 'Kőszeg', 'Vas', 'koszeg.jpg', 469.1, 'Kőszeg város Vas megye nyugati szélén, az osztrák határ közelében. A Kőszegi járás központja. Városrésze: Kőszegfalva. Gazdag múltja révén sokszor jelentős szerepet töltött be Magyarország és Ausztria történelmében.'),
+(6, 'Szeged', 'Csongrád', 'szeged.jpg', 228.5, 'Szeged megyei jogú város, Magyarország harmadik legnépesebb városa, a Dél-Alföld legnagyobb városa, Csongrád megye és a Szegedi járás székhelye a Tisza és a Maros találkozásánál. A terület az újkőkor óta lakott. A várost először 1183-ban említik.'),
+(7, 'Budapest', 'Pest', 'budapest.jpg', 225.87, 'Magyarország fővárosát, Budapestet a Duna folyó szeli ketté. A XIX. században épült Lánchíd a dimbes-dombos budai oldalt köti össze a sík Pesttel. A Várdomb oldalában futó siklóval juthatunk fel a budai Óvárosba, ahol a Budapesti Történeti Múzeum egészen a római időkig visszavezetve mutatja be a városi életet. A Szentháromság tér ad otthont a XIII. századi Mátyás-templomnak és a Halászbástya lőtornyainak, amelyekből messzire ellátva gyönyörködhetünk a városban.'),
+(8, 'Zirc', 'Veszprém', 'zirc.jpg', 297, 'Zirc város Veszprém megyében, a Zirci járás egyetlen városa, és egyben központja, „a Bakony fővárosa".');
+
+INSERT INTO users VALUES
+(1, 'Teszt Elek', 'tesztelek@gmail.com', 'tesztelek', '$2y$10$H3/NVsAiUfvagKK4tr7Kp.j5HUcY6XiGWA/BQELjWkfTlSNZoJnta');
+

kirandulas/index.php

@@ -0,0 +1,50 @@
+<?php
+    include_once "adatbazis.php";
+
+    $tablak = $adatbazis->readAll($adatbazis->getDBC(), "utazasicelok");
+    print_r($tablak);
+
+    $kulcsok = ["id", "nev", "megye", "kep", "tavolsag", "leiras"];
+
+?>
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="stylesheet" href="forrasok/bootstrap.min.css">
+        <link rel="stylesheet" href="forrasok/bootstrap-icons.css">
+        <link rel="stylesheet" href="style.css">
+        <title>Kirandulas</title>
+    </head>
+    <body>
+        <div class="container">
+            <header>
+                <div id="headerKepDiv"><img src="forrasok/img/fejlec.png" class="w-100"></div>
+                <div id="nav" class="flex-container sticky-top">
+                    <div id="textK" style="flex-grow: 6; margin-left: 2%;">Kirándulóhelyek</div>
+                    <div><input type="text"></div>
+                    <div><button class="btn btn-outline-light" id="searchButton">Keresés</button></div>
+                    <div><button class="btn btn-outline-light" id="loginButton">Bejelentkezés</button></div>
+                </div>
+            </header><br><br>
+            <div class="container">
+                <main>
+                    <div class="card border-dark" style="width: 18rem;">
+                        <a href="" target="_blank">
+                            <img class="card-img-top" src="forrasok/img/tihany.jpg" alt="Card image cap">
+                        </a> 
+                        <div class="card-body">
+                            <h5 class="card-title ml-5 pl-5">Tihany</h5>
+                        </div>
+                    </div> 
+                </main>
+            </div>        
+            <br><br><br><br><br><br><br><br><br><br><br><br>
+            <footer></footer>
+        </div>
+        <script src="forrasok/jquery-3.5.1.min.js"></script>
+        <!--<script src="forrasok/popper.min.js"></script>-->
+        <script src="forrasok/bootstrap.min.js"></script>
+    </body>
+</html>

kirandulas/style.css

@@ -0,0 +1,37 @@
+header{
+    background-color: darkgray;
+    color: white;
+    
+}
+
+#headerKepDiv{
+    padding-left: 1%;
+    padding-right: 1%;
+}
+
+#textK{  
+     /*Nem mukodott*/
+}
+
+.flex-container {
+    display: flex;
+    justify-content: flex-end;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.flex-container div{
+    margin-top: 1%;
+    margin-bottom: 1%;
+    margin-right: 1%;
+}
+
+.kartya{
+    border: 1px solid black;
+}
+
+footer{
+    background-color: darkgray;
+    color: white;
+}
+