add spread data from db to table in main view

get php+k1
s3 db ok
2025-09-10 11:35:22 +00:00 · 2025-09-10 11:07:19 +00:00 · 2025-09-10 11:06:16 +00:00 · 2025-09-10 10:42:53 +00:00
7 changed files with 185 additions and 35 deletions
--- a/i1.html
+++ b/i1.html
@ -4,6 +4,8 @@
    <meta charset="UTF-8">
    <title>Kursy komputerowe</title>
    <link rel="stylesheet" href="css/layout.css">
    <script src="js/script.js" defer> </script>
 </head>
 <body>
    <header>
@ -17,7 +19,7 @@
    </nav>
    <main>
        <h3>Kursy komputerowe - programowanie</h3>
-        <table>
+                <table id="tab">
            <tr>
                <th>Kurs</th>
                <th>Czas trwania</th>
--- a/js/script.js
+++ b/js/script.js
@ -1,37 +1,44 @@
 document.addEventListener('DOMContentLoaded', function() {
-    document.getElementById('oblicz').addEventListener('click', function() {
+    console.log("ok");
        // Pobieranie wybranych kursów
        const wybraneKursy = document.querySelectorAll('input[name="kurs"]:checked');
        // Ceny kursów
        const cenaReact = 1500;
        const cenaJavaScript = 1200;
-        // Obliczanie całkowitej kwoty
+    const fetchData = () => {
-        let calkowitaKwota = 0;
+        return fetch('./php/get.php')
-        wybraneKursy.forEach(kurs => {
+            .then(response => {
-            if (kurs.value === 'React.js') {
+                if (!response.ok) {
-                calkowitaKwota += cenaReact;
+                    throw new Error('Błąd pobierania danych');
-            } else if (kurs.value === 'JavaScript') {
+                }
-                calkowitaKwota += cenaJavaScript;
+                return response.json();
-            }
+            })
-        });
+            .then(data => {
                console.log("Dane załadowane:", data);
                renderTable(data); // Wywołaj funkcję renderującą tabelę
            })
            .catch(error => {
                console.error("Błąd:", error);
            });
    };
-        // Pobieranie liczby rat
+    // Funkcja do renderowania danych w tabeli
-        const iloscRat = parseInt(document.getElementById('raty').value);
+    const renderTable = (data) => {
-        // Pobieranie miasta
+        const table = document.getElementById('tab');
        const miasto = document.getElementById('miasto').value;
-        // Sprawdzanie poprawności danych
+        // Usuń wszystkie rzędy po nagłówku (czyli od drugiego)
-        if (wybraneKursy.length === 0 || isNaN(iloscRat) || iloscRat <= 0) {
+        while (table.rows.length > 1) {
-            document.getElementById('wynik').textContent = 'Proszę wybrać przynajmniej jeden kurs i podać poprawną liczbę rat.';
+            table.deleteRow(1);
            return;
        }
-        // Obliczanie miesięcznej raty
+        // Dodaj nowe wiersze dla każdego kursu
-        const rata = calkowitaKwota / iloscRat;
+        data.forEach(row => {
            const tr = document.createElement('tr');
            tr.innerHTML = `
                <td>${row.kurs}</td>
                <td>${row.czas_trwania}</td>
                <td>${row.cena}</td>
            `;
            table.appendChild(tr);
        });
    };
-        // Wyświetlanie wyniku
+    // Uruchom pobieranie danych
-        document.getElementById('wynik').textContent = 
+    fetchData();
            `Kurs odbędzie się w ${miasto}. Koszt całkowity: ${calkowitaKwota} zł. Płacisz ${iloscRat} rat po ${rata.toFixed(2)} zł`;
    });
 });
--- a/php/get.php
+++ b/php/get.php
@ -0,0 +1,16 @@
 <?php
 $polaczenie = mysqli_connect("172.18.0.2", "root", "secret", "szkolenia");
 $kwerenda = mysqli_query($polaczenie, "SELECT REPLACE(k.nazwa, 'Kurs ', '') AS kurs, k.czas_trwania AS czas_trwania, CONCAT(k.cena, ' zł') AS cena FROM kursy k ORDER BY k.id");
 $json = array();
 while ($row = mysqli_fetch_assoc($kwerenda)) {
    $json[] = $row;
 }
 mysqli_close($polaczenie);
 echo json_encode($json );
 ?>
--- a/sql/k1.sql
+++ b/sql/k1.sql
@ -0,0 +1 @@
 SELECT REPLACE(k.nazwa, 'Kurs ', '') AS kurs, k.czas_trwania AS czas_trwania, CONCAT(k.cena, ' zł') AS cena FROM kursy k ORDER BY k.id
--- a/sql/s1.sql
+++ b/sql/s1.sql
@ -0,0 +1,51 @@
 -- Utwórz bazę danych dla firmy szkoleniowej
 CREATE DATABASE IF NOT EXISTS szkolenia CHARACTER SET utf8 COLLATE utf8_unicode_ci;
 -- Wybierz bazę danych do pracy
 USE szkolenia;
 -- Tabela: kategorie_kursow
 -- Przechowuje informacje o poziomach kursów (np. podstawowy, średni, zaawansowany)
 CREATE TABLE IF NOT EXISTS kategorie_kursow (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(50) NOT NULL UNIQUE,
    opis TEXT
 );
 -- Wstaw dane do tabeli kategorii
 INSERT INTO kategorie_kursow (nazwa, opis) VALUES
 ('podstawowy', 'Kurs przeznaczony dla początkujących'),
 ('średni', 'Kurs dla osób mających podstawową wiedzę'),
 ('zaawansowany', 'Kurs dla osób posiadających zaawansowaną wiedzę');
 -- Tabela: kursy
 -- Przechowuje informacje o konkretnych kursach
 CREATE TABLE IF NOT EXISTS kursy (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(255) NOT NULL,
    cena DECIMAL(10, 2) NOT NULL,
    id_kategorii INT,
    FOREIGN KEY (id_kategorii) REFERENCES kategorie_kursow(id),
    UNIQUE KEY unique_nazwa (nazwa)
 );
 -- Wstaw dane do tabeli kursy (zgodnie z ilustracją 4)
 INSERT INTO kursy (nazwa, cena, id_kategorii) VALUES
 ('Kurs HTML i CSS', 500.00, 1), -- podstawowy
 ('Kurs JavaScript', 700.00, 2), -- średni
 ('Kurs React.js', 900.00, 3); -- zaawansowany
 -- Tabela: miasta
 -- Przechowuje listę miast, w których odbywają się kursy
 CREATE TABLE IF NOT EXISTS miasta (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(100) NOT NULL UNIQUE
 );
 -- Wstaw dane do tabeli miasta
 INSERT INTO miasta (nazwa) VALUES
 ('Warszawa'),
 ('Katowice'),
 ('Gdańsk');
--- a/sql/s2.sql
+++ b/sql/s2.sql
@ -0,0 +1,10 @@
 -- Zapytanie 3: Tworzenie użytkownika 'Marek'
 CREATE USER IF NOT EXISTS 'Marek'@'localhost' IDENTIFIED BY 'M@reK';
 -- Zapytanie 4: Nadanie uprawnień
 -- Użytkownik Marek ma prawo do przeglądania i aktualizowania danych tylko w tabeli `kursy`
 GRANT SELECT, UPDATE ON szkolenia.kursy TO 'Marek'@'localhost';
 -- Odświeżenie uprawnień
 FLUSH PRIVILEGES;
--- a/sql/s3.sql
+++ b/sql/s3.sql
@ -0,0 +1,63 @@
 -- Utwórz bazę danych dla firmy szkoleniowej
 CREATE DATABASE IF NOT EXISTS szkolenia CHARACTER SET utf8 COLLATE utf8_unicode_ci;
 -- Wybierz bazę danych do pracy
 USE szkolenia;
 -- Tabela: kategorie_kursow
 CREATE TABLE IF NOT EXISTS kategorie_kursow (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(50) NOT NULL UNIQUE,
    opis TEXT
 );
 -- Wstaw dane do tabeli kategorii
 INSERT INTO kategorie_kursow (nazwa, opis) VALUES
 ('podstawowy', 'Kurs przeznaczony dla początkujących'),
 ('średni', 'Kurs dla osób mających podstawową wiedzę'),
 ('zaawansowany', 'Kurs dla osób posiadających zaawansowaną wiedzę');
 -- Tabela: kursy (z dodanym czasem trwania)
 CREATE TABLE IF NOT EXISTS kursy (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(255) NOT NULL,
    cena DECIMAL(10, 2) NOT NULL,
    czas_trwania VARCHAR(50) NOT NULL DEFAULT '2 miesiące',
    id_kategorii INT,
    FOREIGN KEY (id_kategorii) REFERENCES kategorie_kursow(id),
    UNIQUE KEY unique_nazwa (nazwa)
 );
 -- Wstaw dane do tabeli kursy z czasem trwania
 INSERT INTO kursy (nazwa, cena, czas_trwania, id_kategorii) VALUES
 ('Kurs HTML i CSS', 500.00, '2 miesiące', 1),
 ('Kurs JavaScript', 700.00, '3 miesiące', 2),
 ('Kurs React.js', 900.00, '4 miesiące', 3);
 -- Tabela: miasta
 CREATE TABLE IF NOT EXISTS miasta (
    id INT AUTO_INCREMENT PRIMARY KEY,
    nazwa VARCHAR(100) NOT NULL UNIQUE
 );
 -- Wstaw dane do tabeli miasta
 INSERT INTO miasta (nazwa) VALUES
 ('Warszawa'),
 ('Katowice'),
 ('Gdańsk');
 -- Tabela: kursy_miasta (relacja wiele-do-wielu: kurs może być w wielu miastach)
 CREATE TABLE IF NOT EXISTS kursy_miasta (
    id_kursu INT NOT NULL,
    id_miasta INT NOT NULL,
    PRIMARY KEY (id_kursu, id_miasta),
    FOREIGN KEY (id_kursu) REFERENCES kursy(id) ON DELETE CASCADE,
    FOREIGN KEY (id_miasta) REFERENCES miasta(id) ON DELETE CASCADE
 );
 -- Przykładowe przypisanie kursów do miast (każdy kurs w każdym mieście)
 INSERT INTO kursy_miasta (id_kursu, id_miasta)
 SELECT k.id, m.id
 FROM kursy k
 CROSS JOIN miasta m;
Author	SHA1	Message	Date
baiobelfer	e30d313d98	add spread data from db to table in main view	2025-09-10 11:35:22 +00:00
baiobelfer	53d00bc5ae	get php+k1	2025-09-10 11:07:19 +00:00
baiobelfer	5dc04fcd69	s3 db ok	2025-09-10 11:06:16 +00:00
baiobelfer	2b40308f27	add sql	2025-09-10 10:42:53 +00:00
		`@ -0,0 +1 @@`
							`SELECT REPLACE(k.nazwa, 'Kurs ', '') AS kurs, k.czas_trwania AS czas_trwania, CONCAT(k.cena, ' zł') AS cena FROM kursy k ORDER BY k.id`